@charset "utf-8";
* {	margin:0; padding:0; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; }
body { font-size:12px; color:#333; background:#e4e4e4; max-width:640px; margin:0 auto; }
input,a,textarea,select { outline:none; resize: none; transition: 0.2s; transition-property: border-color, background-color, color; }
input { display:inline-block; vertical-align: middle; -webkit-appearance: none; }
select { -webkit-appearance: none; }
a { font-size:12px; color:#333; text-decoration:none; }
a:hover { color:#333; text-decoration:none; }
ul { list-style:none; }
img { border:none; }
i,em { font-style: normal; }
th,h1,h2,h3,h4,h5,h6 { font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
.main { width: 100%; margin: 0 auto; }
.wrap { width: 100%; min-width: 1000px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.clear:after { display: block; content: " "; clear: both; }
.hidden { display:none; }
.trat { transition: 0.2s all; } 
.traf-s:hover { transform: scale(1.1); } 
.pie { position: relative; behavior: url(/css/pie.htc); }
.op30 { filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; }
.op50 { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
.op80 { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; }
.inline { display:inline-block; *display:inline; *zoom:1; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f24 { font-size: 24px !important; }
.f26 { font-size: 26px !important; }
.f28 { font-size: 28px !important; }
.f30 { font-size: 30px !important; }
.orange,a.orange { color: #fe5400; }
.orange2 { color:#ff7a00; }
.red,a.red { color:#ff0000; }
.pink {color:#ff81b6; }
.sun{ color:#ff5c77;}
.green{ color:#1e9b14;}
.bule{ color:#3abdea;}
.violet{ color:#996ce4;}
.blz{ color:#bb4200;}
.b{ font-weight:bold;}
.hd{ color:#666;}
.ta,a.ta { color:#666; }
.bt { border-top: 1px solid #dedede; }
.bb { border-bottom: 1px solid #dedede; }
.bl { border-left: 1px solid #cfcfcf; }
.br { border-right: 1px solid #cfcfcf; }
.ba { border: 1px solid #cfcfcf; }
.pinkline {border: 1px solid #fcbbcc;}
.white { border-bottom: 1px solid #fff; }
.bb_light{ border-bottom: 1px solid #efefef; }
.b4line { border: 1px solid #dedede; }
.wtl {  border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
.bshadow { -webkit-box-shadow: 0 0 3px #cfcfcf; -moz-box-shadow: 0 0 3px #cfcfcf; box-shadow: 0 0 3px #cfcfcf; }
.bshadow-x { -webkit-box-shadow: 1px 0 3px #cfcfcf; -moz-box-shadow: 1px 0 3px #cfcfcf; box-shadow: 1px 0 3px #cfcfcf; }
.bshadow-y { -webkit-box-shadow: 0 1px 3px #cfcfcf; -moz-box-shadow: 0 0 3px #cfcfcf; box-shadow: 0 1px 3px #cfcfcf; }
.bshadow-x-y { -webkit-box-shadow: 1px 1px 3px #cfcfcf; -moz-box-shadow: 1px 1px 3px #cfcfcf; box-shadow: 1px 1px 3px #cfcfcf; } 
.bradius3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 
.bradius5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
span.input_desc { position: absolute; top: 0; left: 0; color: #c3c3c3; font-size: 14px; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mt10 { margin-top: 10px !important; }
.mt5 { margin-top: 5px !important; }
.mt7 { margin-top: 7px !important; }
.mt20 { margin-top: 20px !important; }
.mb5 { margin-bottom: 5px !important; }
.ma15 { margin: 15px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb48 { margin-bottom: 48px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb58 { margin-bottom: 58px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 105px !important; }
.pt3 { padding-top: 3px !important; }
.pt5 { padding-top: 5px !important; }
.pt7 { padding-top: 7px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pl9 { padding-left: 9px !important; }
.pl10 { padding-left: 10px !important; }
.pl5 { padding-left: 5px !important; }
.pr5 { padding-right: 5px !important; }
.pr9 { padding-right: 9px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.ptb20 { padding: 20px 10px !important; }
.ptb10 { padding: 10px !important; }
.pt5l17 { padding: 5px 12px 5px 17px !important; }
.pt512 { padding: 5px 12px 0px 12px!important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p2025 { padding: 20px 25px !important; }
.p_tb10 { padding: 10px 0px 5px 0px !important; }
.p_tb7 {padding:7px 10px 5px 10px!important; }
.gray3{ color:#666;}
.gray{ color:#999;}
.gray2{ color:#ededed;}
header { height: 40px; text-align: center; line-height: 40px; font-size: 17px; color: #fff; background: #333b47; position: relative; }
header img.logo { width: 100px; margin-top: 6px; }
header a.back { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding-left: 25px; position: absolute; top: 0px; left: 10px; }
header a.back:after { display: block; content: ""; width: 15px; height: 21px; background: url(../images/arrow_l.png) no-repeat; background-size: cover; position: absolute; top: 10px; left: 5px; }
header a.link { font-size: 14px; color: #fff; position: absolute; right: 10px; }
footer { width: 100%; height: 60px; position: fixed; bottom: 0px; left: 0px; background: #333b47; max-width:640px; }
footer dl { float: left; width: 20%; height: 57px; text-align: center; border-bottom: 3px solid #333b47; }
footer dl dd { width: 32px; height: 30px; background: url(../images/footer_ico.png) no-repeat; background-size: 160px; margin: 5px auto 0 auto; }
footer dl dd.ico1 { background-position: 0px 0px; }
footer dl dd.ico2 { background-position: -32px 0px; }
footer dl dd.ico3 { background-position: -64px 0px; }
footer dl dd.ico4 { background-position: -96px 0px; }
footer dl dd.ico5 { background-position: -128px 0px; }
footer dl dt { font-size: 14px; color: #fff; }
footer dl.sel { background: #3c4451; border-bottom-color: #fd7800; }
footer a.calculator { display: inline-block; vertical-align: middle; height: 60px; line-height: 60px; font-size: 14px; margin: 0 40px 0 20px; padding-left: 45px; background: url(../images/calculator.png) no-repeat left center; background-size: 36px; }
footer a.btn { display: inline-block; vertical-align: middle; width: 150px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; background: #fd7800; border-radius: 5px; }
div.input { height: 50px; line-height: 50px; font-size: 0; background: #fff; margin-top: 10px; padding: 0 15px; }
div.input span { display: inline-block; vertical-align: middle; width: 95px; font-size: 15px; }
div.input input { width: 190px; height: 48px; line-height: 48px; font-size: 14px; border: none; }
div.input a { display: inline-block; vertical-align: middle; font-size: 14px; color: #fd7800; margin-left: 20px; }
input[type=submit].btn { display: block; width: 90%; height: 50px; text-align: center; line-height: 50px; font-size: 15px; color: #fff; background: #fd7800; margin: 10px auto; border: none; border-radius: 5px; cursor: pointer; }
.border_top_none{ border-top:none !important;}
.gray_level2{ color:#929292;}
.hide{ display:none;}
.plr10{ padding:0px 10px;}
.ptb10{ padding:10px 0px !important;}
.p10{ padding:10px;}
.pcg10{padding:10px 0px 7px 0px;}
.p_left_right_bottom_10{ padding:0px 10px 10px 10px;}
.body_white{  background:#fff; }
.body_gray{  background:#f0f0f0; }
.body_yellow{ background:#ffca3f; }
.body_tips{ background:#fffef2; }
.bg_gray{ background:#f0f0f0;}
.bg_white{ background:#fff;}
.bg_gray2{ background:#f8f8f8;}
.gray_bg{ background:#f0f0f0;}
.block_img{ display:block;}
.block{ display:block; width:100%;}
.lineheight45{ line-height:45px;}
.lineheight30{ line-height:30px;}
.lineheight24{ line-height:24px;}
.bgb,.bgb2{padding:0px 1px 1px 2px;color:#fff;}
.bgorg{background-color:#ff8e33;}
.bgb{border-radius:2px;}
.bgb2{border:1px solid #ff81b6;}
.bgb3{padding:1px 1px 1px 2px;color:#fff;border:1px solid #ff81b6;}
.bgb4{padding:1px 1px 1px 2px;color:#fff;}
.bgpurple{background-color:#ff81b6;}
.bgpurple2{background-color:#5db9a1;}
.bgpurple3{background-color:#fd6daa;}
.bgpurple4{background-color:#ffa8cc;}
.bgpurple5{background-color:#fec5dd;}
.ptk2 { padding:0px 1px 1px 1px !important; }
.ptk3 { padding:1px !important; }
.label_red{border:1px solid #f16d7e; color:#f16d7e;}
.label_org{border:1px solid #ff8e33; color:#ff8e33;}
.label_purple{border:1px solid #ff81b6; color:#ff81b6;}
.label_hot{border-top:1px solid #dedede;}
.fontSize16{ font-size:16px;}
.fontSize15{ font-size:15px;}
.fontSize14{ font-size:14px !important; }
.fontSize13{ font-size:13px !important; }
.fontSize12{ font-size:12px;}
.fontSize11{ font-size:11px;}
.fontSize10{ font-size:10px;}
.fontSize18{ font-size:18px;}
.fontSize20{ font-size:20px;}
.Color_gray{ color:#aaa;}
.plr5{ padding:0px 5px;}
.ptlr5{ padding:5px 5px 0px 5px;}
.ptb10{ padding:10px 0px;}
.ptlr10{ padding:10px 10px 0px 10px;}
.ptlr5{ padding:5px 5px 0px 5px;}
.bt_framework{ border-top:1px solid #f1f1f1;}
.br_framework{ border-right:1px solid #f1f1f1;}
.bb_framework{ border-bottom:1px solid #f1f1f1;}
.bl_framework{ border-left:1px solid #f1f1f1;}
.bb_framework{ border-bottom:1px solid #dedede;}
.bt_framework{ border-top:1px solid #dedede;}
.position_re{ position:relative;}
.purple{ color:#a923db !important; font-weight:bold !important;}
.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.content img{ margin:5px 0px; width:100%;}
.content1 img{ width:100%;}
.t_img{margin:0px auto;}