@import "../iconfont/iconfont.css";

.cls, .clear, .clearfix {
    clear: both
}

.w1200 {
    width: 1200px;
    margin: 0 auto
}

i.cu {
    display: inline-block;
    width: 20px;
    height: 20px;
   /* background: url(../images/c.png) no-repeat center;*/
    margin-left: 5px;
    margin-bottom: -5px;
    background-color: #ffad17;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-stretch: normal;
}
i.cu.hot-tips{
    background-color: #ff6f3a;
}
i.cu.sale-tips {
    background-color: #629a1a;
}
i.host {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/hot.png) no-repeat center;
    margin-left: 10px
}

.head-margin {
    height: 100px
}

.domain_search_bg {
    height: 480px;
    /*background: url(../images/sucai_0.jpg) no-repeat center top;*/
    background-color: #181d35;
    /*background-size: cover*/
}

.domain_search_bg .show_wz {
    text-align: center;
    padding-top: 50px
}

.domain_search_bg .show_wz p {
    margin-bottom: 10px
}

.domain_search_bg .domain_box {
    margin-top: 20px;
    height: 48px;
    line-height: 48px
}

.domain_search_bg .domain_box .title_box .tab {
    float: left
}

.domain_search_bg .domain_box .title_box .tab a {
    display: block;
    float: left;
    width: 120px;
    background: rgba(8, 73, 138, 0.3);
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-right: 2px
}

.domain_search_bg .domain_box .title_box .tab a.active {
    background: #F2F5F8;
    color: #000
}

.domain_search_bg .domain_box .title_box .links {
    float: right;
    color: #2E2D3E
}

.domain_search_bg .domain_box .title_box .links a {
    color: #fff;
    margin: 0 10px
}

.domain_search_bg .domain_box .title_box .links a:hover {
    color: #0481FF
}

.domain_search_bg .domain_box .item_bx .searchBx {
    height: 56px;
    line-height: 56px;
    background: #fff;
    font-size: 16px
}

.domain_search_bg .domain_box .item_bx .searchBx .www {
    font-size: 22px;
    text-align: right;
    width: 90px;
    padding-right: 5px;
    float: left;
    color: #0481FF;
    box-sizing: border-box;
    font-weight: bold
}

.domain_search_bg .domain_box .item_bx .searchBx .input {
    float: left;
    width: 990px
}

.domain_search_bg .domain_box .item_bx .searchBx .input input::-webkit-input-placeholder {
    color: #A9A5A2
}

.domain_search_bg .domain_box .item_bx .searchBx .input input:-moz-placeholder {
    color: #A9A5A2
}

.domain_search_bg .domain_box .item_bx .searchBx .input input::-moz-placeholder {
    color: #A9A5A2
}

.domain_search_bg .domain_box .item_bx .searchBx .input input:-ms-input-placeholder {
    color: #A9A5A2
}

.domain_search_bg .domain_box .item_bx .searchBx .input input {
    width: 100%;
    height: 56px;
    line-height: 56px;
    border: none;
    background: none;
    outline: none;
    font-size: 16px
}

.domain_search_bg .domain_box .item_bx .searchBx .sbtn {
    float: right;
    width: 120px;
    text-align: center
}

.domain_search_bg .domain_box .item_bx .searchBx .sbtn button {
    height: 56px;
    line-height: 56px;
    background: #0481FF;
    color: #fff;
    border: none;
    width: 100%;
    outline: none;
    font-size: 16px;
    cursor: pointer;
}

.domain_search_bg .domain_box .item_bx .bli {
    height: 210px;
    overflow: auto;
    background: #F2F5F8;
    padding: 10px 20px;
    box-sizing: border-box;
    display: none
}

.domain_search_bg .domain_box .item_bx .bli li {
    width: 144px;
    float: left;
    padding: 2px 0;
    line-height: 30px;
    height: 30px;
}
.domain_search_bg .domain_box .item_bx .bli li label input,.domain_search_bg .domain_box .item_bx .bli .check-all input{width: 20px;height: 20px;vertical-align: middle;}
.domain_search_bg .domain_box .item_bx .bli::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.domain_search_bg .domain_box .item_bx .bli::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.domain_search_bg .domain_box .item_bx .bli::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #EDEDED
}

.domain_search_bg .domain_box .item_bx .bli.active {
    display: block
}

.domain_swiper_bg {
    padding: 200px 0 30px;
}

.domain_swiper_bg .domain_swiper {
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    height: 95px;
    overflow: hidden
}

.domain_swiper_bg .domain_swiper .arrow {
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #3C3F3F;
    border-radius: 100%;
    border: 1px #eee solid;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top: 40%;
    z-index: 2
}

.domain_swiper_bg .domain_swiper .arrow:hover {
    background: #0481FF;
    color: #fff
}

.domain_swiper_bg .domain_swiper .arrow-left {
    left: 6px
}

.domain_swiper_bg .domain_swiper .arrow-right {
    right: 6px
}

.domain_swiper_bg .domain_swiper .item {
    border: 1px #eee solid;
    text-align: center;
    padding-top: 20px
}

.domain_swiper_bg .domain_swiper .item img {
    height: 29px
}

.domain_swiper_bg .domain_swiper .item .pic-txt span {
    font-size: 16px;
    font-weight: bold;
    color: #ff4500;
    padding-left: 4px
}

.domain_price_bg {
    padding: 80px 0;
    background: #F2F5F8
}

.domain_price_bg .domain_price .title {
    text-align: center;
    background: none;
}

.domain_price_bg .domain_price .title h3 {
    margin-bottom: 24px;
    color: #111032;
    font-size: 24px
}

.domain_price_bg .domain_price .title p {
    font-size: 14px;
    color: #5E5E65
}

.domain_price_bg .domain_price .tabBx {
    margin-top: 60px
}

.domain_price_bg .domain_price .tabBx .tab a {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-top: 1px #F2F5F8 solid;
    font-size: 14px;
    background: #F8FAFB
}

.domain_price_bg .domain_price .tabBx .tab a.active {
    color: #0481FF;
    border-top: 1px #0481FF solid;
    background: #fff
}

.domain_price_bg .domain_price .tabBx .items .tli {
    background: #fff;
    display: none
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx {
    padding: 20px 30px
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search {
    height: 40px;
    line-height: 40px
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .ssBx {
    float: left;
    width: 197px;
    background: #fff
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .ssBx .input {
    width: 136px;
    float: left;
    border: 1px #E3EBF1 solid;
    border-right: none
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .ssBx .input input {
    height: 38px;
    line-height: 38px;
    width: 100%;
    border: none;
    background: #fff;
    outline: none;
    box-sizing: border-box;
    padding-left: 6px
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .ssBx .btn {
    width: 60px;
    float: left
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .ssBx .btn button {
    height: 40px;
    line-height: 40px;
    border: none;
    background: #0481FF;
    color: #fff;
    width: 100%;
    outline: none;
    cursor: pointer;
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .check_search {
    float: left;
    margin-left: 40px;
    font-size: 12px
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .check_search a {
    color: #5E5E65;
    display: block;
    float: left;
    margin-right: 20px
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .check_search a i {
    font-size: 13px
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .search .check_search a .icon-xuanzhong1 {
    color: #0481FF
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList {
    margin-top: 30px;
    box-sizing: border-box
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .ul-scroll {
    height: 603px;
    overflow: auto;
    box-sizing: border-box
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .ul-scroll::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .ul-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #0481FF;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .ul-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #EDEDED
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .lli {
    font-size: 14px;
    text-align: center;
    border: 1px #E3EBF1 solid;
    border-bottom: 1px #fff solid
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .lli .item {
    height: 50px;
    line-height: 50px;
    width: 186px;
    float: left;
    border-right: 1px #E3EBF1 solid;
    box-sizing: border-box
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .lli .item:nth-child(6) {
    border-right: none
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .lli:last-child {
    border-bottom: 1px #E3EBF1 solid
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .lli.td:hover,.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .lli.td.sel {
    border: 1px #FF4500 solid;
    background: #fcfcfc
}

.domain_price_bg .domain_price .tabBx .items .tli .priceBx .priceList .domain {
    color: #0481FF
}

.domain_price_bg .domain_price .tabBx .items .tli .brandBx {
    padding-top: 30px
}

.domain_price_bg .domain_price .tabBx .items .tli .brandBx .bli {
    float: left;
    width: 49%;
    height: 200px;
    margin: 15px 0;
    box-sizing: border-box;
    padding: 20px 0px;
    padding-left: 60px
}

.domain_price_bg .domain_price .tabBx .items .tli .brandBx .bli .img {
    float: left;
    width: 72px
}

.domain_price_bg .domain_price .tabBx .items .tli .brandBx .bli .note {
    float: left;
    width: 322px;
    margin-left: 20px
}

.domain_price_bg .domain_price .tabBx .items .tli .brandBx .bli .note h4 {
    margin-bottom: 13px;
    font-size: 18px
}

.domain_price_bg .domain_price .tabBx .items .tli .brandBx .bli .note p {
    font-size: 14px;
    color: #5E5E65
}

.domain_price_bg .domain_price .tabBx .items .tli .brandBx .bli:nth-child(2n) {
    float: right
}

.domain_price_bg .domain_price .tabBx .items .tli.active {
    display: block
}

.webstate_bg {
    background: #fff;
    padding: 30px 0;
    padding-top: 80px
}

.webstate_bg .title {
    text-align: center;
background: none;
}

.webstate_bg .title h3 {
    margin-bottom: 24px;
    color: #111032;
    font-size: 24px
}

.webstate_bg .title p {
    font-size: 14px;
    color: #5E5E65
}

.webstate_bg .content {
    padding-top: 50px
}

.webstate_bg .content .cop_web {
    float: left;
    width: 383px
}

.webstate_bg .content .bg_box {
    background: url(../images/sucai_11.jpg) no-repeat center;
    height: 150px;
    text-align: center;
    padding-top: 30px;
    color: #fff;
    box-sizing: border-box
}

.webstate_bg .content .bg_box h3 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bolder
}

.webstate_bg .content .bg_box p {
    font-size: 14px
}

.webstate_bg .content .ct_item {
    padding: 30px 40px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
    border: 1px #eee solid;
    border-top: none;
    height: 300px;
    overflow: hidden;
    box-sizing: border-box
}

.webstate_bg .content .ct_item .note h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px
}

.webstate_bg .content .ct_item .note p {
    color: #5E5E65;
    line-height: 25px;
    font-size: 14px
}

.webstate_bg .content .ct_item .info {
    padding: 15px 0;
    font-size: 14px;
    line-height: 35px;
    color: #5E5E65;
    line-height: 26px
}

.webstate_bg .content .ct_item .info i {
    color: #11C411
}

.webstate_bg .content .ct_item .gprice {
    color: #FF4500;
    text-align: left
}

.webstate_bg .content .ct_item .gprice span {
    font-size: 18px;
    font-weight: normal
}

.webstate_bg .content .ct_item .box {
    padding-top: 20px
}

.webstate_bg .content .ct_item .box a {
    background: #fff;
    border: 1px #F2F5F8 solid;
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #5E5E65;
    border-radius: 2px;
    transition: all .5s
}

.webstate_bg .content .ct_item .box a.active {
    background: #0481FF;
    color: #fff
}

.webstate_bg .content .ct_item .tuijian {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 61px;
    height: 61px
}

.webstate_bg .content .ct_item:hover .box a {
    background: #0481FF;
    color: #fff
}

.webstate_bg .content .ai_web {
    float: right;
    width: 775px
}

.webstate_bg .content .ai_web .bg_box {
    background: url(../images/sucai_10.jpg) no-repeat center;
    text-align: left;
    padding-left: 40px
}

.webstate_bg .content .ai_web .ct_item {
    width: 33.3%;
    float: left;
    border-right: none
}

.webstate_bg .content .ai_web .ct_item:nth-child(3) {
    border-right: 1px #eee solid
}

.question_bg {
    background: #F7F9FB;
    padding: 60px 0;
    padding-top: 80px
}

.question_bg .question .title {
    text-align: center;
    background: none;
}

.question_bg .question .title h3 {
    margin-bottom: 24px;
    color: #111032;
    font-size: 24px
}

.question_bg .question .title p {
    font-size: 14px;
    color: #5E5E65
}

.question_bg .question .title p a {
    color: #0481FF;
    text-decoration: underline
}

.question_bg .question .list {
    padding-top: 50px
}

.question_bg .question .list .llit {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-left: 60px
}

.question_bg .question .list .llit .img {
    float: left;
    margin-right: 20px
}

.question_bg .question .list .llit .note {
    float: left;
    font-size: 14px;
    padding-top: 6px
}

.question_bg .question .list .llit .note a:hover {
    color: #0481FF
}

.buySetp_bg {
    background: #fff;
    padding: 60px 0;
    padding-top: 80px
}

.buySetp_bg .buySetp .title {
    text-align: center;
    background: none;
}

.buySetp_bg .buySetp .title h3 {
    margin-bottom: 24px;
    color: #111032;
    font-size: 24px
}

.buySetp_bg .buySetp .title p {
    font-size: 14px;
    color: #5E5E65
}

.buySetp_bg .buySetp .list {
    padding-top: 50px
}

.buySetp_bg .buySetp .list li {
    float: left;
    width: 19.9%;
    padding-left: 20px;
    padding-top: 15px;
    box-sizing: border-box
}

.buySetp_bg .buySetp .list .li2 {
    padding-left: 55px
}

.buySetp_bg .buySetp .list .li3 {
    padding-left: 90px
}

.buySetp_bg .buySetp .list .li4 {
    padding-left: 145px
}

.buySetp_bg .buySetp .list .li5 {
    text-align: right
}

.cloudBx_bg {
    background: #F7F9FB;
    padding: 60px 0;
    padding-top: 80px
}

.cloudBx_bg .cloudBx .title {
    text-align: center;
    background: none;
}

.cloudBx_bg .cloudBx .title h3 {
    margin-bottom: 24px;
    color: #111032;
    font-size: 24px
}

.cloudBx_bg .cloudBx .title p {
    font-size: 14px;
    color: #5E5E65
}

.cloudBx_bg .cloudBx .list .pli {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 0 12px;
    padding-top: 30px
}

.cloudBx_bg .cloudBx .list .pli .item {
    border: 1px #E3EBF1 solid;
    padding-bottom: 20px;
    transition: all .5s;
    background: #fff
}

.cloudBx_bg .cloudBx .list .pli .item .tname {
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px #E3EBF1 solid;
    font-size: 18px
}

.cloudBx_bg .cloudBx .list .pli .item .info {
    padding: 10px 0
}

.cloudBx_bg .cloudBx .list .pli .item .info td {
    line-height: 30px;
    color: #5E5E65;
    font-size: 14px
}

.cloudBx_bg .cloudBx .list .pli .item .info .td1 {
    text-align: right;
    box-sizing: border-box;
    padding-right: 5px
}

.cloudBx_bg .cloudBx .list .pli .item .info .td2 {
    text-align: left
}

.cloudBx_bg .cloudBx .list .pli .item .gprice {
    text-align: center;
    color: #ff4500;
    padding: 10px 0;
    padding-top: 0
}

.cloudBx_bg .cloudBx .list .pli .item .gprice span {
    font-weight: bolder;
    font-size: 18px
}

.cloudBx_bg .cloudBx .list .pli .item .box {
    text-align: center
}

.cloudBx_bg .cloudBx .list .pli .item .box a {
    background: #fff;
    border: 1px #F2F5F8 solid;
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #5E5E65;
    border-radius: 2px;
    transition: all .5s
}

.cloudBx_bg .cloudBx .list .pli .item:hover {
    box-shadow: 0 0 15px 0 rgba(173, 174, 182, 0.5)
}

.cloudBx_bg .cloudBx .list .pli .item:hover .box a {
    background: #0481FF;
    color: #fff
}