/*! ydh-portal-web minified css file author:ningyb 2016-01-15*/

.ml-4 { margin-left: -4px }
.mt-4 { margin-top: -4px }
.mr-4 { margin-right: -4px }
.mb-4 { margin-bottom: -4px }
.ml-1 { margin-left: -1px }
.mt-1 { margin-top: -1px }
.m0 { margin: 0 }
.m1 { margin: 1px }
.mt1 { margin-top: 1px }
.mt2 { margin-top: 2px }
.mt3 { margin-top: 3px }
.mt4 { margin-top: 4px }
.mt5 { margin-top: 5px }
.mt8 { margin-top: 8px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt25 { margin-top: 25px }
.mt30 { margin-top: 30px }
.mt35 { margin-top: 35px }
.mt55 { margin-top: 55px }
.mb1 { margin-bottom: 1px }
.mb2 { margin-bottom: 2px }
.mb3 { margin-bottom: 3px }
.mb5 { margin-bottom: 5px }
.mb8 { margin-bottom: 8px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb25 { margin-bottom: 25px }
.mb30 { margin-bottom: 30px }
.mb35 { margin-bottom: 35px }
.mb40 { margin-bottom: 40px }
.mb45 { margin-bottom: 45px }
.mb50 { margin-bottom: 50px!important }
.mb55 { margin-bottom: 55px }
.ml1 { margin-left: 1px }
.ml2 { margin-left: 2px }
.ml3 { margin-left: 3px }
.ml5 { margin-left: 5px }
.ml8 { margin-left: 8px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml25 { margin-left: 25px }
.ml30 { margin-left: 30px }
.ml35 { margin-left: 35px }
.ml40 { margin-left: 40px }
.ml50 { margin-left: 50px }
.ml55 { margin-left: 55px }
.mr1 { margin-right: 1px }
.mr2 { margin-right: 2px }
.mr3 { margin-right: 3px }
.mr5 { margin-right: 5px }
.mr8 { margin-right: 8px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr30 { margin-right: 30px }
.mr55 { margin-right: 55px }
.f10 { font-size: 10px }
.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f16 { font-size: 16px!important }
.f18 { font-size: 18px!important }
.f19 { font-size: 19px }
.f20 { font-size: 20px }
.f24 { font-size: 24px }
.f30 { font-size: 30px }
.f36 { font-size: 36px }
.f40 { font-size: 40px }
.mh28 { min-height: 28px!important }
.cgray3 { color: #333!important }
.cgray5 { color: #555!important }
.cgray6 { color: #666!important }
.cgray8 { color: #888!important }
.cgray9 { color: #999!important }
.cblue { color: #03b8cc!important }
.corange { color: #FF8000 }
.cwhite { color: #FFF }
.cblack { color: #000 }
.b { font-weight: 700!important }
.mc { margin-left: auto!important; margin-right: auto!important }
.helpIndexWrapper { padding: 60px 0 }
.img-responsive { display: block; max-width: 100%; height: auto }
.helpIndex-nav { margin-bottom: 60px }
.helpIndex-nav li { float: left; width: 210px; height: 210px; text-align: center; background-color: #ededed; margin-right: 37px }
.helpIndex-nav li.end { margin-right: 0 }
.helpIndex-nav li:hover { background: url() scroll no-repeat 0 0 transparent; transition-duration: .7s }
.helpIndex-nav li:hover a { text-decoration: none }
.helpIndex-nav li:hover p { color: #fff }
.helpIndex-nav li.one:hover { background-color: #03b8cc }
.helpIndex-nav li.one:hover .hicon1 { background-position: 0 -80px }
.helpIndex-nav li.two:hover { background-color: #f55734 }
.helpIndex-nav li.two:hover .hicon2 { background-position: -80px -80px }
.helpIndex-nav li.three:hover { background-color: #00bd9c }
.helpIndex-nav li.three:hover .hicon3 { background-position: -160px -80px }
.helpIndex-nav li.four:hover { background-color: #1ca8e3 }
.helpIndex-nav li.four:hover .hicon4 { background-position: -240px -80px }
.helpIndex-nav li.five:hover { background-color: #72b70a }
.helpIndex-nav li.five:hover .hicon5 { background-position: -320px -80px }
.helpIndex-nav li p { color: #888; font-size: 15px }
.hicon { display: block; width: 75px; height: 75px; background: url(../images/help.png) scroll no-repeat 0 0 transparent; margin: 50px auto 20px }
.hicon1 { background-position: 0 0; transition-duration: .5s }
.hicon2 { background-position: -80px 0; transition-duration: .5s }
.hicon3 { background-position: -160px 0; transition-duration: .5s }
.hicon4 { background-position: -240px 0; transition-duration: .5s }
.hicon5 { background-position: -320px 0; width: 78px; transition-duration: .5s }
.helpIndex-panel-heading { border-bottom: 1px solid #ededed; margin-bottom:10px; }
.helpIndex-panel-title { font-size: 22px; color: #555; text-align:center; height:80px; line-height:80px; }
.helpIndex-panel-title2 { color: #888 }
.helpIndex-panel-title2 a { color: #888; font-size: 18px }
.helpIndex-panel-title2 a:hover { text-decoration: none }
.helpIndex-panel-body { margin-bottom: 80px }
.helpIndex-panel-list { padding: 20px 0; border-bottom: 1px solid #ededed }
.helpIndex-panel-list .helpIndex-panel-item h4 { position: relative; height: 35px; line-height: 35px; color: #444; font-size: 18px; padding-left: 35px; font-family: 'Microsoft YaHei' }
.helpIndex-panel-list .helpIndex-panel-item h4 i { position: absolute; top: 8px; left: 5px; width: 20px; height: 20px; background: url(../images/help.png) scroll no-repeat -20px -220px transparent }
.helpIndex-panel-list .helpIndex-panel-item h4 a:hover { color: #03b8cc; transition: .7s; text-decoration: none }
.helpIndex-panel-item .helpIndex-panel-item-list { position: relative; margin-top: 5px }
.helpIndex-panel-item .helpIndex-panel-item-list li { font-size: 14px; color: #888; padding-left: 50px; line-height: 28px }
.helpIndex-panel-item .helpIndex-panel-item-list i { position: absolute; top: 3px; left: 5px; width: 20px; height: 20px; background: url(../images/help.png) scroll no-repeat -20px -240px transparent }
.helpIndex-panel-imglist .helpIndex-panel-item { margin-right: 25px; margin-bottom: 40px; float: left; width: 265px; height: 190px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.helpIndex-panel-imglist .helpIndex-panel-item-end { margin-right: 0 }
.helpIndex-panel-imglist .helpIndex-panel-item img.img-responsive { width: 265px; height: 150px }
.helpIndex-panel-imglist .helpIndex-panel-item .vtitle{font-size:16px;line-height:35px; color:#f00;text-align:center;} 
.helpIndex-panel-imglist .helpIndex-panel-item a:hover { text-decoration: none }
.helpIndex-panel-imglist .helpIndex-panel-item a:hover p { color: #03b8cc; transition: .7s }
.helpIndex-panel-imglist2 .helpIndex-panel-item { width: 265px; height: 190px; margin-right: 20px }
.helpIndex-panel-imglist2 .helpIndex-panel-item-end { margin-right: 0 }
.helpIndex-panel-imglist2 .helpIndex-panel-item img.img-responsive { width: 265px; height: 150px }
.help-header { position: fixed; left: 0; right: 0; z-index: 1000 }
.container2 { background-color: #E0DFDF; overflow-x: hidden }
.helpWrapper { position: relative; margin-top: 60px }
.help-sidebar { width: 250px; float: left; position: relative }
.nav-sidebar { z-index: 1000; display: block; padding: 40px 40px 50px 0; overflow-x: hidden; overflow-y: auto; width: 210px }
.helpMain { float: right; width: 840px; padding-right: 10px; padding-left: 40px; background-color: #f5f5f5 }
.helpMainBackground { min-height: 1000px; padding-bottom: 50px }
.helpMainWrapper { padding-top: 50px; width: 840px; font-size: 14px; color: #555 }
.nav-sidebar h2 { font-size: 16px; color: #555; height: 45px; line-height: 45px; border-bottom: 1px dashed #ccc; margin-left: 25px }
.nav-sidebar li a.nav-title, a.nav-three-title { display: block; height: 45px; line-height: 45px; font-size: 16px; color: #555; position: relative; padding-left: 25px }
.hicon100 { background-position: -123px -182px; width: 15px; height: 15px; margin: 0; position: absolute; top: 15px; left: 0 }
.hicon101 { background-position: -3px -182px; width: 15px; height: 15px; margin: 0; position: absolute; top: 15px; left: 0 }
.hicon102 { background-position: -83px -182px; width: 15px; height: 15px; margin: 0; position: absolute; top: 15px; left: 0 }
.hicon103 { background-position: -43px -182px; width: 15px; height: 15px; margin: 0; position: absolute; top: 15px; left: 0 }
.nav-sidebar li.nav-item.active a.nav-three-title .hicon100, .nav-sidebar li.nav-sidebar-item.active a.nav-title .hicon100 { background-position: -143px -202px }
.nav-sidebar li.nav-item.active a.nav-three-title .hicon101, .nav-sidebar li.nav-sidebar-item.active a.nav-title .hicon101 { background-position: -23px -202px }
.nav-sidebar li.nav-item.active a.nav-three-title .hicon102, .nav-sidebar li.nav-sidebar-item.active a.nav-title .hicon102 { background-position: -103px -202px }
.nav-sidebar li.nav-item.active a.nav-three-title .hicon103, .nav-sidebar li.nav-sidebar-item.active a.nav-title .hicon103 { background-position: -63px -202px }
.nav-sidebar .nav li a:hover, .nav-sidebar li a.nav-title:hover { text-decoration: none; color: #03b8cc; transition: .7s }
.nav-sidebar .nav { border-bottom: 1px dashed #ccc; margin-left: 25px }
.nav-sidebar .nav li { overflow: hidden; padding: 10px 0 10px 20px }
.nav li.nav-three-item.active a, .nav-sidebar .nav li.nav-item.active>a, .nav-sidebar .nav2 li.nav-item.active>a { color: #03b8cc }
.nav-sidebar .nav li a { font-size: 14px; color: #999 }
.pl20 { padding: 0 0 0 20px!important }
.nav-sidebar .nav-three-title { position: relative }
.nav-sidebar .nav-three li { padding: 0 0 0 40px; margin-bottom: 10px }
.nav-sidebar li.nav-item.active a.nav-three-title .hicon101 { background-position: -23px -202px }
.nav-sidebar>ul { margin-bottom: 25px }
.nav-btns { padding-left: 25px }
.nav-btns a.btn-productManual { display: inline-block; width: 145px; height: 45px; line-height: 45px; color: #fff; background-color: #3dcca8; text-align: center; font-size: 15px; font-family: 'Microsoft YaHei'; border-radius: 3px; opacity: .9; transition: .7s }
.nav-btns a.btn-productManual:hover { text-decoration: none; opacity: 1 }
.help-content { font-family: 'Microsoft YaHei' }
.help-content h2 { font-size: 28px; color: #333; margin-bottom: 35px; line-height: 35px }
.help-content h3 { font-size: 18px; color: #555 }
.help-content p { font-size: 14px; color: #555; line-height: 30px }
.help-content p.intro1 { font-size: 18px; #color:#333
}
.help-content img { height: auto; max-width: 100% }
a.btn-helpSearh-detail { width: 90px; height: 35px; line-height: 35px; background: #ededed; display: block; text-align: center; border-radius: 3px; color: #555 }
a.btn-helpSearh-detail:hover { background: #94dd31; color: #fff; text-decoration: none }
.help-search { position: absolute; top: 150px; left: 50%; margin-left: -400px }
.txt-helpSearch { width: 868px; height: 30px; line-height: 30px; border: 1px solid #E0DFDF; border-radius: 3px; box-shadow: 0 1px 3px #999; padding: 10px 15px; font-size: 18px; color: #555; font-family: "Microsoft YaHei" }
.txt-helpSearch:hover { box-shadow: 0 2px 6px #666 }
a.btn-helpSearch { position: absolute; top: 0; right: 0; width: 90px; height: 52px; border-left: 1px solid #ddd; line-height: 52px; text-align: center; font-size: 20px; color: #999 }
a.btn-helpSearch:hover { text-decoration: none; color: #555 }
a.btn-helpSearch i { position: absolute; width: 20px; height: 20px; top: 18px; left: 38px; background: url(../images/help.png) scroll no-repeat 0 -220px transparent }
.help-empty { margin-top: 170px }
.help-empty p { color: #bbb; font-size: 22px; line-height: 35px; text-align: center; font-family: 'Microsoft YaHei' }
.ui-dialog, .ui-popup-show .ui-dialog { transform: none }