@charset "utf-8";
/*================================================
copyright:　　Copyright (c) 2015, mail.10086.cn All rights reserved
Team:　　　   139邮箱用户体验室-前端重构组
Version:　　　3.0
Date:　　　　 2016/1/7
================================================*/

/*帮助中心改版*/
.icon-logo,.i-button,.i-arr-icon,.i-dotH,.i-Prev,.i-Next,.i-PrevNo,.i-NextNo,.icon-hp,.i-checkHP,.i-arr-second{ display: inline-block; background: url('/assetRecovery/images/help_v3_24.png') no-repeat 0 0; vertical-align: middle; overflow:hidden;}
.hp-head,.hp-headNav ul,.hp-search,.hp-cont,.hp-footer-cont,.hp-guide-main{width: 900px;}
.hp-head{height:58px; margin:0 auto;}
.icon-logo{width: 185px; height: 23px; background-position: 0 0;}
.i-dotH{width: 5px; height: 4px; background-position: -114px -441px;}
.i-arr-icon{width: 7px; height: 7px; background-position: -114px -420px;}
/*.i-arr-bottom{width: 7px; height: 7px; background-position: -114px -431px;}*/
.i-Prev{background-position:-161px -408px; }
.i-Next{background-position:-161px -434px;}
.i-hp-login{background-position: -3px -29px;}
.i-hp-login:hover{ background-position:-3px -156px;}
.i-hp-login:active{ background-position:-3px -281px;}
.i-hp-mail{background-position: -67px -29px;}
.i-hp-mail:hover{background-position: -67px -156px;}
.i-hp-mail:active{background-position: -67px -281px;}
.i-hp-client{background-position:-132px -29px;}
.i-hp-client:hover{background-position:-132px -156px;}
.i-hp-client:active{background-position: -132px -281px;}
.i-hp-manage{background-position:-196px -29px;}
.i-hp-manage:hover{background-position:-196px -156px;}
.i-hp-manage:active{background-position: -196px -281px;}
.i-hp-sefa{background-position:-3px -92px; }
.i-hp-sefa:hover{background-position:-3px -218px; }
.i-hp-sefa:active{background-position: -3px -344px;}
.i-hp-set{background-position:-67px -92px;}
.i-hp-set:hover{background-position:-67px -218px;}
.i-hp-set:active{background-position: -67px -344px;}
.i-hp-phone{background-position:-132px -92px; }
.i-hp-phone:hover{background-position:-132px -218px; }
.i-hp-phone:active{background-position: -132px -344px;}
.i-hp-service{background-position:-196px -92px; }
.i-hp-service:hover{background-position:-196px -218px; }
.i-hp-service:active{background-position: -196px -344px;}
.i-Prev:hover{ background-position: -192px -408px;}
.i-Next:hover{ background-position: -192px -434px;}
.i-Prev:active{ background-position: -223px -408px;}
.i-Next:active{ background-position: -223px -434px;}
.i-arr-second{width: 7px;height: 5px; background-position:-114px -455px;}/*左侧栏二级图标*/
.i-checkHP{width:12px; height:12px; background-position:-96px -419px;}
.i-checkedHP{width:12px; height:12px; background-position:-96px -436px;}
.i-PrevNo,.i-PrevNo:hover,.i-PrevNo:active{background-position:-130px -408px; }
.i-NextNo,.i-NextNo:hover,.i-NextNo:active{ background-position: -130px -434px;}
.i-Prev,.i-Next,.i-PrevNo,.i-NextNo{ width: 28px !important; height: 24px !important; }
.icon-hp{width: 60px; height: 60px;}
.hp-head{position: relative;}
.hp-head .logo{ float: left; margin-top:17px;}
.hp-head .links{ float: right; display: inline; margin:30px 0 0 0;}
.hp-head .links li{float: left; display:inline; font-size: 12px; color: #666;}
.hp-head .links a{margin:0 10px;text-decoration: none;color: #1385ee;}
.hp-headNav{ width: 100%; height: 37px; background-color: #386692;}
.hp-headNav ul{height: 37px; margin:0 auto;}
.hp-headNav li{float: left; display: inline;  width: auto; margin:0; padding: 0;}
.hp-headNav li a{height: 37px; line-height: 37px; display: inline-block; font-size: 14px; color: #fff; padding: 0 12px;text-decoration: none;}
.hp-headNav li a:hover,.hp-headNav .on a{ background-image:url(/src/images/default_v3.png); background-repeat: repeat-x; text-decoration: none;}
.hp-search{ height: 82px; background-color: #f8f8f8; margin:0 auto; padding-top:20px;}
/* .hp-search-ipt .ipt{ width: 406px; height: 34px; line-height: 34px; border:1px solid #b0b0b0; font-size: 14px; padding:0 5px;}
.hp-search-ipt .i-button{ width: 90px; height: 36px; background-position: -3px -415px; border:none; border-radius: 3px; margin-left: 7px;} */
.hp-search .i-button:hover{opacity: 0.9;}
/* .hp-search-ipt,.sc-hot-list{margin-left: 190px; font-size: 14px;}
.hp-search-ipt{*display: inline;} */
.sc-hot-list .line{height: 13px; display: inline-block; margin:0 5px -2px 5px; border-left:1px solid #b0b0b0;}
.hp-cont{ height: auto; min-height: 600px; margin:30px auto 0;}
.hp-cont-nav{width: 176px; border-right: 1px solid #e6e6e6; float: left;}
.hp-cont-nav .nav-tit{width: 133px; line-height: 36px; font-size: 14px; border-left:8px solid transparent;}
.hp-cont-nav li a{ color: #666; display: block; }
.hp-cont-nav .nav-tit{padding-left:35px;}
.hp-cont-nav .nav-tit:hover{ border-left: 8px solid #6594c0; background-color: #eaeaea; color: #6594c0; overflow: hidden;}
.hp-cont-nav .list-sub{ display:none;background: #f8f8f8;}
.on .list-sub{display:block;}
/*.hp-cont-nav .i-arr-right,.hp-cont-nav .i-arr-bottom{margin:0 10px 0 -19px;}*/
.hp-cont-nav .i-arr-icon,.hp-cont-nav .i-arr-icon{margin:0 10px 0 -19px;}
.on .nav-tit,.on .nav-tit:hover{border-left:8px solid #6594c0; color: #6594c0; background-color: #eaeaea;}

.on .i-arr-icon{background-position: -114px -431px;}

.hp-cont-nav .item{ width: 116px; height: 35px;line-height: 35px; padding-left: 41px; font-size: 12px;color: #444;}
.hp-cont-nav .item:hover,.hp-cont-nav .item-on{color:#3486d2;font-weight:bold;}
.hp-cont-nav .item .i-arr-second{margin-right: 7px;}
.hp-cont-nav .item:hover .i-arr-second,.hp-cont-nav .item-on .i-arr-second{background-position:-114px -448px;}/*二级鼠标经过*/
.hp-main{width: 720px; float: left; }
.hp-main .hp-cont-main{margin-left:18px;}
.hp-cont-main{min-height:500px;}
.hp-cont-main h2.hp-title{ font-size: 16px; color: #444; margin-bottom: 27px; display: block;}
.hp-cont-main .txt{ height: 47px; line-height: 47px; font-size: 16px; color: #444;}
.txt .i-dotH{margin:0 5px;}
.hp-page{padding-left: 200px; margin-top:20px;}
.hp-page .i-Prev,.hp-page .i-Next,.hp-page .i-PrevNo,.hp-page .i-NextNo{margin: 0 10px!important; float: left;}
.hp-page .num{ width: 25px; height: 22px; line-height: 22px; text-align: center; margin:0 8px; display: block; font-size: 12px; color: #444; float: left;}
.hp-page .num:hover,.hp-page .cur{color:#fff; background-color: #3486d2; border-radius:2px; overflow: hidden;}
.hp-footer{ width: 100%; height: 133px; background-color: #f8f8f8; margin-top:35px; border-top: 1px solid #e5e5e5;}
.hp-footer-cont{ margin:50px auto 0; text-align: center;}
.hp-footer-cont p{ font-size: 12px; color: #959595; font-family: Arial, Helvetica, sans-serif;}
.hp-footer-cont .line{margin:0 10px;}
.hp-footer-cont .img{width: 20px; height: 24px; margin:-4px 8px 0 0;}
.hp-main-border{width:100%;}
.hp-main-border .hp-cont-main{ border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 10px 0; margin-left:0;}
.hp-main-border .txt{line-height: 35px;}
.hp-main-border .txt:hover{color: #3486d2;}
.hp-title .result{ font-size: 12px; color: #888; font-weight: normal; margin-left: 10px;}
.hp-title .num{font-weight: normal; color: #ff5907; margin:0 3px;}
.hp-cont-list li{border-bottom: 1px solid #e6e6e6; margin:10px 0;}
.hp-cont-main li .hp-title{margin:24px 0 14px; font-weight: bold;font-size: 16px;color: #444;display: block; /*white-space: nowrap; overflow: hidden; text-overflow:ellipsis;*/}
.hp-cont-main li .hp-title:hover{color: #3486d2; cursor: pointer;}
.hp-cont-main li .hp-title:hover .orange{color:#3486d2 !important; }
.hp-cont-main li .hp-title b{color: #ff5907;}
.hp-cont-main .intro{overflow: hidden; font-size: 14px; color: #444; text-indent: 20px; padding-bottom: 5px;}
.hp-cont-main .intro b{color: #ff5907; font-weight:normal;}
.hp-guide-main{ margin:30px auto 0;}
.hp-guide-main .nav-table{width: 100%; table-layout: fixed; border:2px solid #fff; margin-top:27px;}
.hp-nav-title{ font-size: 16px; color: #444; padding-bottom:5px;}
.nav-table tr,.nav-table td{border:1px solid #e4e4e4;}
.nav-table-item{height:170px; text-align: center;}
.nav-table .icon-hp{display: block; margin:20px auto 13px; cursor: pointer;}
.nav-table .nav-tit{font-size: 14px; color: #444; font-weight: bold;}
.nav-table .nav-txt{width:162px; height:61px; overflow:hidden; text-align: left; margin:10px auto 0;}
.nav-table .nav-txt a{font-size: 14px; color: #666;}
.hp-hot-menu li{width: 142px; height: 40px; float: left; margin-right:8px;}
.hp-hot-menu .item{ width: 142px; height: 40px; line-height: 40px; text-align: center; display: block; border:1px solid #a5a5a5; font-size: 16px; color: #777; border-radius: 4px; white-space: nowrap; overflow: hidden; letter-spacing: 1px;}
.icon-arrs{width:0; height:0; display:none; font-size:0; line-height:0; border:7px solid transparent; border-top-color:#6594c0; _border-style:dotted; _border-top-style:solid; margin: 0 auto;}
.cur .item{ background-color: #76a1ca; color: #fff; border:1px solid transparent;}
.cur .item,.cur .item:hover{background-color: #6594c0;}
.cur .icon-arrs{display: block;}
/* .cur .icon-arrs,.hp-hot-cont ul li:hover .icon-arrs{*margin-top:-1px;} */
.tabs-container{margin-top:15px;}
.tabs-container ul li{width: 440px; height: 36px; line-height: 36px;  float:left;}
.tabs-container .txt{ font-size:14px; color:#444;}
.newHand-container li{margin-top:15px;}
.newHand-container .txt{font-size: 16px;}
.hp-guide-tips{font-size: 14px; color: #444; text-align: right; border-top:1px solid #e4e4e4; margin-top:20px; padding-top:20px;}
.hp-guide-tips .lightBlue{color:#3486d2;}
.hp-module-tit{ font-size: 16px; color: #444;}
.hp-module-content{ font-size: 14px; line-height: 1.8;}
.hp-module-content p{margin:10px 0;}
.hp-comment{width:515px; background-color: #f8f8f8; padding: 20px;}
.hp-comment .radio{margin-right: 48px;}
.hp-comment .radio:last-child{margin-right:0;}
.radio .i-checkHP{margin-right:5px;}
.hp-comment-area{width: 503px; height: 83px; overflow: auto; border:1px solid #ccc; border-radius:4px; resize:none; outline: none; padding:5px;}
.mail-add{color: #444; font-size: 14px;}
.mail-add .ipt{width: 128px; height: 30px; line-height: 30px; border:1px solid #ccc; border-radius: 4px; margin:0 3px; padding:0 5px;}
.otherInfo-tit{font-size: 16px; color: #444; margin-top:23px;}
.hp-otherInfo .txt{height: 38px; line-height: 38px;}
.hp-cont-main .txt:hover,.newHand-container .txt:hover,.tabs-container .txt:hover,.hp-otherInfo .txt:hover{color: #3486d2;}
.hp-cont-width{width: 718px;}
.hp-search-ipt,.sc-hot-list,.hp-cont-main li .hp-title,.tabs-container ul li,.hp-cont-mainList li,.hp-cont-nav .nav-tit,.hp-cont-nav .item,.hp-module-tit,.hp-nav-title,.otherInfo-tit,.hp-otherInfo .txt,.hp-otherInfo ul li,.hp-title{white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#suggestCotent{display:none;}
.thsSuggeest p{padding:15px; color:#444444; font-weight:bold; font-size:14px;font-family:Verdana,"Simsun"}

/*二维码*/
.help-code{position:absolute;top: 95px;right:-110px;width: 110px;height: 150px;}