/*
*@Description : tools.css
*@Author : Yin Jiazeng (2013-08-04 14:30:15)
*@Update : Yin Jiazeng (2013-08-05 10:19:23)
@*Version : v0.0.2
*/

/*CSS RESET*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block;}
table{ border-collapse:collapse;border-spacing:0;}
caption,th{ text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{ border:0;}
i,cite,em,var,address,dfn{ font-style:normal;}
[hidefocus],summary{ outline:0;}
li{ list-style:none;}
h1,h2,h3,h4,h5,h6,small{ font-size:100%;}
sup,sub{ font-size:83%;}
pre,code,kbd,samp{ font-family:inherit;}
q:before,q:after{ content:none;}
textarea{ overflow:auto;resize:none;}
label,summary{ cursor:default;}
a,button{ cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6 { font-family:\5FAE\8F6F\96C5\9ED1;}
del,ins,u,s,a,a:hover{ text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font:12px/1.14 arial,\5b8b\4f53;color:#666;outline:0;}
a{ color:#666; outline:none;}
a:hover{ color:#ed7612; text-decoration:underline}

/*清除浮动*/
.clear{ clear:both; height:0; line-height:0; overflow:hidden;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
.clearfix{ display:block;}

/*全局容器*/
html{ _background-image:url(about:blank); _background-attachment:fixed;}
html::-webkit-scrollbar { width:15px;}
html::-webkit-scrollbar-track-piece { background-color:#efefef;}
html::-webkit-scrollbar-thumb { background-color:#dfdfdf; border-radius:10px;-webkit-box-shadow: inset 0 0 6px #999; }
html::-webkit-scrollbar-thumb:hover { background-color:#cfcfcf;}
body{ background:url(../images/tools-body-bg.jpg) repeat;}
.g-box { width:100%; min-width:1000px;}
.g-wrap { width:1000px; margin-left:auto; margin-right:auto;}

/*头部*/
.g-lp-hd { height:55px;}
.g-lp-ptop,.g-lp-pbtm { height:100%; background:url(../images/g_ptop_bg.png) repeat-x; overflow:hidden;}
.m-lp-logo,.m-lp-nav,.m-lp-s_l,.m-lp-nav li { display:inline;}
.m-lp-logo { float:left; margin-top:14px;}
.m-lp-nav,.m-lp-nav li { float:left;}
.m-lp-nav { margin-top:19px; font-size:16px; font-family:\5fae\8f6f\96c5\9ed1;}
.m-lp-nav li { margin-left:18px;}
.m-lp-nav a { color:#ccc;}
.m-lp-nav a:hover { text-decoration:none; color:#ed7612;}
.m-lp-s_l { float:right; margin-top:14px; width:290px; overflow:hidden;}
.m-lp-s_l form { float:right; width:214px; position:relative;}
.m-lp-s_l div { float:right; margin-top:6px; font-size:13px; color:#cdcdcd;}
.m-lp-s_l div a { color:#ccc;}
.m-lp-s_l div a:hover { color:#cf6316;}
.u-lp-ipt_w183_h27 { width:178px; height:27px; line-height:27px\9; vertical-align:middle; padding-left:5px; font-size:14px; font-family:\5fae\8f6f\96c5\9ed1; color:#a5a5a5; border:0;}
.u-lp-btn_w31_h27 { width:31px; height:27px; overflow:hidden; text-indent:-999em; border:0; position:absolute; top:0; *top:1px; right:0; background:url(../images/bg_box_1.jpg) no-repeat 0 0; cursor:pointer;}

/*脚注*/
.g-lp-ft { height:41px; line-height:41px; color:#a8a9a8;}
.g-lp-ft a { color:#a8a9a8;}
.g-lp-ft a:hover { color:#ed7612;}
.g-lp-pbtm .g-wrap { height:100%; }

/*模拟下拉框*/
span.toolsel { margin-right:8px; font-size:12px; font-family:\5FAE\8F6F\96C5\9ED1; color:#666; display:inline-block; border:1px solid #D8D8D8; border-radius:3px 3px 0 0; cursor:pointer; height:27px; background-color:#fff; position:relative; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none;}
select.toolsel { position:absolute; top:-9999px; left:-9999px; font-size:12px; font-family:\5FAE\8F6F\96C5\9ED1;}
.toolsel-txt { display:block; background:url(../images/sel_png.png) no-repeat right top; height:100%; padding-right:40px; padding-left:5px; position:relative;}
.toolsel-txt b { display:block; font-weight:normal; width:100%; text-align:left; height:100%; line-height:27px; overflow:hidden;}
.toolsel-txt i { position:absolute; top:12px; right:11px; height:0; line-height:0; font-size:0; border:6px solid transparent; _border:6px solid #EBEBEB; border-top-color:#666;}
.toolsel-list { width:100%; display:none; text-align:left; border-radius:0 0 3px 3px; position:absolute; border:1px solid #D8D8D8; top:27px; left:-1px; z-index:1; background-color:#fff;}
.toolsel-list.ohide { max-height:270px; _height:expression(document.body.clientHeight>270?"270px":"auto"); overflow-y:scroll;}
.toolsel-list em { display:block; padding-left:5px; font-style:normal; height:27px; line-height:27px;}
.toolsel-list em.z-c { background-color:#F3F3F3;}
.toolsel-list::-webkit-scrollbar { width:10px;}
.toolsel-list::-webkit-scrollbar-track-piece { background-color:#efefef;}
.toolsel-list::-webkit-scrollbar-thumb { background-color:#dfdfdf; border-radius:10px;}
.toolsel-list::-webkit-scrollbar-thumb:hover { background-color:#cfcfcf;}

/* backtop */
.backtop { width:60px; height:60px; display:none; position:fixed; z-index:999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||10)-(parseInt(this.currentStyle.marginBottom,10)||0))); right:10px; bottom:10px;}
.backtop a { background:url(../images/bt.jpg) no-repeat 0 0; opacity:0.8; filter:alpha(opacity:80); display:block; overflow:hidden; width:100%; height:100%;}
.backtop a:hover { background-position:-61px 0;}

/* 图标震动 */
@-webkit-keyframes swing {
	0%{-webkit-transform:rotate(2deg)}
	25%{-webkit-transform:rotate(-2deg)}
	50%{-webkit-transform:rotate(2deg)}
	75%{-webkit-transform:rotate(-2deg)}
	100%{-webkit-transform:rotate(2deg)}
}
@-moz-keyframes swing {
	0%{-moz-transform:rotate(2deg)}
	25%{-moz-transform:rotate(-2deg)}
	50%{-moz-transform:rotate(2deg)}
	75%{-moz-transform:rotate(-2deg)}
	100%{-moz-transform:rotate(2deg)}
}
@-o-keyframes swing {
	0%{-o-transform:rotate(2deg)}
	25%{-o-transform:rotate(-2deg)}
	50%{-o-transform:rotate(2deg)}
	75%{-o-transform:rotate(-2deg)}
	100%{-o-transform:rotate(2deg)}
}
@-ms-keyframes swing {
	0%{-ms-transform:rotate(2deg)}
	25%{-ms-transform:rotate(-2deg)}
	50%{-ms-transform:rotate(2deg)}
	75%{-ms-transform:rotate(-2deg)}
	100%{-ms-transform:rotate(2deg)}
}
@keyframes swing {
	0%{-webkit-transform:rotate(2deg)}
	25%{transform:rotate(-2deg)}
	50%{transform:rotate(2eg)}
	75%{transform:rotate(-2deg)}
	100%{transform:rotate(2deg)}
}

/* 内容 */
.m-tools-con { padding-bottom:60px;}
.u-tools-body { font-family:\5FAE\8F6F\96C5\9ED1;}
.u-tools-top { height:60px; line-height:60px;}
.u-tools-crumb { float:left; display:inline;}
.u-tools-share { float:right; display:inline; margin-top:19px;}
.u-tools-navbox { height:218px; background:url(../images/tools-nav-bg.jpg) no-repeat center top;}
.u-tools-navbox .g-wrap { height:100%; overflow:hidden;}
.u-tools-navbox h2 { width:360px; height:32px; margin:40px auto 0; text-indent:-999em; overflow:hidden; background:url(../images/tools-nav-tit.png) no-repeat;}
.u-tools-navbox h2 { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images/tools-nav-tit.png");
 _background:none;}
.u-tools-nav { height:90px; margin-top:30px;}
.u-tools-nav li { float:left; display:inline; margin-left:50px;}
.u-tools-nav li i {
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}
.u-tools-nav li:hover i { 
	-webkit-transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-transform-origin: top center;
	-moz-animation-name: swing;
	-o-transform-origin: top center;
	-o-animation-name: swing;
	-ms-transform-origin: top center;
	-ms-animation-name: swing;
}
.u-tools-nav li.z-c a { color:#ed7612;}
.u-tools-nav li a { display:block; position:relative; padding-top:60px;}
.u-tools-nav li a span { font-size:20px;}
.u-tools-nav li a:hover { text-decoration:none;}
.u-tools-nav li i { background:url(../images/tools-nav-ico.png) no-repeat; top:0; position:absolute; left:50%;}
.u-tools-nav li.u-tools-navmenu-1 i { width:42px; height:51px; background-position:0 0; margin-left:-21px;} 
.u-tools-nav li.u-tools-navmenu-2 i { width:49px; height:49px; background-position:-49px 0; margin-left:-24px;} 
.u-tools-nav li.u-tools-navmenu-3 i { width:60px; height:48px; top:2px; background-position:-106px 0; margin-left:-30px;} 
.u-tools-nav li.u-tools-navmenu-4 i { width:46px; height:53px; background-position:-173px 0; margin-left:-23px;} 
.u-tools-nav li.u-tools-navmenu-5 i { width:41px; height:51px; background-position:-229px 0; margin-left:-20px;} 
.u-tools-nav li.u-tools-navmenu-1 a:hover i,.u-tools-nav li.u-tools-navmenu-1.z-c i { background-position:0 -57px;} 
.u-tools-nav li.u-tools-navmenu-2 a:hover i,.u-tools-nav li.u-tools-navmenu-2.z-c i { background-position:-49px -57px;} 
.u-tools-nav li.u-tools-navmenu-3 a:hover i,.u-tools-nav li.u-tools-navmenu-3.z-c i { background-position:-106px -57px;} 
.u-tools-nav li.u-tools-navmenu-4 a:hover i,.u-tools-nav li.u-tools-navmenu-4.z-c i { background-position:-173px -57px;} 
.u-tools-nav li.u-tools-navmenu-5 a:hover i,.u-tools-nav li.u-tools-navmenu-5.z-c i { background-position:-229px -57px;} 
.u-tools-box { padding:25px 40px; background-color:#fff; border-radius:5px; margin-top:35px; box-shadow:3px 3px 6px #E0B789;}
.toolsform-data { width:445px; float:left; display:inline; position:relative; z-index:1;}
.toolsform-result { width:445px; float:right; display:inline; position:relative;}
.toolsform p { height:29px; line-height:29px; vertical-align:top; padding:7px 0;}
.toolsform p .toolsform-tit { display:inline-block; width:60px; margin-right:5px; text-align:right; height:100%; vertical-align:top; line-height:29px;}
.tools-ipt { height:27px; border-radius:3px; border:1px solid #D6D6D6; width:150px; padding:0 5px; line-height:27px\9;}
.tools-ipt-short { width:75px;}
.tools-resipt { border:0; height:28px; line-height:28px\9; width:100px; padding:0 5px; background-color:#fff; text-align:center; color:#ed7612; border-bottom:1px solid #D6D6D6; font-family:\5FAE\8F6F\96C5\9ED1; font-size:20px;}
.tools-ipt-long { width:200px;}
.tools-submit { width:90px; border-radius:3px; height:40px; background-color:#ED7612; border:0; color:#fff; font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px; cursor:pointer;}
.tools-submit:hover { opacity:0.9; filter:alpha(opacity=90);}
.tools-submit:active,.tools-submit:focus { opacity:1; filter:alpha(opacity=100);}
.tools-reset { border:0; background:none; cursor:pointer; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; position:relative; bottom:-12px; margin-left:5px;}
.toolsform-info { color:#ACAEAF; height:29px; width:200px; line-height:29px; padding:5px 0; text-align:right;}
.toolsform-info span { padding-left:16px; background:url(../images/tools-ico.gif) no-repeat left 2px;}
.toolsform-res { display:none;}
.toolsform-defal { height:91px; width:439px; background:url(../images/toolsform-defal.jpg) no-repeat; position:absolute; top:30px; left:-200px;}
.toolsform-weixin { width:85px; text-align:center; overflow:hidden; position:absolute; top:0; right:0;}
.toolsform-weixin img { display:block; margin-bottom:5px;}
.f-fangdai { background:url(../images/toolsform-1.jpg) no-repeat right bottom;}
.f-pinggu { background:url(../images/toolsform-2.jpg) no-repeat right bottom;}
.f-gongjijin { background:url(../images/toolsform-3.jpg) no-repeat right bottom;}
.f-tiqian { background:url(../images/toolsform-4.jpg) no-repeat right bottom;}
.f-shuifei { background:url(../images/toolsform-5.jpg) no-repeat right bottom;}
.u-tools-contact { height:60px;}
.u-tools-contact p { color:#714518; float:left; display:inline; padding-top:12px; width:270px;}
.u-tools-contact p span { font-size:14px; float:left; margin-right:6px; margin-top:12px;}
.u-tools-contact p em { font-size:30px; float:left; font-family:Georgia,"Times New Roman",Times,serif;}
.u-tools-contact p i { display:inline-block; margin-right:6px; margin-top:8px; background:url(../images/tools-nav-ico.png) no-repeat; _background:url(../images/tools-ico.gif) no-repeat; overflow:hidden; float:left;}
p.u-tools-phone i { width:19px; height:19px; background-position:0 -115px; _background-position:0 -20px;}
p.u-tools-qqun i { width:19px; height:20px; background-position:-25px -114px; _background-position:0 -46px;}
p.u-tools-phone { margin-left:220px;}
p.u-tools-qqun { margin-left:90px;}
.u-tools-infor dl { padding-bottom:15px; border-bottom:1px dashed #ccc; line-height:25px; margin-bottom:10px;}
.u-tools-infor dt h3 { color:#ED7612; font-size:16px;}
.u-tools-infor dd em{ color:#ED7612;}
.u-tools-infor dd h4 { font-weight:bold; color:#333;}
.u-tools-infor dd p { text-indent:2em;}
.u-tools-blist { margin-top:35px;}
.u-tools-blbox { box-shadow:3px 3px 6px #E0B789;border-radius:5px; float:left; display:inline; border:1px solid #DAAB7F; padding-top:15px; background-color:#DAAB7F;}
.u-tools-bltit { height:46px; line-height:46px; text-align:center; background-color:#F8EFE0;}
.u-tools-bltit h3 { color:#ED7612; font-size:16px;}
.u-tools-blbody { padding:20px 35px; background-color:#fff;}
.u-tools-blbox-1 { width:332px; border-right:0; border-radius:5px 0 0 5px; margin-top:40px;}
.u-tools-blbox-2 { width:331px; border-radius:5px;}
.u-tools-blbox-3 { width:333px; border-left:0; border-radius:0 5px 5px 0; margin-top:40px;}
.u-tools-btable { width:100%; border:1px solid #EBEBEB;}
.u-tools-btable tr,.u-tools-btable td,.u-tools-btable th { border:1px solid #EBEBEB;} 
.u-tools-btable td,.u-tools-btable th { text-align:center; height:30px; width:75px;}
.u-tools-btable .ui-hasbg { width:100px; background-color:#F8F8F8;}
.u-tools-btable tbody tr:hover { background-color:#F8F8F8;}
.u-tools-bul li { height:33px; line-height:33px; overflow:hidden;}
.u-tools-bul li i { float:left; width:6px; height:6px; overflow:hidden; background-color:#ED7612; border-radius:6px; margin:14px 8px 0 0;}
textarea[name=month_money1]::-webkit-scrollbar { width:10px;}
textarea[name=month_money1]::-webkit-scrollbar-track-piece { background-color:#efefef;}
textarea[name=month_money1]::-webkit-scrollbar-thumb { background-color:#dfdfdf; border-radius:10px;}
textarea[name=month_money1]::-webkit-scrollbar-thumb:hover { background-color:#cfcfcf;}
textarea[name=month_money1] { opacity:0.8;}