
.helpCenter-banner{ width:100%; background:url(/content/img/help-banner1.jpg) no-repeat 50% 0; height:500px; margin-top:80px; min-width:1200px;}
.helpCenter-section1{ width:520px; margin:0 auto;background-color:#f0f1f2;margin-top:-60px; margin-bottom:100px;}
.helpCenter-section1 .new-list{ width:520px;background-color:#f0f1f2; min-height:120px;}
.helpCenter-section1 .new-list li{ width:255px; float:left;background-color:#f0f1f2; height:120px; cursor:pointer; margin-right:10px;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li:last-child{ margin-right:0;}
.helpCenter-section1 .new-list li .content{ width:215px; margin:0 auto; height:120px;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li .content.bor-color1{ border-bottom:3px #ff5256 solid;}
.helpCenter-section1 .new-list li .content.bor-color2{ border-bottom:3px #1996f7 solid;}
.helpCenter-section1 .new-list li .content.bor-color3{ border-bottom:3px #7b62fa solid;}
.helpCenter-section1 .new-list li .content p{ text-align:center;overflow:hidden;}
.helpCenter-section1 .new-list li .content p:first-child{ padding-top:10px;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li .content p:last-child{ margin-top:10px; color:#8e8f8f;}

.helpCenter-section1 .new-list li:hover{ height:140px;box-shadow: 0 0 10px #168fec;-moz-box-shadow: 0 0 10px #168fec; -webkit-box-shadow: 0 0 10px #168fec;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li:hover .content{ height:140px; border-bottom:none;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li:hover .content p:first-child{ padding-top:20px;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li:hover .content.bor-color1 p:last-child{ width:130px; height:26px; line-height:26px; background-color:#ff5256; border-radius:13px; color:#fff; margin:15px auto;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li:hover .content.bor-color2 p:last-child{ width:130px; height:26px; line-height:26px; background-color:#038af3; border-radius:13px; color:#fff; margin:15px auto;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.helpCenter-section1 .new-list li:hover .content.bor-color3 p:last-child{ width:130px; height:26px; line-height:26px; background-color:#7b62fa; border-radius:13px; color:#fff; margin:15px auto;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}

.helpCenter-section2{ width:100%; min-height:550px; background-color:#ebf0f9;}
.helpCenter-section2 .title{ font-size:30px;font-weight:bold; padding:30px 0 20px 0;}
.helpCenter-section2 .new-list { width:1230px;}
.helpCenter-section2 .new-list li{ width:380px; float:left;margin-bottom:25px; margin-right:30px;box-shadow: 0 0 10px #ddd;-moz-box-shadow: 0 0 10px #ddd; -webkit-box-shadow: 0 0 10px #ddd; min-height:190px; background-color:#fff; padding:52px 0 0 39px;}
.helpCenter-section2 .new-list li:hover{ box-shadow: 0 0 10px #ddd;-moz-box-shadow: 0 0 10px #ddd; -webkit-box-shadow: 0 0 10px #bbb;}
.helpCenter-section2 .new-list li .img{ width:88px; height:88px; background:url(/content/img/help-icons.png) no-repeat; margin-right:22px;}
.helpCenter-section2 .new-list li .img1{ background-position:0 0;}
.helpCenter-section2 .new-list li .img2{ background-position:-88px 0;}
.helpCenter-section2 .new-list li .img3{ background-position:-176px 0;}
.helpCenter-section2 .new-list li .img4{ background-position:-264px 0;}
.helpCenter-section2 .new-list li .img5{ background-position:0 -88px;}
.helpCenter-section2 .new-list li .img6{ background-position:-88px -88px;}
.helpCenter-section2 .new-list li .img7{ background-position:-176px -88px;}
.helpCenter-section2 .new-list li .img8{ background-position:-264px -88px;}
.helpCenter-section2 .new-list li .text1{ font-size:18px;}
.helpCenter-section2 .new-list li .text2{ color:#a7a7a7; margin-top:6px;}
.helpCenter-section2 .new-list li .line{ width:35px; height:2px; background-color:#1996f7; margin:5px 0 10px 0;}
.helpCenter-section3 .new-list li .line{ background-color:#ff5256;}
.helpCenter-section2 .new-list li .helpIndex-btn{ background-color:#fff; color:#1996f7; border:1px #1996f7 solid; border-radius:0; padding:0; width:100px; height:24px; line-height:24px;}
.helpCenter-section2 .new-list li .helpIndex-btn:hover{ background-color:#1996f7; color:#fff;}
.helpCenter-section3 .new-list li .helpIndex-btn{ color:#ff5256; border:1px #ff5256 solid;}
.helpCenter-section3 .new-list li .helpIndex-btn:hover{ color:#fff; background-color:#ff5256;}
.helpCenter-section3{ background-color:#fafafa; margin-bottom:100px;}


.helpCenter-banner1{ width:100%; background:url(/content/img/help-banner2.jpg) no-repeat 50% 0; height:200px; min-width:1200px;}
.helpCenter-section4 { width:100%; margin-top:40px; overflow:hidden;background-color:#ededed;}
.helpCenter-section4 .left{ width:235px; padding-bottom:50px;}
.helpCenter-section4 .left .top-img{ width:100%; height:82px; background:url(/content/img/help-img4.png) no-repeat center bottom; text-align:center; font-size:36px; font-weight:bold; padding-top:10px;}
.helpCenter-section4 .left .ddh-color{ color:#1996f7;}
.helpCenter-section4 .left .jyh-color{ color:#fe5a5d;}
.helpCenter-section4 .left .new-list{ padding:30px 28px 0 51px;} 
.helpCenter-section4 .left .new-list > li{ margin:18px 0;overflow:hidden;}
.helpCenter-section4 .left .new-list > li > a { font-size:18px; overflow:hidden; clear:both; color:#333;}
.helpCenter-section4 .left .new-list > li > a > i.img{ width:17px; height:17px; display:inline-block; margin:4px 10px 0 0;}
.helpCenter-section4 .left .new-list > li > a > i.img1{ background:url(/content/img/help-img5.png) no-repeat; background-position:0 0;}
.helpCenter-section4 .left .new-list.jyh-color > li > a > i.img1{ background:url(/content/img/help-img6.png) no-repeat; background-position:0 0;}
.helpCenter-section4 .left .new-list > li.selected > a > i.img1{background-position:-17px 0;}
.helpCenter-section4 .left .new-list > li.selected > a { color:#1996f7;}
.helpCenter-section4 .left .new-list.jyh-color > li.selected > a  { color:#fe5a5d;}
.helpCenter-section4 .left .new-list > li > .menu { padding-left:28px; clear:both; overflow:hidden; display:none;}
.helpCenter-section4 .left .new-list > li.selected > .menu{ display:block;}
.helpCenter-section4 .left .new-list > li > .menu > li{ line-height:40px; border-bottom:1px #b6b6b6 dashed; display:block; padding-left:25px;}
.helpCenter-section4 .left .new-list > li > .menu > li > a {color:#333;}
.helpCenter-section4 .left .new-list > li > .menu > li > a.selected{ color:#1996f7;}
.helpCenter-section4 .left .new-list.jyh-color > li > .menu > li > a.selected{color:#fe5a5d;}

.helpCenter-section4 .right{ width:965px; background-color:#fafafa; min-height:700px; padding:30px 30px 50px 30px;}
.helpCenter-section4 .right p{ padding:8px 0; overflow:hidden;}
.helpCenter-section4 .right .title1 { font-size:24px; padding:10px 0;}
.helpCenter-section4 .right .title1 .icon{ width:10px; height:10px; background-color:#1996f7; display:block; margin:12px 10px 0 0;}
.helpCenter-section4 .right.jyh-zw .title1 .icon{ width:10px; height:10px; background-color:#fe5a5d; display:block; margin:12px 10px 0 0;}
.helpCenter-section4 .right.jyh-zw img{ width:100%;}
.helpCenter-section4 .right .title2 { font-size:18px; color:#1badea; padding:10px 0;}
.helpCenter-section4 .right .title2 .icon{ width:6px; height:6px; background-color:#1badea; border-radius:50%; -webkit-border-radius:50%;-moz-border-radius:50%; margin:9px 10px 0 0;}
.helpCenter-section4 .right .title2 span:last-child{ max-width:820px;}

.helpCenter-section4 .right .video-list{ padding:20px 0 0 20px;}
.helpCenter-section4 .right .video-list li{ float:left; width:229px; margin:0 38px 20px 0; cursor:pointer; position:relative;}
.helpCenter-section4 .right .video-list li p{ padding:0;}
.helpCenter-section4 .right .video-list li .text{ width:100%; height:44px; line-height:44px; text-align:center; font-size:18px; color:#909090;}
.helpCenter-section4 .right .video-list li .bg{ position:absolute; top:0; left:0; z-index:2; display:none;}
.helpCenter-section4 .right .video-list li:hover .text{ background-color:#05a9a5; color:#fff;}
.helpCenter-section4 .right .video-list li:hover .bg{ display:block;}

.help-list li{ border-bottom:1px #cccccc solid; padding: 20px 10px; }
.help-list li > .question { cursor: pointer; overflow: hidden; }
.help-list li > .question > i.icons{ background:url(/content/img/icons.png) no-repeat 0 -71px; width: 20px; height: 20px; display: inline-block; float: left; margin:3px 10px 0 0; }
.help-list li > .question > span{ font-size: 18px; float:left; }
.help-list li > .key { margin-top: 10px; overflow: hidden; display: none; }
.help-list li > .key > i.icons{ background:url(/content/img/icons.png) no-repeat 0 -91px; width: 20px; height: 20px; display: inline-block; float: left; margin:3px 10px 0 0; }
.help-list li > .key > span{ line-height: 24px; display: block; float: left; width: 800px; color: #4d4d4d; }

.handbook{ width:229px;}
.handbook > p > img{ width:229px!important;}
.handbook > p > .handbook-btn{ width:229px; height:38px; border:1px #139ed8 solid; padding:0; line-height:38px; text-align:center; font-size:16px; color:#139ed8; border-radius:0;}