/* CSS Document */
.help-content{padding:20px 0;}
.help-wrap{/*background:#fff;*/ /*border:1px solid #e5e5e5;*/}
.help-wrap .menu-sub{/*width:180px;*/ padding:20px; box-sizing:border-box; text-align:center; margin-top:40px;}
.help-wrap .menu-sub ul li a{width:106px; line-height:40px; margin-bottom:10px; margin:0 10px; font-size:16px; color:#333; font-weight:bold; text-align:center; display:block;}
.help-wrap .menu-sub ul li em{display:none;}
.help-wrap .menu-sub ul li a:hover,.help-wrap .menu-sub ul .current a,.help-wrap .menu-sub ul .current a:hover{color:var(--color-primary); /*background:#d3b797;*/ border-radius:40px;}

.help-content .help-wrap .menu-sub ul li{display:inline-block;}
.help-content .help-wrap .menu-sub ul li a::after{content:""; width:10px; height:10px; border-right:1px solid #000; position:relative; left:30px;}
.help-content .help-wrap .menu-sub ul li:last-child a::after{border-color:white;}
.help-content .help-wrap .menu-sub ul li:nth-child(1) a:before{content:""; background-image:url(../images/about_us_icon.png); width:57px; height:57px; background-size:75%; display:block; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.help-content .help-wrap .menu-sub ul li:nth-child(2) a:before{content:""; background-image:url(../images/faq_icon.png); width:57px; height:57px; background-size:75%; display:block; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.help-content .help-wrap .menu-sub ul li:nth-child(3) a:before{content:""; background-image:url(../images/contact_us_icon.png); width:57px; height:57px; background-size:75%; display:block; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.help-content .help-wrap .menu-sub ul li:nth-child(4) a:before{content:""; background-image:url(../images/privacy_icon.png); width:57px; height:57px; background-size:75%; display:block; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.help-content .help-wrap .menu-sub ul li:nth-child(5) a:before{content:""; background-image:url(../images/responsible_icon.png); width:57px; height:57px; background-size:75%; display:block; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.help-content .help-wrap .menu-sub ul li:last-child a:before{content:""; background-image:url(../images/term_icon.png); width:57px; height:57px; background-size:75%; display:block; background-repeat:no-repeat; background-position:center; margin:0 auto;}

.help-content .help-wrap .menu-sub ul li a:hover, .help-content .help-wrap .menu-sub ul .current a{font-size:20px;}
.help-content .help-wrap .menu-sub ul li:nth-child(1) a:hover:before{background-image:url(../images/about_us_active_icon.png); transform:scale(1.3); position:relative;}
.help-content .help-wrap .menu-sub ul li.current:nth-child(1) a:before{background-image:url(../images/about_us_active_icon.png); transform:scale(1.3); position:relative;}

.help-content .help-wrap .menu-sub ul li:nth-child(2) a:hover:before{background-image:url(../images/faq_active_icon.png); transform:scale(1.3); position:relative;}
.help-content .help-wrap .menu-sub ul li.current:nth-child(2) a:before{background-image:url(../images/faq_active_icon.png); transform:scale(1.3); position:relative;}

.help-content .help-wrap .menu-sub ul li:nth-child(3) a:hover:before{background-image:url(../images/contact_us_active_icon.png); transform:scale(1.3); position:relative;}
.help-content .help-wrap .menu-sub ul li.current:nth-child(3) a:before{background-image:url(../images/contact_us_active_icon.png); transform:scale(1.3); position:relative;}

.help-content .help-wrap .menu-sub ul li:nth-child(4) a:hover:before{background-image:url(../images/privacy_active_icon.png); transform:scale(1.3); position:relative;}
.help-content .help-wrap .menu-sub ul li.current:nth-child(4) a:before{background-image:url(../images/privacy_active_icon.png); transform:scale(1.3); position:relative;}

.help-content .help-wrap .menu-sub ul li:nth-child(5) a:hover:before{background-image:url(../images/responsible_active_icon.png); transform:scale(1.3); position:relative;}
.help-content .help-wrap .menu-sub ul li.current:nth-child(5) a:before{background-image:url(../images/responsible_active_icon.png); transform:scale(1.3); position:relative;}

.help-content .help-wrap .menu-sub ul li:last-child a:hover:before{background-image:url(../images/term_active_icon.png); transform:scale(1.3); position:relative;}
.help-content .help-wrap .menu-sub ul li.current:last-child a:before{background-image:url(../images/term_active_icon.png); transform:scale(1.3); position:relative;}

.help-wrap .area-main{/*width:1020px;*/ min-height:400px; /*padding:20px 20px 20px 30px;*/ font-size:14px; color:#000; margin:0 auto;  box-sizing:border-box;}
.help-wrap .area-main ol li{list-style-type:decimal; line-height:24px; margin-left:20px; padding:15px 10px;}
.help-wrap .area-main h2{font:26px/1.5 "Microsoft YaHei"; color:var(--color-secondary); font-weight:600; padding:20px;}
.help-wrap .area-main p{padding:10px 0; line-height:24px;}
.help-wrap .area-main h3{margin-top:30px; color:#000; font-size:14px; font-weight:bold; cursor:pointer;}
.help-wrap .area-main .child,#faqs p{font-size:14px;}
.help-wrap .area-main ul.child li{line-height:24px; background:url(../images/list_dot.png) no-repeat 0 -52px; padding:10px 0 10px 15px; list-style-type:none; margin:0;}
.help-wrap .area-main ol.child li{padding:10px 0 10px 10px;}
.help-wrap .area-main h4{color:#000; padding:40px 0 10px}
.help-wrap .area-main h4 a{color:#f7b52c;}
.help-wrap .area-main .answer{display:none; margin:0 20px;}
.help-wrap .area-main .answer a{text-decoration:underline; color:#3d78b0;}
.help-wrap .area-main .answer a:hover{color:#d3b797;}
.help-wrap .area-main .answer p,.help-wrap .area-main .answer .child li{color:#000;}

.help-content .help-wrap .area-main .lang-cn{background:#fff; border:1px solid #e5e5e5; padding:20px; box-shadow:1px 6px 10px 2px #d3d3d3; border-radius:10px;}
.help-content .help-wrap .area-main .lang-en{background:#fff; border:1px solid #e5e5e5; padding:20px; box-shadow:1px 6px 10px 2px #d3d3d3; border-radius:10px; margin:10px auto;}
.help-content .help-wrap .area-main .lang-tl{background:#fff; border:1px solid #e5e5e5; padding:20px; box-shadow:1px 6px 10px 2px #d3d3d3; border-radius:10px; margin:10px auto;}

#faqs h3{margin-top:10px; padding-left:10px; color:#000; height:34px; line-height:34px;}
#faqs h3.current,#faqs h3.current:hover,#faqs h3:hover{color:var(--color-primary);}

/* 联系我们 */
.contact-wrap ul li{margin:15px 0;}
.contact-wrap ul li i{background:url(../images/contact.png) no-repeat; width:60px; height:60px; float:left;}
.contact-wrap ul .online-chat i{/*background-position:0 3px;*/ background:url(../images/online_chat_icon.png) no-repeat; background-size:85% 83%;}
.contact-wrap ul .tel i{background-position:0 -100px;}
.contact-wrap ul .email i{/*background-position:0 -207px;*/ background:url(../images/mail_icon.png) no-repeat; background-size:91% 63%;}
.contact-wrap ul li div{margin-left:74px;}
.help-wrap .contact-wrap ul li div h4{font:20px/1 "Microsoft YaHei"; color:var(--color-primary); padding:0; font-weight:600;}
.contact-wrap ul li p{text-indent:0;}
.contact-wrap ul .online-chat a{background:var(--gradient-light); height:41px; text-align:center; display:block; width:135px; color:var(--color-primary); font:16px/30px"Microsoft YaHei"; cursor:pointer; border:1px solid var(--color-primary); border-radius:8px; box-shadow:inset 0px 0px 0px 2px white; line-height:40px;}
.contact-wrap ul .online-chat a:hover{background:var(--gradient-bg); box-shadow:none; color:#fff;}
.contact-wrap ul .email a{color:var(--color-secondary); text-decoration:underline; font-size:16px;}
.contact-wrap ul .email a:hover{color:var(--color-secondary);}