/* CSS Document */
/* banner */
.banner6{ height:560px; background:url(/template_images/banner/banner6.jpg) no-repeat center top; margin-top:-101px; position:relative; z-index:100;}
.banner6 a{ display:block; width:100%; min-height:476px;}
.bannerLeft{ margin-left:-145px; float:left; margin-top:200px; opacity:0;}
.bannerLeft .title{ font-size:40px; color:#fff;}
.bannerLeft .desc{ font-size:24px; color:#fff; opacity:0.6;}
.banerRight{ float:right; border:1px solid yellow;}

.hostConfigHeader{ margin-top:-110px; position:relative; z-index:201;}
.hostConfigMask{ height:110px; background:#000; opacity:0.5;}
.hostConfigSwitch{ overflow:auto; zoom:1; margin-top:-98px;}
.hostConfigSwitch li{ float:left; height:98px; padding:0px 110px; position:relative; z-index:202; cursor:pointer;}
.hostConfigSwitch li .title{ color:#fff; font-size:24px; text-align:center; line-height:35px; margin-top:20px;}
.hostConfigSwitch li .desc{ color:#fff; opacity:0.6; font-size:14px; text-align:center; line-height:30px;}
.hostConfigSwitch li.current{ background:#f2f2f2; border-top-left-radius:8px; border-top-right-radius:8px;}
.hostConfigSwitch li.current .title{ color:#1299e1;}
.hostConfigSwitch li.current .desc{ color:#999;}

.hostConfigContent{ padding:70px 0px 50px;}
.hostConfigContent li{ background:#fff; border-radius:10px; margin-bottom:25px;}
.hostConfigContent .title{ background:#666; height:65px; line-height:65px; border-top-left-radius:8px; border-top-right-radius:8px;}
.hostConfigContent .title p{ color:#fff; margin:0px 30px; font-size:26px;}
.hostConfigContent .title span{ float:right; display:block; font-size:14px; color:#fff; opacity:0.7;}
.hostConfigContent{ border:0px solid red;}
.hostConfigContent table{ margin:20px 0px 0px 30px; float:left;}
.hostConfigContent td{ font-size:18px; color:#999; width:150px; line-height:40px;}
.hostConfigContent td span{ display:block; height:40px; font-size:18px; color:#333; line-height:40px; text-align:center; width:110px; border:1px solid #ccc; border-radius:5px; margin:0px auto;}
.hostConfigContent td p{ margin:10px 0px 0px 20px; font-size:14px; color:#999;}

.hostDetail{ overflow:auto; zoom:1; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.hostDetail .price{ display:block; float:left; width:145px; border-top:1px solid #ccc; margin:20px 0px 0px 125px; overflow:hidden;}
.hostDetail .price span{ display:block; height:60px; border-bottom:1px solid #ccc; font-size:14px; color:#aaa; line-height:60px;}
.hostDetail .price font{ font-size:20px; color:#ff7200;}
.hostDetail .price b{ font-size:36px; color:#e18212; margin:0px 8px 0px 3px; font-weight:normal;}
.hostDetail .goBuyBtn{ display:block; float:left; width:150px; height:50px; color:#fff; background:#ff7200; text-align:center; font-size:16px; line-height:50px; border-radius:5px; margin:57px 0px 0px 90px;}

.hostConfigContent li.current{ box-shadow:0 0 10px #333;}
.hostConfigContent li.current .title{ background:#1b88f1;}
.hostConfigContent li.current .title p{ color:#fff;}
.hostConfigContent li.current .title span{ color:#fff;}


/* 弹性云 */
.elasticCloudContent{ overflow:auto; zoom:1;}
.elasticCloudContent li.current { box-shadow:none;}
.basicChoice{ width:986px; height:978px; float:left;}
.basicChoice .inner{ width:986px; height:978px; position:absolute; box-shadow:0px 0px 10px #666; border-radius:10px;}
.configCount{ width:296px; height:978px; float:right;}
.configCount .inner{ width:296px; height:978px; position:absolute; box-shadow:0px 0px 10px #666; border-radius:10px;}

.basicChoice .typeList{ height:100px; background:#445159; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center;}
.typeList span{ display:inline-block; width:130px; height:40px; cursor:pointer; text-align:center; line-height:40px; border:1px solid ##566269; background:#566269; color:#fff; margin:32px 3px 0px;}
.typeList span.current{ background:#445970 url(/template_images/basicHostTypeBg.jpg) no-repeat right top; border:1px solid #4468ca;}

.basicChoiceDetail{ border:1px solid #fff;}
.basic_c_d_box{ margin:0px 45px; border:1px solid #fff; height:120px;}
.basic_c_d_box .name{ font-size:24px; color:#666; border:1px solid #fff; float:left; min-width:55px; line-height:120px;}
.basic_c_d_box .content{ border:1px solid #fff; float:left; margin-left:35px; height:120px; min-width:200px;}
#hostCPU .basic_notes span{ margin-right:61px;}
#hostCPU .basic_notes span.last{ margin-right:0px;}

#hostCPU .select_bar{ width:133px;}
#hostCPU .selectBarBtn{ margin-left:113px;}

#hostMemory .select_bar{ width:70px;}
#hostMemory .selectBarBtn{ margin-left:50px;}

#hostHardDisk .basic_notes{ text-align:center;}
#hostHardDisk .basic_notes span{ width:auto;}
#hostHardDisk .basic_notes .first{ float:left; width:47px;}
#hostHardDisk .basic_notes .last{ float:right; width:47px;}
#hostHardDisk .select_bar{ width:0px;}
#hostHardDisk .selectBarBtn{ margin-left:0px;}

.basic_sliderBar{ float:left; width:610px; height:120px; border:1px solid #fff;}
.basic_bar{ height:22px; background:#f1f1f1; border-radius:99px; margin-top:45px;}
.select_bar{ width:600px; margin:-17px 5px 0px; height:12px; background:#74b8f4; border-radius:99px;}
.selectBarBtn{ display:block; position:absolute; width:41px; height:45px; margin-top:-15px; background:url(/template_images/selectBarBtn.png) no-repeat center center;}
.basic_notes{ margin-top:12px;}
.basic_notes span{ display:inline-block; width:46px; height:30px; line-height:30px; text-align:center; color:#333;}
@-moz-document url-prefix(){.basic_notes span{ width:47px;}}
#basicBandwidth span.last{ float:right;}
#basicBandwidth .select_bar{ width:12px;}
#basicBandwidth .selectBarBtn{ margin-left:8px;}

.basic_addtionSwitch{ float:left; width:170px; height:120px; border:1px solid #fff;}
.basic_addtionSwitch p{ overflow:auto; zoom:1; border:1px solid #bfbfbf; height:37px; width:134px; border-radius:99px; overflow:hidden; margin:37px 0px 0px 30px;}
.basic_addtionSwitch .reduce{ display:block; float:left; width:38px; height:37px; line-height:37px; font-size:36px; color:#666; text-align:center; cursor:pointer; background:#efefef;}
.basic_addtionSwitch input{ display:block; float:left; width:58px; height:37px; line-height:37px; font-size:16px; color:#666; text-align:center; border:none;}
.basic_addtionSwitch .add{ display:block; float:left; width:38px; height:37px; line-height:37px; font-size:25px; color:#666; text-align:center; cursor:pointer; background:#efefef;}

#operateSystemSelect{ }
#operateSystemSelect select{ height:28px; line-height:28px; list-style-image:url(/template_images/basicHostTypeBg.jpg); border:1px solid #e0e0e0; margin:43px 10px 0px 0px; appearance:none; -moz-appearance:none; -webkit-appearance:none; font-size:14px;}
.selectBg{ background:url(/template_images/selectBg.jpg) no-repeat right 3px center;}

.BigOperateSystem{ min-width:140px;}
.middleOperateSystem{ min-width:400px;}

/* 线路 */
#hostRoute{}
#hostRoute span{ display:block; cursor:pointer; border:1px solid red; font-size:14px; float:left; height:34px; line-height:34px; border:1px solid #eaeaea; padding:0px 10px; margin:43px 10px 0px 0px;}
#hostRoute span.current{ background:#4a9ced; color:#fff;}

/* 购买时长 */
#purchaseTime{}
#purchaseTime p{ float:left; margin-top:45px; cursor:pointer;}
#purchaseTime p span{ display:block; line-height:26px; text-align:center; height:26px; border:1px solid #eaeaea; border-left:none; padding:0px 20px;}
#purchaseTime p.first span{ border-left:1px solid #eaeaea;}
#purchaseTime span b.gift{ display:block; float:left; width:16px; height:17px; background:url(/template_images/icon.png) no-repeat -839px -602px; margin:4px 3px 0px 0px;}
#purchaseTime p font{ display:none; height:25px; background:url(/template_images/icon.png) no-repeat -576px -335px;}
#purchaseTime p font b{ font-size:12px; color:#fff; line-height:30px; margin-left:4px;}

#purchaseTime p.current b.gift{ background:url(/template_images/icon.png) no-repeat -892px -602px;}
#purchaseTime p.current span{ background:#489deb;}
#purchaseTime p.current font{ display:block;}


/* 弹性云右面合计框 */
.configCount .title{ font-size:24px; color:#fff; height:100px; line-height:100px; background:#445159; text-align:center;}
.configCount .paramList{ margin:46px 26px 0px; border-top:2px solid #74b8f4; border-bottom:2px solid #74b8f4;}
.configCount .paramList p{ height:38px; line-height:38px; border-top:1px solid #d9d9d9; font-size:18px; color:#666;}
.configCount .paramList p.first{ border-top:none;}
.configCount .paramList span{ display:block; float:left; width:100px; margin-left:7px;}
.configCount .totalCount{ margin:30px; 26px 0px; font-size:16px; color:#e86107;}
.configCount .totalCount span{ font-size:16px; color:#666; margin-right:18px;}
.configCount .totalCount font{ font-size:16px; color:#e86107;}
.configCount .totalCount b{ font-size:32px; color:#e86107; font-weight:normal; margin:0px 10px 0px 4px;}
.configCount .submitBtn{ display:block; margin:43px auto 0px; height:61px; line-height:61px; color:#fff; font-size:20px; background:#d75600; text-align:center; border-radius:5px; width:240px; border:none; cursor:pointer;}
.configCount .agreement{ font-size:14px; color:#999; margin:20px 26px 0px;}
.configCount .agreement input{ display:block; position:absolute; width:15px; height:15px; margin-top:3px; border:1px solid #eaeaea;}
.configCount .agreement span{ display:block; margin:0px 0px 0px 20px; line-height:22px;}
.hostConfigContent .current .CofigCountInnerContain .title{ background:#445159;}
.configCount .attention{ margin:220px 26px 0px;}
.configCount .attention span{ position:absolute; display:block; width:20px; height:20px; margin-top:1px; background:url(/template_images/icon.png) no-repeat -723px -8px;}
.configCount .attention font{ font-size:14px; color:#c0c0c0; line-height:22px; display:block; margin:0px 0px 0px 25px;}

/* 产品概述 */
.hostProSumHeader{ background:#4a9bed;}
.hostProSumSwitch{ overflow:auto; zoom:1;}
.hostProSumSwitch li{ float:left; overflow:hidden; padding:0px 40px; cursor:pointer;}
.hostProSumSwitch li span{ font-size:18px; color:#fff; display:block; text-align:center; width:80px; height:60px; line-height:65px; border-bottom:4px solid #4a9bed;}
.hostProSumSwitch li.current span{ border-bottom:4px solid #fff;}


.hostProductSumContent{ padding:80px 0px; overflow:auto; zoom:1;}
.hostProductSumContent li{ display:block; float:left; width:280px; height:370px; border:1px solid #dfdfdf; border-radius:5px; margin:0px 6px;}
.hostProductSumContent li .icon{ display:block; width:70px; height:70px; margin:50px auto 30px;}
.proSumIcon1{ background:url(/template_images/icon.png) no-repeat -647px -497px;}
.proSumIcon2{ background:url(/template_images/icon.png) no-repeat -726px -497px;}
.proSumIcon3{ background:url(/template_images/icon.png) no-repeat -805px -497px;}
.proSumIcon4{ background:url(/template_images/icon.png) no-repeat -885px -497px;}
.hostProductSumContent li .title{ font-size:24px; color:#666; text-align:center; line-height:32px;}
.hostProductSumContent li .desc{ font-size:14px; color:#999; line-height:30px; margin:32px auto 0px; padding:0px 35px; text-align:center;}

.hostProductSumContent li.current{ background:#4a9bed;}
.hostProductSumContent li.current .title{ color:#fff;}
.hostProductSumContent li.current .desc{ color:#fff; opacity:0.7;}

/* 场景 */
.elasticScene{ background:#000 url(/template_images/sceneBg.jpg) no-repeat center center;}
.sceneList{ overflow:auto; zoom:1;}
.sceneList li{ float:left; width:20%; height:850px; text-align:center;}
.sceneList .title{ margin-top:160px; color:#fff; font-size:28px;}
.sceneList p.typeBtn{ color:#fff; opacity:0.5; font-size:16px; height:38px; line-height:38px; width:110px; text-align:center; display:block; border:1px solid #fff; margin:80px auto 10px;}
.sceneList p.desc{ color:#fff; opacity:0.5; width:210px; margin:0px auto; line-height:25px;}


.sceneList li.current{ background:#4a9bed;}
.sceneList .current p.typeBtn{ opacity:1;}
.sceneList .current p.desc{ opacity:1;}

/* 产品功能 */
.elasticProductFun{ height:640px; background:#f5f5f5;}
.elasticProductFun .title{ font-size:28px; color:#333; padding:100px 0px 40px; text-align:center;}
.elasticProductSwitch{ width:1180px; margin:0px auto; overflow:auto; zoom:1;}
.elasticProductSwitch li{ width:168px; float:left; text-align:center; line-height:40px;}
.elasticProductSwitch li p{ width:86px; margin:0px auto; height:130px; cursor:pointer;}
.elasticProductSwitch li.current p{ background:url(/template_images/productFuncBtmBg.jpg) no-repeat center bottom; color:#2b99f0;}
.elasticProductSwitch span.icon{ display:block; width:50px; height:50px; margin:0px auto;}
.elastic1-1{ background:url(/template_images/icon.png) no-repeat -34px -587px;}
.elastic2-1{ background:url(/template_images/icon.png) no-repeat -98px -587px;}
.elastic3-1{ background:url(/template_images/icon.png) no-repeat -158px -587px;}
.elastic4-1{ background:url(/template_images/icon.png) no-repeat -225px -587px;}
.elastic5-1{ background:url(/template_images/icon.png) no-repeat -295px -587px;}
.elastic6-1{ background:url(/template_images/icon.png) no-repeat -375px -587px;}
.elastic7-1{ background:url(/template_images/icon.png) no-repeat -440px -587px;}
.elastic1-2{ background:url(/template_images/icon.png) no-repeat -34px -509px;}
.elastic2-2{ background:url(/template_images/icon.png) no-repeat -98px -510px;}
.elastic3-2{ background:url(/template_images/icon.png) no-repeat -158px -510px;}
.elastic4-2{ background:url(/template_images/icon.png) no-repeat -225px -510px;}
.elastic5-2{ background:url(/template_images/icon.png) no-repeat -295px -509px;}
.elastic6-2{ background:url(/template_images/icon.png) no-repeat -375px -510px;}
.elastic7-2{ background:url(/template_images/icon.png) no-repeat -440px -510px;}
.elasticProductContent{ border:1px solid #dadada; background:#fff; width:1180px; margin:-1px auto 0px;}
.elasticProductContent li{ padding-bottom:50px; display:none;}
.elasticProductContent li p{ margin:30px 20px 0px;}
.elasticProductContent li.current{ display:block;}
.elasticProductContent li a{ font-size:14px; color:#333;}
.elasticProductContent span a{ margin-left:30px; font-size:14px; color:#1299e1;}