﻿/*
Copyright 2011, KISSY UI Library v1.20
MIT Licensed
build time: Nov 28 12:38
*/
/*
KISSY CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
     2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
     3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
*/

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td  {
    margin: 0;
    padding: 0;
} {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
    font: 14px / 1.5 "MIcrosoft YaHei";
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
/*a:hover { text-decoration: none; }*/

sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none;} /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
mark { background: #ff0; }
.map{width:590px; overflow:hidden;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{*zoom:1;}
img{ vertical-align:middle;}
.l{float: left;}
.r{float: right;}
.c{clear: both;}
.m0{margin: 0;}
.p0{padding: 0;}


/*首页图标*/

.txwx-icon{background:url(../images/icon.png) no-repeat 0px -28px;height:30px;padding-left:32px;}
.txwx-icon-on{background:url(../images/icon.png) no-repeat 0px -58px;height:30px;padding-left:32px;}
.qq-icon-on{background:url(../images/icon.png) no-repeat 0px -88px;height:30px;padding-left:32px;}
.qq-icon{background:url(../images/icon.png) no-repeat 0px -118px;height:30px;padding-left:32px;}
.xlwx-icon{background:url(../images/icon.png) no-repeat 0px -148px;height:30px;padding-left:32px;}
.xlwx-icon-on{background:url(../images/icon.png) no-repeat 0px -178px;height:30px;padding-left:32px;}
.wx-icon{background:url(../images/icon.png) no-repeat 0px -208px;height:30px;padding-left:32px;}
.wx-icon-on{background:url(../images/icon.png) no-repeat 0px -238px;height:30px;padding-left:32px;}
.wx-icon-white{background:url(../images/icon.png) no-repeat 0px -400px;height:37px;padding-left:29px;}
.go-top-icon{background:url(../images/icon.png) no-repeat 0px -437px;height:37px;padding-left:26px;}
.tell-icon-l{background:url(../images/icon.png) no-repeat 0px -474px;height:51px;padding-left:51px;}
.addr-icon{background:url(../images/icon.png) no-repeat 0px -525px;height:51px;padding-left:33px;}
.mail-icon{background:url(../images/icon.png) no-repeat 0px -576px;height:51px;padding-left:48px;}
.clock-icon{background:url(../images/icon.png) no-repeat 0px -627px;height:51px;padding-left:47px;}


/*英文标题*/

.news-tit-en{height:38px;padding-left:342px;}
.case-tit-en{height:38px;padding-left:322px;}


/*在线服务图标*/

.arrow-top{background:url(../images/contact-icon.png) no-repeat 0px 0px;height:12px;padding-left:22px;}
.contact-icon3{background:url(../images/contact-icon.png) no-repeat 0px -12px;height:24px;padding-left:30px;}
.contact-icon2{background:url(../images/contact-icon.png) no-repeat 0px -36px;height:24px;padding-left:26px;}
.contact-icon1{background:url(../images/contact-icon.png) no-repeat 0px -60px;height:24px;padding-left:25px;}
.bdkf a{background:url(../images/gt01.gif) no-repeat center center;}
.bdkf a:hover{background:url(../images/gt02.gif) no-repeat center center;}



.service-icon6{background:url(../images/service-icon.png) no-repeat 0px 0px;height:63px;padding-left:66px;}
.service-icon5{background:url(../images/service-icon.png) no-repeat 0px -63px;height:63px;padding-left:71px;}
.service-icon8{background:url(../images/service-icon.png) no-repeat 0px -126px;height:63px;padding-left:65px;}
.service-icon7{background:url(../images/service-icon.png) no-repeat 0px -189px;height:63px;padding-left:65px;}
.service-icon2{background:url(../images/service-icon.png) no-repeat 0px -252px;height:63px;padding-left:37px;}
.service-icon1{background:url(../images/service-icon.png) no-repeat 0px -315px;height:63px;padding-left:70px;}
.service-icon4{background:url(../images/service-icon.png) no-repeat 0px -378px;height:63px;padding-left:83px;}
.service-icon3{background:url(../images/service-icon.png) no-repeat 0px -441px;height:63px;padding-left:51px;}

/*========== 邮箱首页 ==========*/
.textRight{text-align:right;width:120px;color:#666;}
.textRight b{color:#e53a3a;font-weight:normal;}
.textLeft{text-align:left;}
.textLeft b{color:#e53a3a;font-weight:normal;}
.tab_con,.tab_con2,.tab_con3,.tab_con4 {overflow:hidden;zoom:1;background:#fff;  border-bottom: 1px solid #ddd;}
.emailOrder,.emailsixValue,.emailEightFeatures,.emailCommonProblem,.emailCase{width:1100px;margin:0 auto;}

.emailTitle {height:40px;line-height: 40px;font-size:32px;padding:80px 0 30px 0;text-align:left;}
/*交互效果*/
.emailOrder .emailPriceTopChoose,.emailOrder .emailPriceContChoose,.emailOrder .emailPriceInfo .buyBtn{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.contentMeau{width:100%;height:60px;line-height:60px;overflow:hidden; zoom:1;background:#fff;border-bottom:1px solid #ececec;box-shadow: 0px 0px 5px #e0e0e0;-moz-box-shadow: 0px 0px 5px #e0e0e0;-webkit-box-shadow: 0px 0px 5px #e0e0e0;-o-box-shadow: 0px 0px 5px #e0e0e0;}
.contentMeau ul{width:1100px;margin:0 auto;}
.contentMeau ul li{display:inline;float:left;width:20%;height: 58px;text-align: center;font-size:20px;}
.contentMeau ul li.liFocus{border-bottom:2px solid #f97f00;}
.contentMeau ul li.liFocus a{display:block;color:#f97f00;}
.fixer{position: fixed;left: 0px;top: 0px;_position: absolute;_top: e-xpression(documentElement.scrollTop+10 + "px");z-index: 9999;}

/*邮箱订购*/

.emailOrder{padding-top:10px;overflow:hidden;zoom:1;}
.emailOrder .tabbox1,.emailsixValue .tab_conbox2,.emailCommonProblem .tab_conbox4{ width:100%; overflow:hidden; zoom:1; margin:0 auto;}
.emailOrder .tab_conbox1{border: 2px solid #f97f00;border-top: none;background:#fff;}
.emailOrder .tab_con,.emailsixValue .tab_con2,.emailEightFeatures .tab_con3,.emailCommonProblem .tab_con4{ display:none;}

.emailOrder .emailPriceTop{height:60px;line-height:60px;background: #e0e0e0;color:#fff;font-size:28px;}

.emailOrder .emailPriceTopChoose{background: #f97f00;  }
.emailOrder .emailPanel .emailPriceCont{overflow:hidden;zoom:1;border:2px solid #e0e0e0;border-top:0;}
.emailOrder .emailPanel .emailPriceContChoose{border-color: #f97f00;}
.emailOrder .right{float:right;width:49%;}
.emailOrder .left{float:left;width:100%;}
.emailOrder .emailPanel .emailAttribute,.emailOrder .businessEmail .emailAttribute{width: 94%;margin: 0 auto;}
.emailOrder .emailPanel .emailAttribute tr td,.emailOrder .businessEmail .emailAttribute tr td{padding:8px 10px 8px 20px;  border-bottom: #ededed 1px solid; }

.emailOrder .emailPriceInfo{float:left;width:100%;background:#fff;padding-bottom:10px;}
.emailOrder .emailPriceInfo label{color:#FF0000;}
.emailOrder .emailPriceInfo .costCont{text-align:left;}
.emailOrder .emailPriceInfo .emailCost{font-size:36px;color:#e53a3a;font-weight:bold;}
.emailOrder .emailPriceInfo .favorable{font-size:12px;text-decoration:line-through;color:#ABABAB;}
.emailOrder .emailPriceInfo .buyBtn{display:block;float:left;width:190px;  margin-left: 132px;height:42px;line-height:42px;text-align:center;background:#f97f00;border:1px solid #e57704;font-size:18px;color:#fff;}
.emailOrder .emailPriceInfo .buyBtn:hover{background: #FA4D0C;}
.emailOrder .emailPriceInfo .detailsBtn{float:left;height:42px;line-height:42px;text-align:center;color:#1aa703;padding-left:20px;}
.emailOrder .emailPriceInfo .detailsBtn:hover{text-decoration:underline;}
.emailOrder .emailPriceInfo .inputText,.emailOrder .emailPriceInfo select{height:26px;line-height:26px;width:180px;border:1px solid #bcc1c3;}
.emailOrder .emailPriceInfo .inputText { padding-left:4px; }

/*六大价值*/
.emailsixValue{overflow:hidden;zoom:1;}
.emailsixValue .tabs2{width: 100%;overflow:hidden;zoom:1;border-bottom:2px solid #f97f00;}
.emailsixValue .tabs2 li{width:181px;height:50px;line-height:50px;float:left;margin-right:2px;background: #e9e9e9;}
.emailsixValue .tabs2 li a {display: block;outline: none;color:#919191;}	
.emailsixValue .tabs2 .thistab a{background: #f97f00;color:#fff;border-bottom: 1px solid #fff;}

.emailsixValue .coreValue{background:#fff;padding:50px 0;overflow:hidden;zoom:1;}
.emailsixValue .adv_txt {width: 330px;float: left;padding: 5px 25px 0 120px;}
.emailsixValue .adv_txt h2 {font-size: 24px;line-height: 1.5;padding: 0 0 15px 0;}
.emailsixValue .adv_txt p {line-height: 1.8;padding: 0 0 5px 0;color: #666666;text-align:left;}

/*八大功能*/
.emailEightFeatures{overflow:hidden;zoom:1;}

.emailEightFeatures .tabs3{width: 135px;float:left;}
.emailEightFeatures .tabs3 li{display:block;width:133px;height:51px;line-height:51px;background: #e9e9e9;  border-left: 2px solid #e9e9e9;}
.emailEightFeatures .tabs3 li a {display: block;outline: none;color:#919191;}	
.emailEightFeatures .tabs3 .thistab{border-left:2px solid #f97f00;}
.emailEightFeatures .tabs3 .thistab a{background: #fff;color:#f97f00;}
.emailEightFeatures .tab_conbox3{width:965px;float:left;}
.emailEightFeatures .featureContent{background:#fff;padding:24px 0;}

/*常见问题*/
.emailCommonProblem{overflow:hidden;zoom:1;  border-bottom: 1px solid #ddd;}


.problembg{padding:20px 10px;background:#fff;}
.problemContent{overflow:hidden;zoom:1;text-align:left;padding:5px 0;}
.problemContent .emailQuestion{overflow:hidden;zoom:1;font-weight:bold;padding:5px;border-bottom:1px dashed #dbdbdb;  line-height: 24px;}
.problemContent .emailQuestion .questionIco{  float: left;width: 22px;height: 22px;text-align: center;margin: 2px 10px 0 10px;display: block;line-height: 22px;color: #ffffff;background: #f46432;}
.problemContent .emailAnswer{overflow:hidden;zoom:1;padding:5px;  line-height: 24px;}
.problemContent .emailAnswer .answerIco{  float: left;width: 22px;height: 22px;text-align: center;margin: 2px 10px 0  10px;display: block;line-height: 22px;color: #ffffff;background: #666;}
.problemContent .emailQuestion p,.problemContent .emailAnswer p {float: left;width: 96%;}

/*客户案例*/
.emailCase{margin-bottom:100px;overflow:hidden;zoom:1;}
.caseContent{overflow:hidden;zoom:1;padding:20px 0;background:#fff;border-bottom: 1px solid #ddd;}
.caseContent ul li{float:left;width:16.6%;padding:10px 0;}
.caseContent ul li img{width:100px;}


/*========== 邮箱对比页面 ==========*/
.contantmain{margin-bottom:50px;}
.emailContrast{width:1100px;padding-top:80px;margin:0 auto;}
.emailContrast .contrastTable{background:#ddd;}
.emailContrast .contrastTable tr:hover td{background:#eee;}
.emailContrast .contrastTable tr th{padding:5px;background: #f97f00;font-weight: bold;height: 40px;line-height:40px;  font-size: 16px;text-align:center; text-align: center;color:#fff;}
.emailContrast .contrastTable tr td{padding:5px;background: #fff;height: 40px;line-height:40px; text-align: center;}
.emailContrast .contrastTable tr td.td1{ background: #eee;font-weight:bold;color:#666}
.emailContrast .contrastTable tr td.textLeft{text-align:left;}
.emailContrast .buyBtn{width: 170px;height: 45px;line-height: 45px;display: inline-block;background-color: #ff4900;border-radius: 5px;text-align: center;font-size: 18px;color: #fff;margin:0 auto;}
.emailContrast .buyBtn:hover{background:#F24702;}
