
/* 服务协议 */
.agreement-header .top-header{ position:absolute; left:0; right:0; top:0; z-index:11;}
.agreement-header .head-nav{ background:transparent;border-bottom: 1px solid rgba(255,255,255,.2); }
.agreement-banner{ height:360px; position: relative; background: url("../../images/help/agreement-banner.jpg")  center top #000000 no-repeat; min-width:1220px;}
.agreement-banner .header-info{padding-top: 155px; text-align: center;color: #fff; overflow: hidden;}
.agreement-banner .header-info h1{ font-size: 36px; margin: 0 0 35px;}
.agreement-main{ padding:55px 0; overflow:hidden;}
.agreement-main .agreement-side{ width:245px; float:left; overflow:hidden;}
.agreement-main .agreement-side li{ height:50px; background: url("../../images/help/agreement-line.png")  6px 5px no-repeat;}
.agreement-main .agreement-side li:last-child{ height:20px;}
.agreement-main .agreement-side a{ display:block; height:20px; line-height:20px; color:#333333;}
.agreement-main .agreement-side a:before{ content:''; display:inline-block; vertical-align:middle; margin-right:15px; width:13px; height:20px; background: url("../../images/help/agreement-ico.jpg")  center 2px no-repeat;}
.agreement-main .agreement-side .active a{ color:#059fff;}
.agreement-main .agreement-side .active a:before{background: url("../../images/help/agreement-ico-a.jpg")  center 2px no-repeat;}
.agreement-main .agreement-body{ width:930px; float:right; overflow:hidden;}
.agreement-main .info-list{ margin:0 0 25px; overflow:hidden;}
.agreement-main .info-list h3{ font-size:24px; padding-left:40px; border-left:5px solid #059fff; line-height:100%; margin:0 0 30px;}
.agreement-main .info-list p{ line-height:24px; color:#666666; margin:0 0 25px;}
.agreement-main .info-list ul{ padding:0 0 10px 30px; overflow:hidden;}
.agreement-main .info-list ul li{ line-height:24px; color:#666666; margin:0 0 20px;}
.agreement-main .info-list ul span{ display:block;margin:20px 0 0 35px;}

/* ====================帮助中心======================= */

/* 公共 */

/* banner */
.help-banner{ height:362px; padding-top:175px; position: relative; background: url("../../images/help/banner.jpg")  center top #00083b no-repeat; min-width:1220px;}
.help-banner dl{ width:1000px; margin:0 auto 0; overflow:hidden}
.help-banner dt{ float:left; font-size:36px; color:#fff; line-height:50px;}
.help-banner dd{ width:800px; margin: auto; overflow:hidden;}
.help-banner form{ overflow:hidden}
.help-banner form input[type=text]{font-size: 16px; float:left; width:636px; border:2px solid #059fff; background:#fff; height:46px; padding:0 20px;}
.help-banner form input[type=submit]{ float:right; border:0; height:46px; width:120px;background: url("../../images/help/search.png")  center #059fff no-repeat; cursor:pointer;}
.help-banner ul{ clear:both; margin:12px 0 0; line-height:25px; overflow:hidden;}
.help-banner ul:before{ content:"搜索热词："; float:left; height:25px; color:#999999;}
.help-banner ul li{ float:left; height:25px; margin-right:20px;}
.help-banner ul a{ display:block; color:#059fff;}

/* 首页 */
.help-index{ background:#fff; min-width:1220px; overflow:hidden;}
.help-classify{text-align:center; border-bottom:1px solid #dddddd; min-width:1220px; overflow:hidden;}
.help-classify ul{ width:1220px; margin:0 auto;}
.help-classify ul li{ width:596px;font-size:18px; margin:0 5px; display:inline-block; }
.help-classify ul li a{ display:block; line-height:75px; border-bottom:4px solid #fff;}
.help-classify ul li a:before{ content:''; width:17px; height:25px; display:inline-block; vertical-align:middle; margin-right:10px;background: url("../../images/help/icons.png")  no-repeat;}
.help-classify .item1:before{ background-position:-36px 2px;}
.help-classify .item2:before{ background-position:-84px 1px;}
.help-classify .item3:before{ background-position:-134px 1px;}
.help-classify li:hover a{ border-bottom:4px solid #059fff; color:#059fff;}
.help-classify li:hover .item1:before{ background-position:-59px 2px;}
.help-classify li:hover .item2:before{ background-position:-108px 1px;}
.help-classify li:hover .item3:before{ background-position:-159px 1px;}
.help-classify .active a{ border-bottom:4px solid #059fff; color:#059fff;}
.help-classify .active .item1:before{ background-position:-59px 2px;}
.help-classify .active .item2:before{ background-position:-108px 1px;}
.help-classify .active .item3:before{ background-position:-159px 1px;}
.help-cloumn{ margin:0 0 85px -70px; overflow:hidden}
.help-cloumn li{ float:left; width:252px; margin:110px 0 0 70px;}
.help-cloumn li h4{ font-size:18px; height:42px; line-height:42px;}
.help-cloumn li h4:before{ content:''; width:30px; height:30px; margin:-5px 20px 0 0; display:inline-block; vertical-align:middle;}
.help-cloumn li .item1:before{ background-position:-35px -26px;}
.help-cloumn li .item2:before{ background-position:-71px -27px;}
.help-cloumn li .item3:before{ background-position:-105px -25px;}
.help-cloumn li .item4:before{ background-position:-142px -26px;}
.help-cloumn li .item5:before{ background-position:0 -60px;}
.help-cloumn li .item6:before{ background-position:-36px -60px;}
.help-cloumn li .item7:before{ background-position:-75px -61px;}
.help-cloumn li p{ display:block; margin-left:50px; height:39px; line-height:39px; color:#666666; border-top:1px solid #ddd;}
.help-cloumn li p:last-child{ border-bottom:1px solid #ddd;}
.help-cloumn li p:hover{ background:#fafafa; color:#059fff;}

/* 资讯列表 */
.help-cnews{ background:#fff; padding:60px 0; min-width:1220px; overflow:hidden;}
.help-news{ background:#f8f8f8; padding:60px 0; min-width:1220px; overflow:hidden;}
.help-newsBody{ width:860px; float:right;background:#fff;overflow:hidden;}
.help-newsList{ padding-left:50px; overflow:hidden;}
.help-newsList li{padding:0 0 25px 0;border-bottom:1px solid #dddddd; margin:0 0 25px; overflow:hidden;}
.help-newsList .title{ display:block; margin:0 0 10px; font-size:18px; line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.help-newsList .desc{ display:block; margin:0 0 25px; color:#666666; line-height:24px;overflow:hidden;}
.help-newsList li:hover span{ color:#059fff}
.help-newsList li:hover .date:before{ background-position:-203px 3px;}
.help-newsList li:hover .num:before{ background-position:-248px 2px;}
.help-newsSide{ width:340px;float:left;overflow:hidden;}
.help-newsSide h3{ font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden;}
.help-newsSide h3:before{ content:''; display:inline-block;height:24px; margin-right:10px; vertical-align:middle;}
.help-newsSide .hot:before{ width:17px; background: url("../../images/help/icons.png-v=1.png")  -346px 0 no-repeat;}
.help-newsSide .act:before{ width:20px; background: url("../../images/help/icons.png-v=1.png")  -372px 0 no-repeat;}
.help-newsSide .relate:before{width:17px;background: url("../../images/help/icons.png-v=1.png")  -399px 0 no-repeat;}
.help-newsSide .list{ margin:0 0 25px; padding:15px 25px; background:#fff; overflow:hidden;}
.help-newsSide .img{ display:block; margin:20px 0; overflow:hidden;}
.help-newsSide .img img{ display:block; max-width:100%;}
.help-newsSide ul{ padding:15px 0 0; overflow:hidden;}
.help-newsSide ul li{position:relative; padding-left:15px;overflow:hidden;}
.help-newsSide ul li:before{ content:''; width:4px; height:4px; background:#45aeff; border-radius:100%; position:absolute; left:0; top:16px;}
.help-newsSide ul .title{ display:block; color:#666666; line-height:35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.help-newsSide ul .title:hover{ color:#047bc5;}
.help-back{ display:block; color:#047bc5;margin:0 30px; height:64px; line-height:64px; border-bottom:1px solid #ddd;}

/* 资讯详情*/
.help-newsShow{margin:0 30px; overflow:hidden;}
.help-newsShow .title{ padding:40px 0; overflow:hidden;}
.help-newsShow .title h3{ font-size:18px; line-height:30px; margin:0 0 25px; overflow:hidden;}
.help-newsShow .info{padding:10px 0 50px; color:#666666; line-height:24px;overflow:hidden;}
.help-newsShow .info img{ max-width:100%;}
.help-newsShow .other{ padding:25px 0; border-top:1px solid #ddd;  overflow:hidden;}
.help-newsShow .other li{ color:#059fff; font-size:16px; height:30px; line-height:30px; overflow:hidden;}
.help-newsShow .other li a{ display:inline-block; vertical-align:top; width:80%; color:#666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.help-newsShow .other li a:hover{ color:#059fff;}

/* 技术知识库*/
.help-docs{ padding:40px 0 95px; min-width:1220px;min-height: 800px;overflow:hidden;}
.help-docsMenu{ float:left; width:200px; padding:35px 30px 0; background:#f7f9fa;}
.help-docsMenu h2{ font-size:30px; margin:0 0 35px;}
.help-docsMenu dl{ border-bottom:1px solid #ddd;}
.help-docsMenu dl:last-child{ border-bottom:1px solid #f7f9fa;}
.help-docsMenu dl dt{ height:49px; line-height:49px; cursor:pointer;}
.help-docsMenu dl dt:after{ content:''; width:10px; height:6px; float:right; margin:20px 0 0; background: url("../../images/help/icons.png")  -20px -10px no-repeat;}
.help-docsMenu dl dd{ display:none; padding:5px 0 20px 20px; overflow:hidden;}
.help-docsMenu dl dd a{ display:block; line-height:30px; color:#666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.help-docsMenu dl dd a:hover{ color:#059fff;}
.help-docsMenu dl dd .active{ color:#059fff;}
.help-docsMenu .open dt:after{ background: url("../../images/help/icons.png")  -20px -1px no-repeat;}
.help-docsMenu .open dd{ display:block;}
.help-docsMenu .docs-list{ overflow:hidden;}
.help-docsMenu .docs-list li{ height:49px; line-height:49px; border-bottom:1px solid #ddd;}
.help-docsMenu .docs-list li:last-child{ border-bottom:1px solid #f7f9fa;}
.help-docsMenu .docs-list li a{ display:block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.help-docsMenu .docs-list .active a{ color:#059fff;}
.docs-menu .docs-list li a{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.docs-menu{ position:relative;}
.docs-menu h4{ font-size:14px; height:60px; line-height:60px; font-weight:bold; border-bottom:1px solid #dddddd; cursor:pointer;}
.docs-menu h4:after{ content:''; width:12px; height:15px; float:right; margin:22px 0 0; background: url("../../images/help/icons.png")  -1px 0 no-repeat;}
.docs-menu h3{ font-size:16px; height:70px; line-height:70px; color:#999999; border-bottom:1px solid #dddddd;}
.docs-menu .menu-list{ display:none; background:#f7f9fa; width:760px; padding-left:30px; position:absolute; left:230px; top:0; z-index:11;}
.docs-menu .menu-list li{ float:left; width:160px; height:220px; margin:0 30px 30px 0;}
.docs-menu .menu-list li h5{ font-size:14px; height:55px; line-height:55px; border-bottom:1px solid #ddd; margin:0 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.docs-menu .menu-list li a{ display:block; height:30px; line-height:30px; color:#666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.docs-menu .menu-list li a:hover{color:#059fff}
.help-docsBody{ width:920px; float:right;}
.help-location{ margin:25px 0 0; height:45px; line-height:45px; border-bottom:1px solid #ddd; overflow:hidden;}
.help-location a{ float:left; color:#999999;}
.help-location a:hover{color:#059fff}
.help-docsList{ overflow:hidden;}
.help-docsList li{ padding:25px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.help-docsList .title{ display:block;margin:0 0 10px; font-size:18px; line-height:40px; color:#333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.help-docsList .desc{ display:block; margin:0 0 25px; color:#666666; line-height:24px;}
.help-docsList li .title:hover{ color:#059fff;}
.help-docsList li:hover span{ color:#059fff}
.help-docsList li:hover .date:before{ background-position:-203px 3px;}
.help-docsList li:hover .num:before{ background-position:-248px 2px;}
.help-docsInfo{ position:relative;}
.help-docsInfo .info-head{ position:relative; padding:40px 270px 55px 0; min-height:50px; overflow:hidden;}
.help-docsInfo .info-head .share{ width:260px; color:#666666; position:absolute; right:0; top:70px;}
.help-docsInfo .info-head h1{ font-size:36px;}
.help-docsInfo .info-head p{ margin:12px 0 0; color:#999999;}
.help-docsInfo .info-body .title{ font-size:24px; margin:0 0 20px;}
.help-docsInfo .info-body .info{ color:#333; line-height:23px; margin:0 0 45px; overflow:hidden;}
.help-docsInfo .info-body .info img{ display:block; margin:0 auto; max-width:100%;}

/* 是否有帮助*/
.news-from{ margin:0 50px 50px 0; overflow:hidden;}
.news-from .solved-info{padding:17px 20px; border:1px solid #ddd; overflow:hidden}
.news-from .solved-info p{ line-height:35px; float:left; color:#333333;}
.news-from .solved-info a{ float:right; width:98px; height:33px; line-height:33px; text-align:center; margin-left:20px;}
.news-from .solved-info a:before{ }
.news-from .yes{ border:1px solid #ff8a00; background:#ff8a00; color:#fff;}
.news-from .yes:before{ content:''; width:18px; height:33px; display:inline-block; vertical-align:middle; margin-right:10px;background: url("../../images/help/icons.png")  -322px 5px no-repeat;}
.news-from .no{ border:1px solid #dddddd; background:#f7f9fa; color:#666666;}
.news-from .no:before{  content:''; width:18px; height:33px; display:inline-block; vertical-align:middle; margin-right:10px;background: url("../../images/help/icons.png")  -299px 5px no-repeat;}
.news-from .solved-yes{ display:none; padding:19px 20px; height:30px; line-height:30px; border:1px solid #ddd; overflow:hidden}
.news-from .solved-yes:before{ content:''; width:30px; height:30px; display:inline-block; margin-right:10px; vertical-align:middle; background: url("../../images/help/icons.png")  -184px -26px no-repeat;}
.news-from .solved-no{ display:none; margin:10px 0 0; padding:0 20px 20px;border:1px solid #ddd; overflow:hidden; clear:both;}
.news-from .solved-no h4{ height:69px; line-height:69px; font-size:14px; color:#333; border-bottom:1px solid #ddd;}
.news-from .solved-no h4:before{ content:''; width:18px; height:69px; display:inline-block; vertical-align:middle; margin-right:10px;background: url("../../images/help/icons.png")  -299px 23px no-repeat;}
.news-from .solved-no h5{ font-size:14px; color:#999999; margin:15px  10px 20px; overflow:hidden;}
.news-from .solved-no textarea{ display:block; margin:20px 10px 20px; padding:15px 20px; border:1px solid #ddd; width:720px;font-family: "Microsoft Yahei";}
.news-from .solved-no .solved-btn{margin-left:10px;width:138px; height:33px; text-align:center; cursor:pointer;}
.news-from .solved-no input[type=submit]{ border:1px solid #059fff;background:#059fff; color:#fff;}
.news-from .solved-no input[type=submit]:hover{background:#34a1fd;}
.news-from .solved-no input[type=button]{ border:1px solid #ddd; background:#f7f9fa; color:#666666;}
.news-from .solved-no input[type=button]:hover{ background:#eee;}
#submit-success{display:none;}
#submit-success p{color:#ff8800!important;}
#submit-success .more-suggest{float:left;}
.news-from .solved-question{ padding-left:10px; overflow:hidden;}
.news-from .solved-question label{ float:left; margin-right:35px; height:25px; line-height:25px; color:#666666;}
.news-from .info-menu{position: absolute; top:180px; right: -200px;width: 180px; z-index: 9;}
.news-from .info-menu li{background: url("../../images/help/help-line.png")  8px top repeat-y;}
.news-from .info-menu li:last-child{ background:none;}
.news-from .info-menu li a{ display:block; padding:0 0 15px; color:#666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news-from .info-menu li a:before{ content:""; width:17px; height:17px; display:inline-block; vertical-align:middle; margin:-5px 15px 0 0;background: url("../../images/help/help-ico1.png")  center no-repeat;}
.news-from .info-menu .active a{ color:#059fff;}
.news-from .solved-info .info-menu .active a:before{ background: url("../../images/help/help-ico2.png")  center no-repeat;}

pre {
    display: block;
    margin: 0 0 10px;
    padding: 9.5px;
    line-height: 20px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
code, pre {
    padding: 0 3px 2px;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size: 12px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
code, kbd, pre, samp {
    margin:10px 0;
    font-family: monospace,monospace;
    font-size: 1em;
}

input[type=checkbox]{ margin-right:10px; cursor: pointer;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.checkbox{ height:14px; background: url("../../images/public/ico/checkbox.jpg")  left center no-repeat; background-size:14px 14px; cursor:pointer;}
.checkbox-checked{ background: url("../../images/public/ico/checkbox-checked.png")  left center no-repeat; background-size:14px 14px}
