@charset "utf-8";
@import url("/images/icon/font-awesome/font-awesome.min.css");
@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-size:14px;
	line-height: 160%;
	font-family: "Helvetica Neue",\5FAE\8F6F\96C5\9ED1,"SimHei",Tohoma; /* mac字体，黑体，xp字体，宋体有点问题，所以不用，除非自写*/
	word-break:break-all;
	word-wrap:break-word;
    color:#333;
    overflow-x:hidden;
}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
blockquote, q { quotes: none; }
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins,s { text-decoration: none; }
del { text-decoration: line-through;}
em,i {font-style:normal;}
/* Remove annoying border on linked images. */
a,img { border: none; text-decoration:none; }
a {color: #333;text-decoration: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}
:focus {
    outline: 0;
}
a:hover{text-decoration:none;color:#00aeef}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

/* .custom
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
.clearfix:after { clear: both; }
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.fl {float: left;}
.fr {float: right;}

.icon14{display: inline-block;width: 14px;height: 14px;vertical-align: middle;}
.icon16{display: inline-block;width: 16px;height: 16px;vertical-align: middle;}
.icon18{display: inline-block;width: 18px;height: 18px;vertical-align: middle;}
.icon20{display: inline-block;width: 20px;height: 20px;vertical-align: middle;}
.icon24{display: inline-block;width: 24px;height: 24px;vertical-align: middle;}
.icon30{display: inline-block;width: 30px;height: 30px;vertical-align: middle;}
.main{width:1200px;margin:0px auto;position:relative;}
/*导航*/
.fixhead{width:100%;height:70px;line-height:70px;color:#fff;overflow:hidden;position:absolute;z-index: 10;background-color:rgba(0,0,0,0.1);}
.fixhead .main{height:70px;overflow:hidden;}
.fixhead a{display:inline-block;padding:0px 8px;height:30px;line-height:30px;margin-left:5px;color:#fff;font-size:16px;text-align:center;}
.fixhead .menu a:hover{padding:0px 15px;border-bottom:2px #fff solid;}
.fixhead .menu a.cur{border-bottom:2px #fff solid;}
.fixhead .menu a.cur:hover{padding:0px 15px;}
.fixhead .menu {margin-left:50px;}
.fixhead .menu a{margin-left:20px;}
a.openbtn{border:1px #fff solid;border-radius:3px;padding:0 10px;}
/*slide*/
 .banner { position: relative; overflow: auto; }
 .banner li { list-style: none; }
 .banner ul li { float: left; }
.banner .dots {
	position: absolute;
    left: 50%;
    right: 0;
    bottom: 120px;
    margin-left: -20px;
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius:12px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background:rgba(100,100,100,0.3);
	opacity: 1;
}
/*遮罩层*/
#mask{position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 99998;
}
/*首页*/
.section1{
    width:100%;
    position:relative;
    height:590px;
    margin:0px auto;
    overflow:hidden;
}
.section1 .bottom{
    width:100%;
    height:105px;
    position:absolute;
    bottom:0px;
    text-align:center;
    background:url(../images/bg1.png) no-repeat;
    z-index:99;
    overflow:hidden;
    -webkit-animation: section1-bg2 30s infinite linear alternate;
  -moz-animation: section1-bg2 30s infinite linear alternate;
  -o-animation: section1-bg2 30s infinite linear alternate;
  animation: section1-bg2 30s infinite linear alternate;
}
.b1{
	background:url(../images/banner1.jpg);
}
.b2{
	 background:url(../images/banner2.jpg);
}
.b3{
	 background:url(../images/banner3.jpg);
}
.section1 .bg,.section1 li{
	width:100%;
	height:590px;
}
.section1 .txt{
	height:400px;
	margin-top:160px;
    text-align:center;
}
.section1 h2,.section1 h3,.section1 h4{
	font-weight:normal;
	color:#fff;
}
.section1 h2{
	font-size:36px;
	margin-bottom:40px;
}
.section1 h3{
	font-size:24px;
	margin-bottom:30px;
}
.section1 h4{
	font-size:20px;
	margin-bottom:25px;
    line-height:38px;
}
.section1 .pic{
	position:absolute;
	right:20px;
	bottom: 50px;
}
.section1 .btnbox{
	position:absolute;
	right:100px;
	bottom: 140px;
    width:460px;
    text-align:center;
}
.section1 .btnbox a{
    display:inline-block;
    height:30px;
    line-height:30px;
    border:1px #fff solid;
    border-radius:3px;
    padding:0 20px;
    color:#fff;
    margin:0 10px;
}
.section1 .btnbox a:hover{
    background:#ffffdb;
    color:#3ea31f;
}
.section1 .b3 .pic{
	right:10px;
	bottom: 90px;
}
.section2 li{
    width:20%;
    padding:50px 0px;
    float:left;
}
.section2 .block{
    padding-right:80px;
    margin:0px auto;
    text-align:center;
}
.section2 .icon{
    width:158px;
    height:120px;
    display:block;
}
.section2 .icon img{
    margin-top:10px;
}
.section2 h2{
	width:158px;
    height:50px;
    line-height:50px;
    font-size:20px;
    font-weight:normal;
	color:#666;
}
.section2 p{
    height:42px;
    line-height:20px;
    font-size:14px;
	color:#999;
}
.section2 li:hover h2{
	background-color:#54b1d8;
	color:#fff;
}
.section2 li:hover .icon{
	background-color:#eee;
}
.section2 li:hover .icon img{
	-webkit-transform: scale(0.8,0.8);
  	-moz-transform: scale(0.8,0.8);
  	transform: scale(0.8,0.8);
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.section3 .bar{
    height:70px;
    text-align:center;
    position:relative;
}
.section3 .bar h2{
    font-size:24px;
    color:#00a0df;
}
.section3 .bar font{
    font-size:24px;
    color:#666;
    margin-left:42px;
    height:40px;
    line-height:40px;
}
.section3 .bar p{
    font-size:14px;
    color:#666;
}
.section3 .bar .more{position:absolute;right:30px;top:15px;font-size:20px;}
.section3 .fullcontainer{
	overflow:hidden;
	box-sizing: border-box;
    position:relative;
}
.section3 .fullcontainer .grid{display:inline-block;width:214px;height:120px;padding-top:20px;text-align:center;margin:10px;border:1px #b5b9bc solid;position:relative;cursor:pointer;}
.section3 .fullcontainer .grid i{font-size:42px;color:#17bdf0;}
.section3 .fullcontainer .grid p{position:absolute;bottom:30px;width:214px;left:0;font-size:16px;}
.section3 .fullcontainer .grid:hover{background:#17bdf0;border-color:#00a0df;}
.section3 .fullcontainer .grid:hover i{color:#fff;}
.section3 .fullcontainer .grid:hover p{color:#fff;}
.section3 .fullcontainer .rtimg{position:absolute;right:0;top:0;}
.outer{
	width:1200px;
}

.section4{
    position:relative;
    width:100%;
    height:680px;
    background:url(../images/bg2.jpg) no-repeat;
}
.section4 .phone{
	opacity:0;
    width:470px;
    height:680px;
    position:absolute;
	animation-delay:0.5s;
    -webkit-animation-duration:1.2s;
   -moz-animation-duration:1.2s;
   animation-duration:1.2s;
}
.section4 .phone img{
    position:absolute;
    left:0px;
    bottom:0px;
}
.section4 .txt{
    position:absolute;
    right:20px;
    padding-top:130px;
    padding-bottom:10px;
    color:#fff;
}
.section4 .txt h2{
	opacity:0;
    font-size:38px;
    height:80px;
    font-weight:normal;
    margin-bottom:45px;
	-webkit-animation-delay:0.15s;
  -moz-animation-delay:0.15s;
  animation-delay:0.15s;
}
.section4 .txt p{
	opacity:0;
    font-size:28px;
    height:50px;
	-webkit-animation-delay:0.3s;
   -moz-animation-delay:0.3s;
   animation-delay:0.3s;
    -webkit-animation-duration:1s;
   -moz-animation-duration:1s;
   animation-duration:1s;
}
.section4 .version{
    position:absolute;
    padding:0px 60px;
    padding-top:102px;
	-webkit-animation-delay:0.5s;
  -moz-animation-delay:0.5s;
  animation-delay:0.5s;
   -webkit-animation-duration:1s;
   -moz-animation-duration:1s;
   animation-duration:1s;
}
.section4 .version span{
    display:inline-block;
    width:170px;
    height:148px;
}
.section5{
    height:458px;
    padding:25px 0px;
}
.section5 .lib{
    margin-right:-22px;
}
.section5 .lib li{
	position:relative;
    float:left;
    width:384px;
    height:458px;
	overflow:hidden;
    margin-right:22px;
}
.section5 .lib .txt{
	position:absolute;
    left:0;
    top:198px;
    width:336px;
	padding:0px 24px;
    height:458px;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all  0.5s linear;
	transition:all  0.5s linear;

}
.section5 .lib .res{
	background-color:#ff8083;
}
.section5 .lib .office{
	background-color:#54b1d8;
}
.section5 .lib .mart{
	background-color:#ffa65e;
}
.section5 .lib .top{
    height:200px;
    overflow:hidden;
}
.section5 .lib h2{
    font-size:24px;
	font-weight:normal;
    color:#fff;
	height:80px;
    line-height:80px;
}
.section5 .lib p{
    font-size:16px;
	font-weight:normal;
    color:#fff;
    line-height:30px;
}
.section5 .lib li:hover .txt{
	top:0px;
}
.section5 .lib li:hover .top img{
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	transform:scale(0,0);
	opacity:0;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all  0.2s linear;
	transition:all  0.2s linear;

}
.section6{
    text-align:center;
	margin-top:50px;
	padding-bottom:40px;
}
.section6 .bar{
    height:70px;
    text-align:center;
}
.section6 .bar h2{
    font-size:24px;
    color:#00a0df;
}
.section6 .bar font{
    font-size:24px;
    color:#666;
    margin-left:42px;
    height:40px;
    line-height:40px;
}
.section6 .bar p{
    font-size:14px;
    color:#666;
}
.section6 .bar .more{position:absolute;right:10px;top:15px;font-size:20px;}
.section6 .news{
    height:352px;
	text-align:left;
	margin-top:10px;
}
.section6 .news .nlist{
   width:310px;
   margin-right:75px;
}
.section6 .news .nlist h2{
   font-size:18px;
   font-weight:normal;
   height:40px;
   line-height:40px;
   overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.section6 .news .nlist p{
	font-size:12px;
   height:48px;
   line-height:24px;
   margin-top:10px;
   color:#999;
   overflow:hidden;
}
.section6 .news .nlist span{
	display:block;
	margin-top:10px;
   text-align:right;
   color:#999;
   font-size:12px;
}
.section6 .news ul{width:430px;float:right;}
.section6 .news ul li{
   padding-top:10px;
   padding-bottom:5px;
   border-bottom:1px solid #eee;
}
.section6 .news ul h2{
   font-size:16px;
   font-weight:normal;
   height:32px;
   line-height:32px;
   overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.section6 .news ul p{
   font-size:12px;
   height:48px;
   line-height:24px;
   color:#999;
   overflow:hidden;
}
.section6 .news ul span{
	display:block;
   text-align:right;
   color:#999;
   font-size:12px;
}
.foot{
    position:relative;
    width:100%;
    height:380px;
    background-color:#474443;
    color:#e6e6e6;
    margin-top:60px;
}
.foot .self{
    width:740px;
}
.foot .self p{
    line-height:30px;
    font-size:12px;
}
.company{
    position:absolute;
    width:260px;
	padding:0px 30px;
    height:380px;
    background-color:#949494;
    right:0px;
    top:0px;
}
.company .bar font{font-size:14px;}
.company .bar font font{color:#FF3C3C;}
.company .more{position:absolute;right:10px;top:38px;font-size:16px;color:#FFF;}
.foot .bar{
    font-size:24px;
    font-weight:normal;
    position:relative;
}
.foot .bar{
    font-size:24px;
    font-weight:normal;
    height:80px;
    line-height:100px;
}
.foot .download { float: left; font-size: 12px; position: relative;left:127px; }
.foot .download .qrcode-bg { display: inline-block; background: #FFF; padding: 4px; border: 1px solid #BDBDBD; position: absolute; left:82px;top:3px;}
.foot .friendLink a{
	display:block;
	color:#e6e6e6;
	line-height:30px;
	height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.foot .weixin { float: left; font-size: 12px;position:relative; }
.foot .weixin span { position: absolute; width: 120px; height: 84px; left: 60px;top:3px; }

@keyframes section1-bg2{
    0%{transform:translateX(0px) scale(1,1);}
    25%{transform:translateX(0px) scale(1.1,1.1);}
    50%{transform:translateX(-50px) scale(1.2,1.2);}
    75%{transform:translateX(50px) scale(1.1,1.1);}
    100%{transform:translate(0,0) scale(1,1)}
}
@-webkit-keyframes section1-bg2{0%{-webkit-transform:translateX(0px) scale(1,1);}25%{-webkit-transform:translateX(0px) scale(1.1,1.1);}50%{-webkit-transform:translateX(-50px) scale(1.2,1.2);}75%{-webkit-transform:translateX(50px) scale(1.1,1.1);}100%{-webkit-transform:translate(0,0) scale(1,1)}}
@-moz-keyframes section1-bg2{0%{-moz-transform:translateX(0px) scale(1,1);}25%{-moz-transform:translateX(0px) scale(1.1,1.1);}50%{-moz-transform:translateX(-50px) scale(1.2,1.2);}75%{-moz-transform:translateX(50px) scale(1.1,1.1);}100%{-moz-transform:translate(0,0) scale(1,1)}}
@-ms-keyframes section1-bg2{0%{-ms-transform:translateX(0px) scale(1,1);}25%{-ms-transform:translateX(0px) scale(1.1,1.1);}50%{-ms-transform:translateX(-50px) scale(1.2,1.2);}75%{-ms-transform:translateX(50px) scale(1.1,1.1);}100%{-ms-transform:translate(0,0) scale(1,1)}}


/*常用自助服务*/
.help {margin-top:40px;}
.help .tils{width:600px;height:40px;border-bottom:1px solid #E5E5E5;margin:0px auto;text-align:center;}
.help .tils h3{width:150px;font-size:24px;font-weight:normal;border-bottom:2px solid #00a0df;margin:0px auto;padding-bottom:18px;}
.help .contents{margin-top:62px;}
.help ul li{float:left;width:220px;height:280px;border:1px solid #E5E5E5;position:relative;margin:0px 13px;}
.help ul li span{display:block;width:104px;height:56px;position:absolute;left:57px;top:-30px;}
.help ul li.item1 span{background:#FFF url(../images/help_icon.gif) 24px 0px no-repeat;}
.help ul li.item2 span{background:#FFF url(../images/help_icon.gif) 24px -56px no-repeat;}
.help ul li.item3 span{background:#FFF url(../images/help_icon.gif) 24px -116px no-repeat;}
.help ul li.item4 span{background:#FFF url(../images/help_icon.gif) 24px -182px no-repeat;}
.help ul li.item5 span{background:#FFF url(../images/help_icon.gif) 24px -243px no-repeat;}
.help ul li h3{margin:45px auto 0px;font-size:20px;font-weight:normal;text-align:center;}
.help ul li p{margin:30px auto 0px;line-height:32px;text-align:center;}
.help ul li p a{font-size:16px;color:#666;}
.help ul li p a:hover{text-decoration:none;color:#00aeef}

/*顶部快速导航*/
.quickNav {width:100px;font-size:12px;padding:5px 0;}
.quickNav li a{width:80px;padding:0 10px;height:26px;line-height:26px;display:block;}
.quickNav li a:hover {background:#21aee8;color:#fff;}

/*客服工具条*/
.izl-rmenu{margin-right: 0;width: 82px;position: fixed;right: 2px;bottom: 100px;-webkit-box-shadow: #DDD 0px 1px 5px;-moz-box-shadow: #DDD 0px 1px 5px;box-shadow: #DDD 0px 1px 5px;z-index:999;}
.izl-rmenu .consult{background-image: url(../images/consult_icon01.gif);background-repeat: no-repeat;background-position: center -77px;display: block;height: 78px;width: 82px;}
.izl-rmenu .consult .phone {background-color: rgb(247,247,255);position: absolute;width: 168px;padding:14px 12px;left: -195px;top: 0px;color: #000;font-size: 14px;display: none;box-shadow: #DDD -1px 1px 4px;color:#999;text-align:right;}
.izl-rmenu .consult .phone .consultPhone{font-size:20px;color:#5caa04;height:30px;line-height:30px;}
.izl-rmenu .consult .phone .consultTime{height:20px;line-height:20px;}
.izl-rmenu a.consult:hover .phone{display:inline !important;line-height:40px;}
.izl-rmenu .cart {position:relative;display: block;height: 16px;width: 16px;font-size: 12px;line-height: 16px;color: #45BDFF;text-align: center;padding-top: 15px;padding-right: 18px;padding-bottom: 47px;padding-left: 48px;}
.izl-rmenu .cart.weixin {background: url(../images/consult_icon01.gif) no-repeat 50% -156px;}
.izl-rmenu .cart.weibo {background: url(../images/consult_icon01.gif) no-repeat center bottom;}
.izl-rmenu .cart.qq {background: url(../images/consult_icon01.gif) no-repeat 0 0;}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center top;display: block;height: 39px;width: 82px;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover {background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center bottom;}
.izl-rmenu .cart .pic {display:none;position: absolute;right: 80px;top: 0px;width: 160px;}
.izl-rmenu .cart .pic img { width:150px;height:150px;}
.izl-rmenu .cart.qq .pic{background-color: rgb(247,247,255);box-shadow: #DDD -1px 1px 4px;color:#999;text-align:right;padding:14px 12px;width:120px;right: 85px;}
.izl-rmenu .cart.qq .pic .qqid{color:#5caa04;font-size:14px;line-height:20px;}
.izl-rmenu .cart.qq .pic .qqtitle{margin-top:5px;}
.izl-rmenu .cart.weixin .pic, .izl-rmenu .cart.weibo .pic {height: 160px;}

/*子页*/
/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.pagebody{background:#f8f8f8;}
.pagebody .foot{margin-top:20px;}
.section{ position:relative; margin:0 auto; width:1200px; text-align:left; }
.wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; overflow:hidden; }
	.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrapperauto{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; }
	.wrapperauto:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrap-box{ width:1160px; }
.left-925{ position:relative; float:left; margin:0; padding:0; width:925px; }
.left-705{ position:relative; float:left; margin:0; padding:0; width:705px; }
.left-690{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:690px; }
.left-455{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:455px; }
.left-260{ position:relative; display:block; float:left; width:260px; overflow:hidden; }
.left-220{ position:relative; display:block; float:left; margin:0 0 0 15px; padding:0; width:220px; _overflow:hidden; }
.left-auto{ position:relative; display:block; margin:0 275px 0 0; overflow:hidden; _zoom:1; }
.right-260{ position:relative; display:block; float:right; width:260px; overflow:hidden; }
.right-auto{ position:relative; display:block; margin:0 0 0 275px; overflow:hidden; _zoom:1; }
.bg-wrap{ margin:0; padding:0; background:#fff; }
    .bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .bg-wrap.nobg{ background:none; }
.pad-15{ position:relative; padding:15px; }
/*页面标题
----------------------------------------------*/
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
    .location a{ margin:0 5px; }
    .location span{ color:#666; }
.main-tit{ padding-top:14px; height:54px; line-height:54px; text-align:left; }
    .main-tit h2{ display:block; margin:0; padding:0; float:left; color:#333; font-size:20px; font-weight:normal; }
    .main-tit p{ display:block; float:right; color:#555; font-size:14px; }
    .main-tit p a{ margin-left:10px; }
    .main-tit p a i{ font-style:normal; }
.slide-tit{ border-bottom:1px solid #f0f0f0; color:#21aee8; line-height:1em; font-size:16px; font-weight:normal; }
    .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
	.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #21aee8; }
.nav-tit{ margin:0 auto 50px; padding:30px 0; text-align:center; color:#333; font-size:16px; line-height:1em; border-bottom:1px solid #e0e0e0; }
    .nav-tit.short{ padding-bottom:0; border-bottom:0; }
    .nav-tit a{ margin-left:10px; color:#333;  }
    .nav-tit a:hover,.nav-tit a.selected{ color:#21aee8; }
    .nav-tit i{ margin-left:10px; color:#e0e0e0; }
.sub-tit{ margin:0 50px 10px; padding-top:35px; height:42px; border-bottom:1px solid #e0e0e0; font-size:16px; }
    .sub-tit a.add{ display:block; margin-right:10px; float:right; color:#21a3fb; font-size:14px; line-height:42px; }
    .sub-tit a.add i{ display:inline-block; margin-right:5px; color:#21a3fb; font-size:14px; }
    .sub-tit ul{ display:inline-block; }
    .sub-tit ul li{ margin:0; padding:0; display:inline-block; *display:inline; *zoom:1; }
    .sub-tit ul li a{ display:inline-block; padding:0 15px; line-height:42px; }
    .sub-tit ul li.selected a{ border-bottom:2px solid #21a3fb; color:#21a3fb; }
.search-tit{ display:block; margin:0 30px; padding-top:15px; line-height:38px; border-bottom:1px solid #f0f0f0; }
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ margin-left:15px; color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:#1e7bb3; font-weight:600; }
.tk-tit {padding:14px 0 10px 0; text-align:center;position:relative;}
.tk-tit h2{ margin:0; padding:0; color:#000; font-size:30px; font-weight:bold;}
.tk-tit p{margin:0; padding:0;color:#555;font-size:12px; text-align:center;height:20px;line-height:20px;}
.tk-tit div.line{position:absolute;width:80px;height:3px;background:#21a3fb;overflow:hidden;left:50%;margin-left:-40px;bottom:0;}
/*内容样式
----------------------------------------------*/
.pagetopnav{height:400px;background:url(../images/pagenav.jpg) no-repeat center top;}
.pagetopnav .section{height:400px;}
.pagetopnav .section .navname{height:70px;line-height:70px;padding:0 50px;border:1px #fff solid;border-radius:3px;font-size:38px;position:absolute;left:100px;bottom:60px;color:#fff;}
.pagetophelp{height:413px;background:url(../images/helpnav.jpg) no-repeat center top;}
.pagetophelp .section{height:400px;}
.pagetophelp .section .navname{height:70px;line-height:70px;padding:0 50px;border:1px #333 solid;border-radius:3px;font-size:38px;position:absolute;left:100px;bottom:60px;color:#333;}
.pagetopprice{height:480px;background:url(../images/pricenav.jpg) no-repeat center top;}
.pagetopprice .section{height:480px;}
.pagetopprice .section .navname{height:70px;line-height:70px;padding:0 50px;border:1px #fff solid;border-radius:3px;font-size:38px;position:absolute;left:240px;bottom:60px;color:#fff;}
.pagetopopen{height:414px;background:url(../images/opennav.jpg) no-repeat center top;}
.pagetopopen .section{height:414px;}
.pagetopopen .section .navname{height:70px;line-height:70px;padding:0 50px;border:1px #fff solid;border-radius:3px;font-size:38px;position:absolute;left:100px;bottom:60px;color:#fff;}

/*文字列表样式*/
.side-txt-list{ padding:6px 15px 15px; text-align:left; background:#fff; }
    .side-txt-list li{ line-height:28px; font-size:12px; }
    .side-txt-list li span{ float:right; color:#999; }
    .side-txt-list li.tit a{ color:#108cee; font-size:18px; line-height:48px; }

/*图文列表样式*/
.side-img-box{ position:relative; width:455px; height:455px; background:#fff; overflow:hidden; }
    .side-img-box em{ position:absolute; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .side-img-box em i{ color:#fff; font-size:60px; line-height:60px; }
    .side-img-box a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1;}
    .side-img-box .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:60px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .side-img-box .info{ position:absolute; left:0; bottom:0; right:0; width:100%; height:60px; line-height:20px; text-align:left; }
    .side-img-box .info h3{ padding:5px 15px 0; color:#fff; font-size:16px; font-weight:normal; text-shadow: 1px 1px 1px #333;}
    .side-img-box .info p{ padding:5px 15px 0 15px; color:#eee; font-size:12px; position:relative;}
    .side-img-box .info p b{color:#f40;font-size:16px;}
    .side-img-box .info p del{margin-left:10px;}
    .side-img-box .info p font{position:absolute;right:15px;top:8px;}
    .side-img-box img{ min-width:100%; min-height:100%; _width:100%; _height:100%; }

.side-img-list{ text-align:left; padding:10px 0 11px 0; background:#fff; }
    .side-img-list li{ display:block; padding:10px 15px; }
    .side-img-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-img-list li .img-box{ position:relative; float:left; width:60px; height:60px; overflow:hidden; }
    .side-img-list li .img-box label{ position:absolute; top:1px; left:1px; display:block; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:normal; text-align:center; background:#666; }
    .side-img-list li:first-child .img-box label{ background:#f40; }
    .side-img-list li .img-box img{ margin:0; padding:0; border:1px solid #ebebeb; width:58px; height:58px; }
    .side-img-list li .txt-box{ display:block; margin-left:75px; font-size:12px; }
    .side-img-list li .txt-box a{ display:block; height:40px; line-height:20px; overflow:hidden; }
    .side-img-list li .txt-box span{ display:block; color:#999; height:20px; line-height:20px; }

.sidebar-box{ margin:0 0 15px; padding:20px; background:#fff; }
    .sidebar-box h4{ margin:0; padding:0 0 15px; border-bottom:1px solid #e0e0e0; color:#333; font-size:16px; font-weight:300; line-height:20px; }
    .sidebar-box .txt-list li{ margin-top:15px; line-height:20px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .sidebar-box .txt-list li label{ display:inline-block; margin:0 5px 0 0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle;  }
    .sidebar-box .txt-list li label.hot{ background:#f40; }
    .sidebar-box .txt-list li a{ line-height:20px; }
    .sidebar-box .side-img-list{ padding-bottom:0; }
    .sidebar-box .side-img-list li{ padding:10px 0; }
    .sidebar-box .tags-box{ margin:0 0 0 -10px; }
    .sidebar-box .tags-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.sidebar-box .tags-box a{ display:block; float:left; margin:10px 0 0 10px; padding:5px; color:#555; font-size:12px; line-height:20px; border:1px solid #f0f0f0; }
    .sidebar-box .tags-box a:hover{ border-color:#21aee8; }
	.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }
/*图片列表样式*/
.img-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .img-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .img-list li .img-box{ display:block; position:relative; width:220px; height:220px; overflow:hidden; }
    .img-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .img-list li .img-box img{ width:100%; height:100%;}
    .img-list li .info{ display:block; text-align:left; margin:15px; }
    .img-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .img-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .img-list li .info p.price{ padding-top:10px; line-height:18px; }
    .img-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; }
    .img-list li .info p strong{ float:right; font-weight:normal; }
    .img-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .img-list li em{ position:absolute; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .img-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .img-list li a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1; }
    .img-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .img-list li .remark{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; }
    .img-list li .remark h3{ padding:5px 15px 0; color:#fff; font-size:12px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .img-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .img-list li .remark p b{color:#f40;}
    .img-list li .remark p b.free{color:#5fb41b;}
    .img-list li .remark p del{margin-left:10px;}
.img-face li .img-box{ width:198px; height:198px;padding:10px;}
.img-face li img{border-radius:50%; border:1px #eee solid;}
/*图片列表样式2*/
.imgsec-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .imgsec-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .imgsec-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .imgsec-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .imgsec-list li .img-box{ display:block; position:relative; width:220px; height:150px; overflow:hidden; }
    .imgsec-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .imgsec-list li .img-box img{ width:100%; height:100%;}
    .imgsec-list li .info{ display:block; text-align:left; margin:15px; }
    .imgsec-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .imgsec-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .imgsec-list li .info p.price{ padding-top:10px; line-height:18px; }
    .imgsec-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; }
    .imgsec-list li .info p strong{ float:right; font-weight:normal; }
    .imgsec-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .imgsec-list li em{ position:absolute; margin:-40px auto auto -30px; top:50%; left:50%; width:50px; height:50px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .imgsec-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .imgsec-list li a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1; }
    .imgsec-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .imgsec-list li .remark{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; }
    .imgsec-list li .remark h3{ padding:5px 15px 0; color:#fff; font-size:14px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .imgsec-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .imgsec-list li .remark p b{color:#f40;}
    .imgsec-list li .remark p b.free{color:#5fb41b;}
    .imgsec-list li .remark p del{margin-left:10px;}

/*图文列表样式*/
.n-list{ padding:15px 30px; }
	.n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; text-decoration:none; }
	.n-list li h2 a:hover{ color:#8CAC52; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
    .n-list li .note .info span i{ margin-right:3px; font-size:12px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*相关列表样式*/
.rel-list{ margin-top:-15px; }
    .rel-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .rel-list .nodata{ color:#999; font-size:14px; line-height:50px; }
    .rel-list li{ display:block; float:left; margin:15px auto 0 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
    .rel-list li .img-box{ position:relative; display:block; float:left; width:98px; height:98px; border:1px solid #e8e8e8; overflow:hidden; }
    .rel-list li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; overflow:hidden; }
    .rel-list li .info{ margin:0 auto 0 115px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
    .rel-list li .info h3{ display:block; font-size:14px; font-weight:normal; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .rel-list li .info p{ color:#555; font-size:12px; height:48px; line-height:22px; overflow:hidden; }
    .rel-list li .info span{ line-height:22px; color:#999; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.rel-box{ position:relative; padding:0 50px 0; }
    .rel-box .rel-list{ margin:0 0 15px 0; }
/*类别列表*/
.navbar li{ padding-top:10px; }
	.navbar li h5{ display:block; color:#3b8dd1; font-size:14px; font-weight:normal; line-height:30px; }
	.navbar li h5 a{ color:#21aee8; }
	.navbar li p{ font-size:12px; line-height:30px; }
	.navbar li p a{ display:inline-block; margin-right:5px; }
/*内容标题样式*/
.meta{ margin:0; padding:50px 50px 0 50px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; }
	.meta .info{ margin:0 0 10px; position:relative;}
	.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:12px; line-height:14px; }
    .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
    .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
.meta .info .jshare { position:absolute;right:0;top:0;}
/*内容详细样式*/
.entry{ margin-top:20px; padding:0 50px 15px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }

/*上下一条样式*/
.next-box{ position:relative; padding:10px 50px 20px; line-height:20px; color:#444; font-size:14px; }
    .next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .next-box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .next-box p a{ color:#428bca; }
    .next-box p.prev{ float:left; }
    .next-box p.next{ float:right; }

/*文章评论样式*/
.comment-box{ position:relative; padding:0 50px 20px; }
    .comment-box .form-box{ margin:0; padding:15px 0; }
    .comment-box .form-box .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .form-box .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
    .comment-box .form-box .avatar-box img{ width:100%; height:100%; }
    .comment-box .form-box .conn-box{ position:relative; margin-left:70px; }
    .comment-box .form-box .conn-box .editor{ position:relative; margin-right:18px; }
    .comment-box .form-box .conn-box .editor textarea{ display:inline; margin:0; padding:8px; width:100%; height:80px; border:1px solid #e8e8e8; line-height:20px; }
    .comment-box .form-box .conn-box .subcon{ padding-top:15px; color:#999; font-size:12px; }
    .comment-box .form-box .conn-box .subcon .submit{ float:right; display:inline-block; padding:0 20px; height:36px; line-height:34px; color:#fff; font-size:12px; background:#38f; vertical-align:middle; cursor:pointer; }
    .comment-box .form-box .conn-box .subcon strong{ color:#333; font-weight:normal; }
    .comment-box .form-box .conn-box .subcon .code{ margin-right:5px; padding:7px; width:80px; height:20px; line-height:20px; border:1px solid #e8e8e8; }
    .comment-box .form-box .conn-box .subcon a img{ vertical-align:middle; }
    .comment-box .list-box li{ padding:17px 0; border-top:1px solid #f7f7f7; }
    .comment-box .list-box li .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .list-box li .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
    .comment-box .list-box li .avatar-box img{ width:100%; height:100%; }
    .comment-box .list-box li .inner-box{ position:relative; margin-left:70px; }
    .comment-box .list-box li .inner-box .info{ padding-bottom:3px; }
    .comment-box .list-box li .inner-box .info span{ margin-right:5px; color:#999; font-size:12px; }
    .comment-box .list-box li .inner-box p{ color:#333; font-size:14px; line-height:1.8em; }
    .comment-box .list-box li .answer-box{ clear:both; margin:10px 0 0 70px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
    .comment-box .list-box li .answer-box .info{ margin-bottom:5px; padding:0; color:#1e7bb3; font-size:12px; border:none; }
    .comment-box .list-box li .answer-box .info span.right{ float:right; color:#999; }
    .comment-box .list-box li .answer-box p{ color:#555; font-size:14px; line-height:1.8em; }
/*类别导航样式*/
.screen-box{ display:block; position:relative; margin:0 0 15px; padding:0 15px; background:#fff; }
    .screen-box ul{ padding:10px 0; display:block; font-size:14px; }
    .screen-box ul h4{ display:inline-block; padding:0 15px; text-align:right; line-height:28px; font-weight:normal; }
    .screen-box ul li{ display:inline-block; padding:0 15px; line-height:28px; *display:inline; *zoom:1; }
    .screen-box ul li a{ color:#333; }
    .screen-box ul li a:hover,.screen-box ul li.selected a{ color:#8CAC52; }
    
    .screen-box dl{ margin:0; padding:0; clear:both; display:block; border-top:1px solid #f7f7f7; font-size:12px; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{ display:block; float:left; padding-left:10px; width:100px; color:#555; line-height:40px; }
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:6px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 6px 6px 0; padding:8px 10px; border:1px solid #fff; line-height:12px; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#21aee8; }
/*排序样式*/
.sort-box{ position:relative; margin:0 0 15px; height:36px; background:#fff; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:36px; height:36px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#fff; background:#21aee8; }
/*内容相册样式*/
.album-list{ position:relative; margin:0 50px; }
	.album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.album-list ul{ margin:0 0 0 -15px; *zoom:1; }
	.album-list li{ float:left; width:25%; }
	.album-list li a{ display:block; margin:15px 0 0 15px; padding:1px; border:1px solid #e8e8e8; }
	.album-list li a img{ display:block; width:100%; height:auto; }
/*附件下载样式*/
.attach-list{ margin:0 50px 15px; color:#757575; }
    .attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; }
    .attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 15px; border:1px solid #e0e0e0; line-height:20px; font-size:14px; cursor:pointer; }
    .attach-list ul li .link-btn i{ font-size:14px; }
    .attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:38px; color:#ccc; }
    .attach-list ul li .icon-box i{ font-size:38px; }
    .attach-list ul li .info{ display:inline-block; }
    .attach-list ul li .info h3{ line-height:20px; color:#333; font-size:14px; font-weight:normal; }
    .attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }

/*页码容器*/
.page-box{ margin:15px 30px; padding-bottom:30px; }

/*表单样式*/
.msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; }
    .msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; }
    .msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; }
.form-box{ margin:0 50px; padding:20px 0 30px; }
    .form-box .form-group{ margin:0; padding:10px 0; clear:both; }
    .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#888; }
    .form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
    .form-box .form-group dd img{ vertical-align:middle; }
    .form-box .form-group dd a.send{ display:inline-block; padding:0 10px; color:#555; border:1px solid #e0e0e0; height:40px; line-height:40px; color:#333; }
    .form-box .form-group dd a.send.gray{ color:#999; }
    .form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; transform:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
    .form-box .form-group dd .input:hover { border-color:#ccc;}
    .form-box .form-group dd .input:focus { border-color:#21aee8;outline:none;box-shadow: #ccc 0 0 6px 0;}
    .form-box .form-group dd .input.code{ width:80px; }
    .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; }
    .form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #f40; background:#f40; cursor:pointer; border-radius: 3px;}
    .form-box .form-group dd .submit[disabled] { cursor:not-allowed;}
    .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#eee; cursor:pointer; }
    .form-box .form-group dd label.mart{ margin-right:5px; }
    /*全屏样式*/
    .form-box.full{ padding:0 0 50px; }
    .form-box.full .form-group dt{ width:30%; }
    .form-box.full .form-group dd{ margin-left:32%; }
    .form-box.full .form-group dd .input{ width:40%; }
    .form-box.full .form-group dd .input.code{ width:80px; }
    .openloading{width:100%;background:#000;opacity:0.6;color:#fff;position:absolute;left:0;top:0;z-index:10;text-align:center;display:none;}
    .openloading .ldrow{padding-top:150px;}
    .openloading .ldrow p{padding:5px 0;font-size:16px;}
    .openloading .ldrow p i{font-size:40px;}

    /*提示信息*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:420px; font-size:14px; text-align:left; }
    .msg-tips .icon{ display:block; float:left; width:60px; height:60px; }
    .msg-tips .icon i{ margin:0; padding:0; font-size:60px; color:#090; line-height:1em; }
    .msg-tips .icon.warning i{ color:#f90; }
    .msg-tips .icon.error i{ color:#f00; }
    .msg-tips .info{ margin-left:80px; }
    .msg-tips .info strong{ display:block; padding-bottom:5px; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; }
    .msg-tips .info p{ line-height:24px; color:#666; font-size:14px; }
    .msg-tips .info p a{ margin:auto 2px; }

.ltable{ width:100%; min-width:600px; border:1px solid #eee; font-size:12px; background:#fff;}
.ltable th{ padding:8px 0; color:#333; font-size:12px; font-weight:500; background:#fafafa; border-bottom:1px solid #eee;  vertical-align:middle}
.ltable td{ padding:8px 0; border-bottom:1px solid #eee; color:#666; vertical-align:middle}
.ltable tr:hover{ background:#f7f7f7; }
.ltable tr:nth-child(odd){ background:#fafafa; }
.ltable i.icon-ok{color:green;font-size:16px;}
.ltable i.icon-remove{color:red;font-size:16px;}
.ltable tr{height:60px;}
.ltable tr:first-child{border-bottom:2px #0c97ce solid;color:#4bacf3;}
.ltable tr .packId{background:#fafafa;border-left:1px #eee solid;border-right:1px #eee solid;}