/* CSS Document */
/* banner */
.banner0{ height:580px; background:url(/template_images/banner/banner0.jpg) no-repeat center top; margin-top:-101px; position:relative; z-index:100;}
.banner0 a{ display:block; width:100%; min-height:476px;}
.bannerLeft{ margin-left:-145px; float:left; margin-top:130px; opacity:0;}
.spePriImg{ margin-left:20px;}
.iphost{ color:#fff; font-size:59px; font-weight:bold; margin-left:20px;}
.hostPrice{ margin-top:30px;}
.banerRight{ float:right; border:1px solid yellow;}

/* 搜索框 */
.searchContain{ background:#1a011a; height:112px; margin-top:-112px; position:relative; z-index:102;}
.searchKeys{ margin-left:230px; padding-top:10px; width:985px;}
.searchKeys a{ font-size:14px; line-height:35px; color:#fff; margin-right:15px;}
.searchA{ float:right;}
.searchA li{ float:left; margin-left:30px;}
.searchA li.first{ margin-left:0px; margin-right:185px;}
.searchA li a{ margin-right:0px;}
.searchInputContain{ overflow:auto; zoom:1;}
.searchName{ width:210px; text-align:right; font-size:16px; color:#fff; float:left;}
.searchInput{ width:990px; height:50px; background:#fff; border-radius:5px; margin-left:15px; float:left;}
.searchInput .keywords{ height:50px; border:none; line-height:50px; width:700px; font-size:18px; margin-left:20px;}
.searchBtn{ float:right; width:165px; height:50px; background:#ff7200; border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; cursor:pointer; font-size:24px; color:#fff; background:#ff7200 url(/template_images/icon.png) no-repeat -172px 6px;}

/* 域名服务 */
.serviceContain{ background:#fff;}
.domainList{ overflow:auto; zoom:1; border-bottom:1px solid #e8e8e8; padding-left:20px;}
.domainList li{ float:left; line-height:49px; margin-right:10px; font-size:14px; color:#666;}
.domainList li.more{ float:right;}
.domainList li.more a{ font-size:14px; color:#666; margin-right:10px;}
.checkImg{ height:17px; width:17px; display:inline-block; background:url(/template_images/icon.png) no-repeat -368px -10px; float:left; margin-top:15px; margin-right:5px;}
.hadCheckImg{ background:url(/template_images/icon.png) no-repeat -398px -10px;}
.saleIcon{ display:block; float:right; width:16px; height:16px; margin-top:15px; margin-left:8px;}
.cuSaleIcon{ background:url(/template_images/icon.png) no-repeat -434px -11px;}
.reSaleIcon{ background:url(/template_images/icon.png) no-repeat -457px -11px;}

.domainService{ overflow:auto; zoom:1;}
.domainService li{ float:left; width:331px; height:150px;}
.doBaService,.doFicHost,.doTrust{ border-right:1px solid #e8e8e8;}
.doBaService{ background:url(/template_images/doBaServiceBg.jpg) no-repeat center center;}
.doFicHost{ background:url(/template_images/doFicHostBg.jpg) no-repeat center center;}
.doTrust{ background:url(/template_images/doTrustBg.jpg) no-repeat center center;}
.doTenSite{ background:url(/template_images/doTenSiteBg.jpg) no-repeat center center;}
.domainService a{ display:block; width:100%; height:150px;}
.domainService .title{ font-size:25px; color:#666; position:absolute;}
.domainService .desc{ font-size:14px; color:#999; position:absolute;}
.doBaService .title{ margin:38px 0px 0px 144px;}
.doBaService .desc{ margin:74px 0px 0px 144px;}
.doBaService .bcc{ position:absolute; display:block; width:37px; height:19px; border:1px solid #a6a6a6; border-radius:3px; line-height:21px; text-align:center; color:#666; margin:112px 0px 0px 142px;}
.doBaPrice{ position:absolute; margin:98px 0px 0px 205px; font-size:42px; color:#ff7200;}
.doBaPrice font{ font-size:23px; font-family:Verdana, Geneva, sans-serif; margin-right:5px;}
.doBaPrice span{ font-size:18px;}
.doBaPrice b{ font-size:14px; position:absolute; margin-left:-20px;}

.doFicHost .title{ margin:38px 0px 0px 125px;}
.doFicHost .desc{ margin:74px 0px 0px 125px;}


.doTrust .title{ margin:45px 0px 0px 113px;}
.doTrust .desc{ margin:80px 0px 0px 115px;}

.doTenSite .title{ margin:28px 0px 0px 141px; font-size:35px; color:#3186bc;}
.doTenSite .desc{ margin:73px 0px 0px 147px; font-size:16px; color:#3186bc;}
.doTenSite .letTest{ font-size:16px; color:#999; position:absolute; margin:100px 0px 0px 95px;}

/* 快速稳定的云计算服务 */
.hostList{ margin-top:70px;}
.hostList h3{ font-size:32px; color:#333; text-align:center; font-weight:normal; line-height:55px;}
.hostList .desc{ font-size:16px; color:#999; text-align:center;}
.hostUlList{ overflow:auto; zoom:1; margin-top:35px;}
.hostUlList li{ float:left; width:295px; border-left:1px solid #eee; background:#fff;}
.hostUlList li.hostUlli{ height:552px;}
.hostUlList li.first{ width:440px; border-left:none;}
.hostContain{ width:295px;}
.first .hostContain{ width:440px;}

.hostHeader{ height:105px; background:#e2f0f4; background:url(/template_images/hostUlliBg.jpg) repeat-x left top;}
.hostHeader .title{ font-size:24px; color:#666; font-weight:bold; text-align:center; line-height:50px; padding-top:10px;}
.hostHeader .desc{ font-size:14px; color:#999;}
.hostContent{ min-height:445px;}
.hostContent li{ margin-top:21px; border-left:none;}
.hostContent .title{ margin:0px 25px 0px 30px;}
.hostContent .title a{ font-size:16px; color:#666; line-height:30px;}
.hostContent .desc{ font-size:14px; color:#aaa; margin:0px 25px 0px 31px; line-height:30px; text-align:left;}

.specialHost{ overflow:auto; zoom:1; margin:0px 50px 0px 40px;}
.specialHost li{ float:left; width:50%; margin-top:40px;}
.specialHost li.first{ width:100%;}
.specialHost li.fr{ width:130px; float:right;}
.specialHost .title{ margin-left:0px; margin-right:0px;}
.specialHost .desc{ margin-left:0px; margin-right:0px;}

.hoSpFiprice{ height:40px; line-height:40px; font-size:14px; color:#aaa;}
.hoSpFiprice font{ font-size:24px; color:#40ccdd;}
.hoSpFiprice .buyBtn{ font-size:14px; color:#40ccdd; text-align:center; height:35px; width:92px; border:1px solid #848484; border-radius:3px; display:block; float:right;}

.hostUlList .current .hostContain{ box-shadow: 0 0 10px #999; position:absolute; z-index:101;}
.hostUlList .current .hostHeader{ background:url(/template_images/hostHeaderBg.jpg) no-repeat top right;}
.hostUlList .current .hostHeader .title{ color:#fff;}
.hostUlList .current .hostHeader .desc{ color:#c6dbfc;}
.hostUlList .current .hostContent{ background:#333;}
.hostUlList .current li{ background:#333;}
.hostUlList .current .hostContent .title a{ color:#fff;}
.hostUlList .current .hostContent .buy a{ color:#fff;}

.hostListUlContain{ overflow:auto; zoom:1; margin-top:70px;}
.hostListUlContain li{ width:324px; float:left; cursor:pointer;}
.bigTitle{ font-size:24px; color:#666; line-height:40px; height:40px; padding:55px 0px 30px;}
.bigTitle1{ width:290px;}
.bigTitle2{ width:310px;}
.bigTitle span{ display:block; width:40px; height:40px; float:left; margin-right:10px;}
.hostIcon1{ background:url(/template_images/icon.png) no-repeat -22px -232px; margin-left:80px;}
.hostIcon2{ background:url(/template_images/icon.png) no-repeat -75px -232px; margin-left:110px;}
.hostIcon3{ background:url(/template_images/icon.png) no-repeat -126px -232px; margin-left:60px;}
.hostDetailContain{ background:#fff; padding:37px 0px 27px;}
.hostDetailContain .inner{ border-right:1px solid #e5e5e5;}
.hostDetailContain .last{ border-right:none;}
.smallTitle{ font-size:24px; color:#333; text-align:center; line-height:35px;}
.hostDetailContain .desc{ font-size:14px; color:#aaa; line-height:30px;}
.priceBuy{ height:40px; font-size:20px; color:#ff7200; margin:26px 27px 0px 50px;}
.priceBuy font{ font-size:40px; color:#e18212; margin-left:3px;}
.priceBuy span{ font-size:14px; color:#aaa; margin-left:10px;}
.priceBuy a{ display:block; float:right; width:94px; height:37px; line-height:37px; font-size:16px; color:#fff; text-align:center; background:#ff7200; border-radius:3px;}
.configList{ overflow:auto; zoom:1; margin-top:23px;}
.configList p{ float:left;}
.configList p.f{ width:93px; border-right:1px solid #f1f1f1;}
.configList p.s{ width:86px; border-right:1px solid #f1f1f1;}
.configList p.l{ width:140px;}
.configList span{ font-size:16px; color:#9a9a9a; display:block; line-height:20px; text-align:center;}
.configList font{ font-size:14px; color:#a9a9a9; display:block; line-height:20px; text-align:center;}
.otherConfigList{ margin:10px 20px;}
.otherConfigList p{ font-size:13px; line-height:30px; color:#939393;}
.otherConfigList p b{ color:#828282; font-weight:normal; display:inline-block; width:68px;}
.checkDetailBtn{ display:block; width:166px; height:37px; line-height:37px; text-align:center;  color:#666; font-size:16px; background:#ccc; border-radius:4px; margin:0px auto;}
.checkDetailA{ font-size:14px; color:#82a6ce; text-align:center; display:block; margin-top:15px;}

.hostListUlContain .current .bigTitle{ background:#fff url(/template_images/hostUlliBg.jpg) repeat-x left top; color:#1299e1;}
.hostListUlContain .current .smallTitle{ color:#ff7200;}
.hostListUlContain .current .checkDetailBtn{ background:#1299e1; color:#fff;}
.hotIcon{ width:50px; height:40px; position:absolute; background:url(/template_images/icon.png) no-repeat -192px -232px; margin:-37px 0px 0px 274px;}

.hostListUlContain li.webHost{ float:right; width:304px;}
.webHostDetail{ margin-top:125px; background:url(/template_images/webHostBg.jpg) no-repeat right top; height:530px;}
.webHostDetail .title{ font-size:32px; color:#fff; margin:0px 0px 0px 50px; padding-top:45px; font-weight:100;}
.webHostDetail .title b{ margin-left:10px; font-weight:600;}
.webHostDetail .desc{ font-size:20px; color:#fff; text-align:left; margin-left:50px; line-height:50px;}
.webHostDetail .line{ width:51px; height:3px; background:#fff; margin-left:50px;}
.webHostDetail .content1{ font-size:14px; color:#fff; margin:30px 30px 0px 50px;}
.webHostDetail .content2{ font-size:10px; color:#fff; margin:20px 30px 0px 50px;}
.webHostDetail a{ display:block; color:#fff; font-size:14px; margin:113px 0px 0px 20px; text-align:center;}

/* 八点云代理 banner2 */
.banner2{ height:350px; background:url(/template_images/banner/banner3.jpg) no-repeat center top; color:#fff;}
.banner2Left{ min-height:200px;}
.banner2Title1{ color:#fff; font-size:50px; padding-top:50px;}
.banner2Title2{ color:#fff; font-size:50px; font-weight:bold;}
.banner2Desc1{ font-size:23px; color:#fff; margin-top:0px;}
.banner2Desc2{ font-size:14px; color:#fff; opacity:0.7;}
.banner2Btns{ margin-top:0px; overflow:auto; zoom:1; height:70px; margin-left:-20px; padding-left:20px;}
.banner2Btns a{ box-shadow: 0 0 10px #000; margin-top:20px; display:block; float:left; margin-right:12px; border-radius:5px; width:160px; height:48px; color:#fff; font-size:16px; line-height:48px; text-align:center;}
.banner2Btns .l{ background:#448dfe;}
.banner2Btns .r{ background:#eb0f2e;}

/* 八点云优势 */
.baDianYunAdvantage{ background:url(/template_images/advantagBg1.jpg) no-repeat center top; margin-top:83px;}
.yuAdvantageHead .title{ font-size:41px; color:#333; text-align:center; padding-top:200px;}
.yuAdvantageHead .title font{ color:#448dfe; font-weight:bold;}
.yuAdvantageHead .desc{ font-size:15px; color:#333; text-align:center; line-height:30px; opacity:0.5;}
.advantageList{ overflow:auto; zoom:1; margin-top:30px; text-align:center; padding-bottom:75px;}
.advantageList li{ display:inline-block; width:408px; height:206px; border:1px solid #ddd; margin-bottom:30px; text-align:left; background:#fff;}
.advantageList li a{ display:block;}
.advantageList li.f{ float:left;}
.advantageList li.r{ float:right;}
.advantageList p.title{ font-size:24px; color:#333; text-align:center;}
.advantageList p.desc{ font-size:16px; color:#999; text-align:center; width:270px; margin:0px auto;}
.advantageList .icon{ display:block; width:104px; height:80px; margin:30px auto 0px;}
.advantageList .icon1{ background:url(/template_images/icon.png) no-repeat -23px -50px;}
.advantageList .icon2{ background:url(/template_images/icon.png) no-repeat -159px -50px;}
.advantageList .icon3{ background:url(/template_images/icon.png) no-repeat -300px -50px;}
.advantageList .icon4{ background:url(/template_images/icon.png) no-repeat -439px -50px;}
.advantageList .icon5{ background:url(/template_images/icon.png) no-repeat -574px -50px;}
.advantageList .icon6{ background:url(/template_images/icon.png) no-repeat -709px -47px;}
.advantageList .icon7{ background:url(/template_images/icon.png) no-repeat -843px -50px;}
.advantageList .current{ background:#448dfe url(/template_images/advantageLibg.jpg) no-repeat center center;}
.advantageList .current .title{ color:#fff;}
.advantageList .current .desc{ color:#fff; opacity:0.6;}

/* 新闻列表 */
.newsListContainOuter{ background:url(/template_images/newsListBg.jpg) no-repeat center top; background-size:cover; padding-bottom:40px; overflow:hidden;}
.newsListContain{ text-align:center; padding-top:80px;}
.newsListContain li{ width:410px; display:inline-block; background:#fff; text-align:left;}
.newsListContain li.first{ float:left;}
.newsListContain li.last{ float:right;}
.newsListContain .title{ background:url(/template_images/hostUlliBg.jpg) repeat-x left top; padding-top:25px; padding-bottom:25px;}
.newsListContain .title span{ font-size:18px; color:#666; line-height:26px; border-bottom:2px solid #ccc; margin-left:28px;}
.newsListContain .title a{ float:right; margin-right:28px; display:inline-block; width:58px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#666; border:1px solid #d0d0d0;}
.newsList{ padding-bottom:25px;}
.newsList li{ background:#fff; width:100%;}
.newsList li a{ font-size:16px; color:#666; margin:0px 30px; line-height:40px;}
.newsListContain .newsList li a:hover{ color:blue;} 

/* 快速注册代理 */
.quickRegisteAgent{ background:url(/template_images/quickRegisteAgentBg.jpg) no-repeat center center; height:120px; line-height:120px; font-size:28px; color:#fff; text-align:center;}
.quickRegisteAgent a{ display:inline-block; height:46px; padding:0px 12px; text-align:center; color:#fff; margin-left:10px; border:1px solid #fff; border-radius:5px; line-height:48px;}
.quickRegisteAgent span{ margin-left:70px;}

/* 售后服务 */
.afterSaleServices{ height:170px; background:url(/template_images/afterSaleBg.jpg);}
.afterSaleList{ overflow:auto; zoom:1;}
.afterSaleList li{ float:left; width:25%; margin-top:30px;}
.afterSaleList div{ width:110px; height:90px; margin:0px auto 0px;}
.afSaleIcon1{ background:url(/template_images/icon.png) no-repeat -493px -206px;}
.afSaleIcon2{ background:url(/template_images/icon.png) no-repeat -615px -206px;}
.afSaleIcon3{ background:url(/template_images/icon.png) no-repeat -751px -202px;}
.afSaleIcon4{ background:url(/template_images/icon.png) no-repeat -887px -206px;}
.afterSaleList p{ color:#d1d1d1; font-size:16px; text-align:center;}