body, html { min-height:101%; }
.bdb0{ border-bottom: 0 none !important; }
.center-block{ display: block; margin: 0 auto; }
.inner{ width: 1200px; margin: 0 auto; }
.banner{ width: 100%; height: 155px; background: url(../images/banner.jpg) center top no-repeat; position: relative; overflow: hidden; min-width:1200px; }
.banner .inner{ position: relative; z-index:100; margin-top: 19px; }
.banner .inner .logo1{ float: left; width: 152px; height: 35px; background:  url(../images/ckni-logo.png)  no-repeat; }
.banner .inner .logo2{ float: left; height: 35px; font:bold 22px/35px "微软雅黑"; color:#004dfd; }
.banner .inner  .line{ float: left; width: 1px; height: 32px; background: #000; margin: 2px 12px 0 12px; overflow: hidden; }
.rechagre{ margin-bottom: 47px; }
.recharge-left{ width: 264px; }
.recharge-right{ width: 926px; margin-top: 9px; position: relative; border:1px solid #e1dfdf; }
.padding-top-10{ padding-top: 10px; }
.recharge-left .item{ margin-top: 9px; border: 1px solid #dcdcdc; background-color: #fff; }
.item a:hover{ text-decoration: underline; }
.recharge-notice{ color:#333; }
.recharge-title{ padding-left: 13px; background-color: #e7f3fd; font:16px/44px "微软雅黑"; color:#227dc5; }
.recharge-right .recharge-title{ font-size:20px; }
.recharge-content{ padding: 12px 18px 0; background-color: #fff; overflow: hidden; }
.recharge-notice .recharge-content{ padding:12px 8px 0; padding-bottom: 19px; font-size: 14px; }
.recharge-notice-hd { padding-bottom: 6px; padding-left: 5px; }
.recharge-notice-hd span{ float: left; width: 47%; line-height: 30px; *line-height: 28px; }
.recharge-notice-hd span.col1{ width: 53%; }
.recharge-notice-hd b{ font-size: 16px; }
.recharge-notice-hd b.red{ color:#dc3d57; }
.recharge-content li { line-height: 28px; background: url(../images/dot.gif) left 10px no-repeat; padding-left: 15px; }
.recharge-notice-hd li{ width: 230px; line-height: 30px; overflow: hidden; background: none; padding-left: 0; }
.recharge-notice .btns{ padding-top: 15px; text-align: center; font-size: 0; }
.recharge-notice .btns a{ display: inline-block; width: 70px; height: 24px; line-height: 24px; margin: 0 17px; background-color: #3d96dc; font-size: 12px; color:#fff; }
.recharge-notice .btns a:hover{ background-color:#227ec7; text-decoration: none; }
.product li{ float: left; width:88px; height: 36px; padding-left: 15px; background-position:left 14px; }
.product li.w115{ width: 115px; }
.product li a{ font:16px/36px "微软雅黑"; color:#0339a6; }
.product .recharge-content{ padding: 12px 13px 18px; }
.charging a{ font-size: 14px; }
.charging .classify a{ float: left; width: 33.3%; line-height: 32px; color:#333; }
.charging .classify a.tc{ text-align: center; }
.charging .classify a.tr{ text-align: right; }
.charging .classify a:hover{ text-decoration: none; font-weight: bold; color:#1784f0; }
.item .bottomLink{ display: block; line-height: 1.2em; padding-bottom: 26px; text-align: right; color:#1784f0; }
.charging .bottomLink{ padding-top: 26px; }
.orderCard{ font-size: 14px; color:#333; }
.orderCard ul{ padding-left: 16px; }
.orderCard  li{ line-height: 32px; padding-left: 22px; background-position:left 12px; }
.orderCard  li.first a{ color:#f00; }
.orderCard li.first a:hover{ color:#d80000; }
.recharge-left .ad{ border:  none; }
.recharge-right .content{ position: relative; }
.recharge-right .content .sidebar{ position: absolute; top:23px; left:34px; }
.recharge-right .step{ padding-left: 124px; background-color: #fff; overflow: hidden; }
.recharge-right .step.spec{ background-color: #f6fafe; }
.recharge-right .step-txt,.recharge-right .step-img{ float: left; }
.recharge-right .step-img{ display: table; height: 100%; *position:relative; }
.recharge-right .step-img .imgWrap{ display: table-cell; vertical-align: middle; *position:absolute; *top:50%; }
.recharge-right .step-img img{ display:inline-block; *position:relative; *top:-50%; }
.recharge-right .step1{ height: 233px; }
.recharge-right .step2{ height: 318px; }
.recharge-right .step3{ height: 244px; }
.recharge-right .step4{ height: 287px; }
.recharge-right .step5{ height: 241px; height: 243px\9; *height: 235px; }
.recharge-right .step-txt{ width: 465px; padding-top: 30px; font-size: 14px; color:#000; }
.recharge-right .step3 .step-txt{ padding-top: 42px; }
.recharge-right .step5 .step-txt{ height: 195px; padding-top: 54px; }
.recharge-right .step.spec .step-txt{ width: 410px; padding-top: 25px; }
.recharge-right .step.spec .step-img{ width: 335px; padding-left: 35px; }
.recharge-right .step-txt h2{ line-height: 30px; margin-bottom: 8px; font-style: italic; font-weight: bold; font-size: 20px; font-family: "微软雅黑"; color:#227dc5; }
.recharge-right .step-txt h2 i{ margin-right: 12px; font-size: 32px; font-family: "Arial"; }
.recharge-right .step-txt .step-bd{ padding-left: 28px; }
.recharge-right .step-txt ul{ width: 406px; }
.recharge-right .step.spec .step-txt ul{ width: 390px; }
.recharge-right .step-txt li{ padding-left: 19px; line-height: 30px; background: url(../images/dot.gif) left 11px no-repeat; }
.recharge-right .step-txt li a{ text-decoration: underline; color:#000; }
.recharge-right .step-txt li a:hover{color:#0099ff !important; }
.recharge-right .step2 .step-txt li a { display: inline-block; width: 86px; color:#666; }
.recharge-right .step-txt .btn{ font-size: 0; padding-left: 19px; padding-top: 12px; }
.recharge-right .step1 .step-txt .btn{ padding-top: 20px; }
.recharge-right .step-txt .btn a{ display: inline-block; width: 82px; height: 23px; line-height: 23px; border: 2px solid #50caff; border-radius:25px; text-align: center; font-size: 14px; color:#50caff; }
.recharge-right .step-txt .btn a:hover{background-color: #e8f8ff; }
.recharge-right .step4 .step-txt .btn a{ width: 97px; margin-right: 14px; }
.recharge-right .step1 p a{color:#666;width: 94px;display: inline-block;}
.faq{ margin: 25px auto 48px; }
.faq .topNav{ width: 1204px; height: 120px; margin: 0 auto 10px; }
.faq .topNav li{ float: left; width: 140px; height: 120px; margin-right: 12px; }
.faq .topNav li.last{ margin-right: 0; }
.faq .topNav .topImg-a{ display: none; width: 140px; height: 120px; }
.faq .topNav .topImg-hover{ display: none; width: 140px; height: 120px; }
.faq .topNav .topImg{ width: 135px; height: 100px; }
.faq .topNav li.active .topImg-a{ display: block; }
.faq .topNav li.active .topImg{ display: none; }
.faq .topContent{ width: 1198px; margin: 0 auto 50px; border: 1px solid #50caff; }
.faq .topContent .tab-nav { float: left; width: 286px; background-color: #dff5ff; }
.faq .topContent .tab-nav a{ display: block; line-height: 42px; padding: 9px 3px 9px 14px; border-bottom: 1px solid #fff; background-color: #dff5ff; font:16px/24px "微软雅黑"; color:#333; }
.faq .topContent .tab-nav  a:hover,.faq .topContent .tab-nav a.active{ background-color: #a8e4ff; font-weight: bold; color:#000; }
.faq .topContent .tab{display: none;}
.faq .topContent .tab.active{display: block;}
.faq .tab-content{ float: left; width: 912px; font-size: 14px; color:#000; }
.faq .tab-content a{ color:#000; }
.faq .tab-content .con-item{ width: 800px; padding-left: 34px; padding-bottom: 22px; display: none; }
.faq .tab-content .con-item.active{ display: block; }
.faq .tab-content .con-item h1{ padding: 9px 0; font:bold 16px/24px "微软雅黑"; }
.faq .tab-content .con-item p{ padding-left: 20px; line-height: 30px; }
.faq .tab-content .con-item p div{text-indent: 1.5em;}
.faq .tab-content .con-item p.p1{ text-indent: 1.5em; }
.faq .tab-content .con-item p a{ text-decoration: underline; }
.faq .tab-content .con-item p a:hover{ color:#0099ff; }
.faq .tab-content .con-item p a.charging-list{ margin-left: 150px; }
.faq .tab-content .con-item p a.flow{ margin-left: 32px; }
.faq .tab-content .con-item p a.database{ margin-left: 68px; }
.faq .tab-content .con-item p a.database1{ margin-left: 370px; }
.faq .item{ float: left; height: 179px; border: 1px solid #dcdcdc; margin-right: 10px; background-color: #fff; }
.faq .product{ width: 526px; }
.faq .product .recharge-content{ padding:20px 37px 0; }
.faq .product li{ width: 135px; margin-bottom: 15px; }
.faq .charging{ width: 401px; }
.faq .charging .recharge-content{ padding: 20px 28px 0; }
.faq .charging .classify a{ width: 95px; _width: 94px; }
.faq .charging .classify a.w60{ width: 60px; }
.faq .charging .bottomLink{ padding-top: 20px; padding-bottom: 0; }
.faq .orderCard{ width: 246px; margin-right: 0; }
.faq .orderCard ul{ padding-left: 10px; }
.faq .orderCard ul li{ padding-left: 16px; line-height: 28px; }
.faq .orderCard .bottomLink{ padding:9px 10px 0 0; }