﻿/*! DUI v1.0.0 && by Malisen && QQ:1394442790 && E-mail:1394442790@qq.com && HomePage:www.zhao119.com && 2016-10-10T18:18:18 */
.hp-ico{background:url('../img/help/icon.png') no-repeat -999px -999px;display:inline-block;}
.help-header{padding:10px 0;}
.help-nav{width:600px;}
.help-nav ul{padding-top:20px;}
.help-nav li{font-size:18px;margin-left:25px;}
.top-banner{width:100%;height:195px;background:url('../img/help/banner01.png') no-repeat 50% 50% #F6F5F9;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.self-service .header,.qa-nav .header{width:100%;height:40px;border-bottom:2px solid #e8e8e8;}
.self-service .header h3,.qa-nav .header h3{font-size:20px;line-height:40px;padding:0 5px;border-bottom:2px solid #e60000;position:relative;}
.self-service .bd{padding:45px 0;}
.self-service .bd ul{margin:0 -35px;}
.self-service .bd li{width:175px;margin:0 17px;text-align:center;height:165px;overflow:hidden;}
.self-service .bd li .hp-ico{height:121px;width:121px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.self-service .bd li .ico-01{background-position:0 0;}
.self-service .bd li .ico-02{background-position:-130px 0}
.self-service .bd li .ico-03{background-position:-260px 0}
.self-service .bd li .ico-04{background-position:-390px 0}
.self-service .bd li .ico-05{background-position:-520px 0}
.self-service .bd li .ico-06{background-position:-650px 0}
.self-service .bd a{display:block;}
.self-service .bd span{font-size:14px;display:inline-block;width:100%;line-height:32px;}
.self-service .bd a:hover span{color:#e60000;}
.self-service .bd a:hover .hp-ico{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.qa-nav .bd{padding:20px 0;}
.qa-nav .bd ul.clearfix{margin-right:-25px;}
.qa-nav .bd .item{width:280px;margin:0 23px 20px 0;}
.qa-nav .bd dt{width:100%;height:48px;line-height:48px;font-size:16px;color:#fff;text-align:center;overflow:hidden;background-color:#f0f0f0;}
.qa-nav .bd .item_1 dt{background-color:#709bd2;}
.qa-nav .bd .item_2 dt{background-color:#56b897;}
.qa-nav .bd .item_3 dt{background-color:#e5ab61;}
.qa-nav .bd .item_4 dt{background-color:#56b897;}
.qa-nav .bd .item_5 dt{background-color:#e5ab61;}
.qa-nav .bd .item_6 dt{background-color:#56b897;}
.qa-nav .bd .item_7 dt{background-color:#e5ab61;}
.qa-nav .bd .item_8 dt{background-color:#709bd2;}
.qa-nav .bd dd{border:1px solid #e5e5e5;padding:10px 15px;background-color:#fff;position:relative;overflow:hidden;}
.qa-nav .bd dd li{width:100%;height:26px;line-height:26px;overflow:hidden;}
.qa-nav .bd dd li a{color:#777;}
.qa-nav .bd dd li a:hover{color:#528dd9;text-decoration:underline;}
.qa-nav .bd dd .more{position:absolute;right:15px;bottom:10px;color:#528dd9;}
.sideBar{width:220px;min-height:480px;}
.sideNav .hd{background-color:#c60a09;padding:0 18px;height:48px;overflow:hidden;}
.sideNav .hp-ico{float:left;width:24px;height:24px;background-position:-780px -40px;margin-top:12px;}
.sideNav h3{margin:12px 0 0 8px;color:#fff;font-size:20px;}
.sideNav .bd{background-color:#ebebeb;}
.sideNav .bd li{width:100%;font-size:14px;}
.sideNav .bd a{color:#888;}
.sideNav .bd a:hover{background:none;color:#333;}
.sideNav .item{border-bottom:1px solid #ddd;}
.sideNav .item .tit{display:block;width:100%;height:45px;line-height:45px;overflow:hidden;}
.sideNav .item .tit .hp-ico{float:left;width:12px;height:12px;margin:16px 8px 0 20px;background-position:-780px -22px;}
.sideNav .open .tit .hp-ico{background-position:-780px 0;}
.sideNav .item ul{margin:-6px 0 10px 38px;display:none;}
.sideNav .item ul li a{font-size:14px;line-height:28px;height:28px;}
.sideNav .open .tit a{color:#333;}
.sideNav .bd .active a{color:#444;}
.main{width:950px;border:1px solid #e5e5e5;}
.main .hd{padding:0 15px;height:46px;border-bottom:1px solid #e5e5e5;}
.main .hd h3{border-left:5px solid #e60000;padding-left:10px;margin:12px 0 0;font-size:18px;}
.main .bd{padding:5px 20px;}
.qa-list li{width:100%;border-bottom:1px dashed #eee;height:35px;line-height:35px;overflow:hidden;}
.qa-list li .time{float:left!important;font-size:0;line-height:0;width:3px;height:3px;background-color:#999;margin:16px 6px 0 0;}
.main .qa-detail{padding:20px 0 0;}
.qa-detail h1{font-size:20px;text-align:center;}
.qa-detail .content{font-size:14px;line-height:1.8;padding:15px 20px 45px;}
.qa-detail .content p{text-indent:2em;}
.qa-detail .np{border-top:1px solid #e5e5e5;width:100%;height:42px;line-height:42px;background-color:#eee;}
.qa-detail .np ul{padding:0 20px;}
.qa-detail .np ul li{width:50%;}
.qa-detail .np ul li span{color:#999;}