﻿/*body{background:#fff; font-size:14px; color:#333; font-family:Arial,"Microsoft YaHei","微软雅黑","宋体"; font-family:"Microsoft YaHei","微软雅黑","宋体"\9; font-weight:normal;}
input{font-family:Arial,"Microsoft YaHei","微软雅黑","宋体";}
textarea{font-family:Arial,"Microsoft YaHei","微软雅黑","宋体";}
a{text-decoration:none; outline: none; cursor:pointer; color:#333}
a:hover{text-decoration:none; outline: none; cursor:pointer;color:#ec6500}
.clear{clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
*/
a{
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari 和 Chrome */
	-o-transition: all 0.2s; /* Opera */
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clearfix:after, .fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, .fix {
	zoom: 1;
}

.floatL{float:left;}
.floatR{float:right;}
.alignL{text-align: left;}
.alignR{text-align: right;}

.marginB{margin-bottom:6px;}
.marginB40{margin-bottom:40px;}

.border-top{border-top: 1px solid #ececec;}

.container{width: 1100px; margin: 0 auto; position: relative;}

.bg-f5f6fa{background-color:#f5f6fa;}

.bg-fc{background-color:#fcfcfc;}
.bg-ff{background-color:#fff;}
.anli-main-plan-nav li{ width:183px; height:100px; display:block; margin:0px; padding:0px; clear:both;} 


.action a.libox {background:url(../images/img1-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff; border:none;}
a.libox{ border-bottom:#eaeaea 1px solid; border-left:#eaeaea 1px solid; background:url(../images/img1.jpg) 20px center #fff no-repeat; width:122px; height:59px; display:block; padding-top:40px; padding-left:60px; text-align:left;}
a.libox:hover{ border:none; background:url(../images/img1-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff;}
a.libox1{ border-left:#eaeaea 1px solid; border-bottom:#eaeaea 1px solid; background:url(../images/img2.jpg) 20px center #fff no-repeat; width:122px; height:59px; display:block; padding-top:40px; padding-left:60px; text-align:left;}
a.libox1:hover{ border:none; background:url(../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff;}
.action a.libox1{ border:none; background:url(../images/img2-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff;}
a.libox2{ border-left:#eaeaea 1px solid; background:url(../images/img3.jpg) 20px center #fff no-repeat; width:122px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left;}
a.libox2:hover{ border:none; background:url(../images/img3-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff;}
.action a.libox2{ border:none; background:url(../images/img3-1.jpg) 20px center #2f8ae7 no-repeat; width:123px; height:60px; display:block; padding-top:40px; padding-left:60px; text-align:left; color:#fff;}




.page-products {margin-top: 40px;}
.page-products .tit { height: 54px; line-height: 54px; border-bottom: 2px solid #F7F7F5; font-size: 16px; color: #424242; border-bottom: 2px solid #F7F7F5; background: #FFF; padding-left: 25px;}
.page-products ul {background: #fdfdfd; padding: 0 2px; height: 300px;  overflow: hidden;}
.page-products li { width: 238px; height: 300px; float: left; display: inline; overflow: hidden; border-right: solid 2px #e9e9e9;}
.page-products li a {display: block; color: #666;}
.page-products li a:hover {text-decoration: none;}
.page-products li.last {border-right: none 0;}
.page-products .item-inner {width: 470px; height: 100%;}
.page-products .main1 { text-align: center; width: 238px; height: 100%; border-right: solid 1px #efefef; background-position: center 115px; background-repeat: no-repeat;}
.page-products .main1 a {height: 100%;}
.page-products .main1 h3 { display: block;	font-size: 18px; color: #fff; line-height: 25px; /*padding-top: 23px;*/}
.page-products .main1 .descrip { display: block; line-height: 20px; padding-top: 5px; height: 60px; color: #fff;}
.page-products .main1 .btm {display: block; line-height: 20px; padding-top: 110px; color:#fff;}
.page-products .hosting .main1 {background: #08acdb url(../images/icon_hosting.jpg) no-repeat center; border-top:#1dbdeb solid 9px;}
.page-products .lightcloud .main1 { background: url(../images/icon_lightcloud_03.jpg) no-repeat center; border-top:#1dbdeb solid 9px;}
.page-products .cloudmail .main1 { background:#13c0ce url(../images/icon_cloudmail.jpg) no-repeat center; border-top:#33cbd7 solid 9px;}
.page-products .website .main1 { background:#ebb135 url(../images/icon_website_09.jpg) no-repeat center; border-top: #fcbf3d solid 9px;}
.page-products .domain .main1 { background:#94bf2c url(../images/icon_domain.jpg) no-repeat center; border-top:#a0c93d solid 9px;}
.page-products .detail .sort { width: 205px; height: 115px; padding: 25px 0 10px 20px; border-bottom: solid 1px #efefef;}
.page-products .detail .sort .tag { display: inline-block; height: 22px; line-height: 22px; border: solid 1px #adadad; padding: 0 10px; margin-bottom: 10px;}
.page-products .detail .sort .price {display: block; margin-bottom: 10px;}
.page-products .detail .sort .wow {color: #ff4606; font-size: 24px;}
.page-products .detail .sort .descrip {display: block;}
.page-products .three-item .sort {height: 75px; padding-top: 15px;}
.page-products .three-item .sort .price {display: inline-block; padding-left: 10px;}
.page-products .four-item .sort {height: 50px; padding-top: 15px;}
.page-products .four-item .sort .price {display: inline-block; padding-left: 10px;}
.page-products li.on { background: #fff; width: 464px; border-left: solid 2px #e9e9e9; border-right: solid 2px #e9e9e9; margin: 0 -2px;}
.page-products li.on .hosting .main1 {background: #fff url(../images/icon_hosting_on3.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .lightcloud .main1 {background:#fff url(../images/icon_lightcloud_on_03.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .cloudmail .main1 {background:#fff url(../images/icon_cloudmail_on2.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .website .main1 {background:#fff url(../images/icon_website_on2.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .domain .main1 {background:#fff url(../images/icon_domain_on.jpg) no-repeat center; border-top:10px #fff solid;}


.page-products li.on  .main1 h3 {color: #000;}

.page-products li.on  .main1 .descrip{color: #666;}
.page-products li.on .main1 .btm {color:#666;}

.w-wrap-inner { width: 1188px;  padding: 0 6px; margin: 0 auto;}

.w-fl { float: left !important; display: inline; width:225px;}

