@charset "utf-8";

:root{
    --no:15;
};

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,legend,button,input,textarea,th,td,html{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}em,i{font-style:normal;}ul,ol,li{list-style:none;}sup{vertical-align:inherit;}sub{vertical-align:inherit;}
section,article,aside,address,fieldset,header,footer,nav,figure,time,video,mark,canvas{ display:block; margin:0; padding:0;}
fieldset{ display:block; width:100%; border:0;}
table{ width:100%; border-collapse:collapse; border-spacing:0;}
a, a:focus, a:visited{ text-decoration:none;}
a:hover{ color:#0984e3; text-decoration: none;}
button{ background:none; border:none;}
html,body,input,textarea, h1,h2,h3,h4,h5, strong { font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}
html,body{ -webkit-font-smoothing:antialiased; font-size:12px; line-height:2; color:#333; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; background-color:#fff;}
@media screen and (min-width:1281px){
  html{font-size:15px;}
}
@media screen and (max-width: 768px) {
    html { font-size: 15px; }
    :root{
        --no:15;
    };
}

body{ width: 100%;  margin: 0;  word-wrap: break-word;  color: #000; font-size:calc(14rem/var(--no));}
.no-scroll,.no-scroll body{ height:100%; overflow:hidden;}
a,button,input,select,textarea{ outline:none;}
input,textarea{ line-height:normal; color:#333; resize:none; border:0; -webkit-appearance:none; border-radius:0;}
input[type="number"]{ -webkit-appearance:textfield; -moz-appearance:textfield; -ms-appearance:textfield; appearance:textfield;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}
input[type="radio"]{ -webkit-appearance:radio;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#999; line-height:normal;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ margin:0; -webkit-appearance:none!important;}
.btn-subbtn{ width: 120px; height: 48px; line-height:48px;display: flex; align-items: center;
    justify-content: center; background-color:#007EFF; padding: 0; border: 1px solid #007EFF; border-radius: 0 4px 4px 0;}
.btn-subbtn img{
    width: 32px;
    height: 32px;
}
.btn-subbtn:hover{ color:#fff; background-color:#74b9ff; border: 1px solid #74b9ff; }
/*.btn-subbtn { display:inline-block; text-align:center; vertical-align: middle; font-size:16px; color:#fff; background-color:#0984e3; background-image:-webkit-linear-gradient(-138deg,#00a2ff,#0984e3); background-image:-ms-linear-gradient(-138deg,#00a2ff,#0984e3); background-image:linear-gradient(-138deg,#00a2ff,#0984e3);}*/
/*.btn-subbtn:hover{ color:#fff; background-color:#00a2ff; background-image:-webkit-linear-gradient(-138deg,#00a2ff,#0984e3); background-image:-ms-linear-gradient(-138deg,#00a2ff,#0984e3); background-image:linear-gradient(-138deg,#00a2ff,#0984e3);}*/
.btn-subbtn-sm { font-size: 14px; padding: 0 20px; height: auto; width: auto; }
.btn-subbtn-default { color: #000000; background: #ffffff; border: 1px solid #979797; }
.btn-line{ display:inline-block; vertical-align:middle; margin:0 auto; padding:0 40px; height:30px; line-height:30px; color:#fff; text-align:center; border:1px solid #fff; box-sizing: content-box;}
.btn-line:hover{ color:#0984e3; background-color:#fff;}
.tbbox{ display:table;}
.tbcell{ display:table-cell; vertical-align:middle;}
.abs{ position:absolute; right:0; top:0;}
.col-blue{ color:#0984e3;}
dd, dt { line-height: 2; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, legend, button, input, textarea, th, td, html { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
a, button, input, select, textarea { outline: none; text-decoration: none; }

/*.hd,.ft,.about-us{ width:100%; min-width:1200px;}*/
.main{ margin:0 auto; /*width:1200px;*/ font-size:14px;}
em, i { font-style: normal; }

.clear:after,.header:after,.new-container:after,.new-nav:after { content: " "; clear: both; display: block;}
.footer hr {border-top: 1px solid #6b6b6b;}
.footer button {padding: 5px 20px; margin-top: 20px; background-color: #000000; color: #E1E1E1;}
.footer1 h2 {font-weight: bold;}

.regist-col{ height:200px; background:#005897 url(../images/regbg.jpg) no-repeat center center; background-image:-webkit-image-set(url(../images/regbg.jpg) 1x, url(../images/regbg_2x.jpg) 2x, url(../images/regbg_2x.jpg) 3x); background-size:100% 100%;}
.regist-col .main{ display:table; height:100%;}
.regist-coltbcell{ display:table-cell; height:100%; vertical-align:middle; color:#fff; text-align:center;}
.regist-coltbcell h3{ margin-bottom:30px; font-size:30px; line-height:1.2;}

/*header*/
.header{ position:relative;background: #1b1b1b; width: 100%; min-width: 1200px; height: 62px; z-index: 99; }
.header a:hover {  text-decoration: none; }
.header:hover{ background: #1b1b1b; }
.header .header-enter a {margin-right: 124px;}
/*.logo{ float: left; width:122px ; height: 62px; background: url(../images/logo.png) no-repeat 0 0; background-size: 100% auto; }*/
.logo a{ display: block; height: 62px; }
.new-nav{ float: left; margin: 0;  padding-left: 0; list-style-type: none;}
.new-nav li{ float: left; position: relative; width: 90px; margin-left: 20px; }
.new-nav li .line{ position: absolute; width: 100%; height: 2px; top: 0; left: 0; background-color: #2569FF ; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transition: all .6s ease; -webkit-transition: all .6s ease; }
.new-nav li:hover .line,.new-nav li.on .line{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.new-nav li > a{ height: 62px; line-height: 62px; color: #999; display: block; text-align: center; }
.new-nav li:hover > a,.new-nav li.on > a{ color: #fff; background: rgba(24,25,38,.8); }
.nav-level{ position: absolute; width: 100%; left: 0; top: 62px; transform-origin:top center; -webkit-transform-origin:top center; transform: scaleY(0); -webkit-transform: scaleY(0); transition: all .2s ease; -webkit-transition: all .2s ease; }
.new-nav li:hover .nav-level{ transform: scaleY(1); -webkit-transform: scaleY(1); }
.nav-level-list{ text-align: center; }
.nav-level-list a{ display: block; height: 44px; line-height: 44px; font-size: 12px; color: #999; background: rgba(24,25,38,.8); }
.nav-level-list a:hover{ background-color: #2569FF; color: #fff; }
.header-enter{ float: right; }
.header-enter a{ display: inline-block; width: 120px; height: 62px; text-align: center; color: #999; line-height: 62px; }
.header-enter a:hover{ color: #fff }
.header-enter a.link-newUser{ background-color: #2569FF; color: #fff; }
.header-enter a.link-newUser:hover{ background-color: #568AF2; color: #fff; }

/* header--footer */
.hd{
    width: 100%;
    position:fixed; 
    background-color:#FFF;
    z-index:100; transform: translate(0px, 0px);
    transition: all .3s ease; -webkit-transition: all .3s ease;
    box-shadow: 0px 5px 20px 0px rgba(134, 134, 134, 0.15);
    top:0;
}
.hd .main{
    height:calc(68rem/var(--no)); width: calc(1280rem/var(--no)); -webkit-transition:color .3s; transition:color .3s;
}
.hd .main:after{ display:table; content:""; clear:both;}
.hd.transparent, .hd.transparent .main {
    box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0); 
    background: transparent;
    color: #ffffff;
    transition: all .2s ease;
}
.hd.transparent .logo { color: #ffffff;}
.hd.transparent .logo .navlist li{
    color: #ffffff;
}
.hd.transparent .logo .navlist li .nav-hover {
    color: #ffffff;
    transition: all .2s ease;
}
.hd.transparent .logo .navlist li:hover .nav-hover {
    color: #ffffff;
    font-weight: 600;
    transition: all .2s ease;
}

.hd .logobox{ float:left; height:calc(68rem/var(--no)); line-height: calc(68rem/var(--no)); display: flex; align-items: center;}
.hd .logo{ height: calc(36rem/var(--no)); color: #666; }
.nav{ float:left; color:#fff;}

.navlist li:hover .nav-hover,.on .nav-hover{color:#000; font-weight: 600;}

.navlist li:hover::after{
    width: 100%;
    transform: scaleX(1);
}
.navlist li::after{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 4px;
    background-color: #007EFF;
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    content: "";
}

.navlist li{ float:left; position:relative; margin: 0 20px;}
.navlist li:last-child{
    margin-right: 0;
}
.navlist li[data-id="products"]>a{ cursor:default;}
.nav-hover{ 
    position:relative; 
    display:block; 
    line-height:calc(68rem/var(--no)); 
    color:#666; 
    -webkit-transition:color .3s; transition:color .3s;
}
.nav-hover.jc{ 
    font-weight: 600;
}

.hd.transparent .nav-hover{ color:#fff;}     

.subnav{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    /*left: -90px;*/
    top: calc(68rem/var(--no));
    width: 280px;
    height: 0;
    max-height: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 5px 20px 0px rgba(119, 119, 119, 0.35);
}
.subnav_min{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: max-content;
    /*left: -35px;*/
    top: calc(68rem/var(--no));
    /*width: 140px;*/
    height: 0;
    max-height: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 5px 20px 0px rgba(119, 119, 119, 0.35);
}
li:hover .subnav{ height:auto; max-height:600px; -webkit-transition:max-height .6s; transition:max-height .6s;}
li:hover .subnav_min{ height:auto; max-height:600px; -webkit-transition:max-height .6s; transition:max-height .6s;}

.subnav-wrapper{
    width: 100%;
    background: #F2F3FA;
}
.subnav-listbox-column{
    display: flex;
    flex-direction: column;
    background: #FFF;
    margin: auto;
    border-radius: 4px;
    padding: 0 20px;
}
.subnav-listbox:after{ display:table; content:""; clear:both;}
.subnav-list-unit-3{ padding:16px 20px 10px; border-bottom:none;}

.subnav-btns{ margin-top:10px; padding-left:36px;}
.subnav-btns a{ display:inline; margin-right:20px; padding:0; color:#eee;}
.subnav-btns a:hover{ color:#0984e3;}
.subnav-btns img{ display:inline-block; vertical-align:middle; margin:-1px 0 0 4px; height: 12px;width: auto;}

.aside-nav{ float:right;}
.aside-nav dd{ float:left; position:relative;}
.aside-nav a{ font-size: calc(16rem/var(--no)); position:relative; line-height:calc(68rem/var(--no)); color:#666; -webkit-transition:color .2s linear; transition:color .2s linear;} 
.aside-nav a:hover{ color: #007EFF; font-weight: 500;}

a.user-regist-link{ padding:0 30px; color:#fff!important; background-color:#0984e3; -webkit-transition:background-color .2s linear; transition:background-color .2s linear;}
a.user-regist-link img{ position:absolute; left:30px; top:8px; width:31px; height:13px;}
a.user-regist-link:hover{ background-color:#4e77f5;}

.subnav-list-column-unit{
    border-bottom: 1px solid #F2F3FA;
    line-height: initial;
    box-sizing:border-box; color: #333;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
}
.subnav-list-column-unit:last-child{
    border-bottom: 0;
}
.subnav-title{
    padding: 20px 0;
    display: flex;
    align-items: center;
}
.subnav-title a{
    line-height: initial;
    /*font-size: 18px;*/
    color:#333;
    -webkit-transition:color .2s linear;
    transition:color .2s linear;
}

.subnav-arrow {
    width: 16px;
    height: 10px;
    background-image: url(../images/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    display: none;
}
.subnav-title:hover a, .subnav-help a{ color:#007EFF; font-weight: 500;}
.subnav-title:hover .subnav-arrow, .subnav-help .subnav-arrow{
    background-image: url(../images/arrow_hover.png);
}

.subnav-product-list{
    display: flex;
    flex-wrap: wrap;
}
.product-item{
    width: 110px;
    height: 28px;
    background: #F2F3FA;
    border-radius: 4px;
    margin: 0 10px 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-item a{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
}
.product-item:nth-child(2n+1){
    margin: 0 10px 20px 0;
}
.product-item:nth-child(2n){
    margin: 0 0 20px 10px;
}
.product-item:hover {
    color: #FFF;
    background: #007EFF;
}
.product-item:hover a {
    color: #FFF;
}

/*头部导航栏中，登录/登出部分默认隐藏*/
.aside-nav .aside-navlist{display:none;}
.i-user{ display:inline-block; vertical-align:top; margin-top:21px; margin-right:6px; width:24px; height:24px; background:url(../images/user.png) no-repeat;}
.nav-user{ display:inline-block; vertical-align:top; max-width:5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.i-user-dot{ position:absolute; right:18px; top:50%; margin-top:-10px; width:6px; height:6px; border-radius:6px; background-color:#0984e3;}
.user-subbox{ position:absolute; right:20px; top:68px; padding:10px 0; width:150px; background-color:#fff; display:none;}
.user-subbox:before{ position:absolute; right:10px; top:-14px; margin-left:-8px; width:0; height:0; line-height:0; content:""; border-width:8px; border-color:transparent transparent #f1f4f8 transparent; border-style:dashed dashed solid dashed; overflow:hidden;}
.user-subbox a{ display:block; height:38px; line-height:38px; color:#333;}
.user-subbox a:hover{ color:#0984e3;}
.msg-num{ display:inline-block; vertical-align:middle; margin-left:16px; margin-top:-2px; width:20px; height:16px; line-height:16px; font-size:12px; color:#fff; text-align:center; border-radius:16px; background-color:#0984e3;}
dd:hover .user-subbox{ display:block;}

/*base*/
/*.hd,.ft,.wp,.index-wrap{ width:100%; min-width:1280px; }*/
/*.hd {height: 136px;}*/
.main{ margin:0 auto; width:100%; }
.wp-pd .main{ padding-bottom:70px;}
.lbl-ico{ display:inline-block; vertical-align:middle; margin-left:12px; margin-top:-2px; width:34px; height:14px; line-height:14px; font-size:10px; font-weight:normal; text-align:center; color:#f81d23; border:1px solid #f81d23; border-radius:2px;}
.titbox{ padding:70px 0; color:#333; text-align:center;}
.titbox h3{ font-size:36px; line-height:1.3;}
.titbox p{ margin-top:15px; font-size:16px; color:#666;}
.titbox-white,.titbox-white p{ color:#fff;}

/*footer*/
.ft{ background-color:#FFF;}
.ft .main{ width: calc(1280rem/var(--no)); padding: 60px 0;}
.ft-top:after{ display:table; content:""; clear:both;}
.ft-dl,.ft-dl a{ color:#333; font-size: 14px; font-weight: 400; -webkit-transition:color .2s linear; transition:color .2s linear;}
.ft-dl a:hover{ color:#007EFF;}
.ft-dl dt{ margin-bottom:20px; font-size: 12px; font-weight:400; color:#999;}
.ft-dl dt img{ margin-right: 5px;}
.ft-dl img, svg{ width: 14px; height: 14px; }
.ft-dl dd {line-height: initial; margin-bottom: 20px;}
.ft-contact{ float:right;}
.ft-contact dt {text-align: right; margin-bottom: 0;}
.ft-contact dt a{ float: right; font-size: 14px; font-weight:400; color:#007EFF; display: flex; align-items: center; line-height: initial; margin-bottom: 40px; padding: 7px 24px; border-radius: 20px; border: 1px solid #007EFF;}
.ft-contact dt svg {margin-right: 10px;}
.ft-contact dt svg path {fill: #007EFF;}
.ft-contact dt:hover a { color: #ffffff;background: #007EFF}
.ft-contact dt:hover svg path {fill: #ffffff;}
.i-phone{ display:inline-block; vertical-align:middle; margin-right:6px; width:36px; height:36px; background:url(../images/ico_phone.png) no-repeat;}
.ft-phone-num{ vertical-align:middle; font-size:24px; line-height:1.4; color:#fff;}
.ft-menu{ float:left; padding-bottom:30px; /*border-right:1px solid #333;*/}
.ft-menu dl{ display:inline-block; vertical-align:top; margin-right:100px;}
.ft-wxcode{ margin-top:20px; width:100px; height:100px;}
.ft-wxcode img { display: block; width: 100%; border: 0; }
.ft-bot{ margin-top:30px; padding-top:60px; border-top:1px solid #CDCEDC;}
.ft-bot p{ font-size: 12px; color: #999; font-weight: 400;}
.ft-bot img{ margin-right: 10px; }
.ft-bot-logo {width: 140px; color: #666; margin-bottom: 20px;}
.ft-bot-line {display: flex; justify-content: space-between; margin-top: 12px; height: 24px; line-height: 24px;}
.ft-bot-item {display: flex; align-items: center;}
.ft-email-title {font-size: 12px; color: #999;}
.ft-email-value {font-size: 18px; color: #007EFF; font-weight: 600; margin-right: 40px;}
.ft-nav{ margin-bottom:8px;}
.ft-nav li{ display:inline-block; vertical-align:middle; margin-right:18px;}
.ft-bot,.ft-bot a{ color:#999; -webkit-transition:color .2s linear; transition:color .2s linear;}
.ft-bot a:hover{ color:#007EFF;}
.beian{
    font-size: 12px;
}
.footer-main {margin:0 auto; display: table; height: 100%;}

.ft-qr-code{ position: absolute; right: 0px; bottom: 10px; z-index: 10000; width:300px; display:none; }
.ft-qr-code-hover:hover .ft-qr-code{ display:block; }
.ft-qr-code:hover .ft-qr-code{ display:block; }

/* header--footer--end */

.i-toggle-ser{ background:url(../images/ico_nav_ser.png) no-repeat center top;}
.i-toggle-ser-new{ color:#d81e06!important; font-size:12px;}
.i-toggle-ser-new img{display: inline-block;vertical-align: top;margin-top: 5px;height: 12px;width: auto;}
.i-toggle-fn{ background:url(../images/ico_nav_fn.png) no-repeat center top;}
.i-toggle-cnt{ background:url(../images/ico_nav_cnt.png) no-repeat center top;}
.i-toggle-service{ background:url(../images/ico_nav_service.png) no-repeat center top;}
.i-toggle-fx{ background:url(../images/ico_nav_fx.png) no-repeat center top;}
.i-toggle-calc{ background:url(../images/ico_nav_calc.png) no-repeat center top;}
.i-toggle-cont{ background:url(../images/ico_nav_cont.png) no-repeat center top;}
.i-toggle-share{ background:url(../images/ico_nav_share.png) no-repeat center top;}
.i-toggle-stander{ background:url(../images/ico_nav_stander.png) no-repeat center top;}
.i-toggle-zy{ background:url(../images/ico_nav_zy.png) no-repeat center top;}
.i-toggle-1{ background:url(../images/ico_toggle_1.png) no-repeat center top;}
.i-toggle-2{ background:url(../images/ico_toggle_2.png) no-repeat center top;}
.i-toggle-3{ background:url(../images/ico_toggle_3.png) no-repeat center top;}
.i-toggle-4{ background:url(../images/ico_toggle_4.png) no-repeat center top;}
.i-toggle-nav{ display:block; margin:0 auto 10px; width:100px; height:100px; background-size:100% auto;}
.on .i-toggle-nav{ background-position:center bottom;}


blockquote {padding:14px;font-size:1em;border-left:4px solid #ddd;background:#f6F6F6;color:#666;margin:0 0 10px;}

.page-header h1 {font-size:14px;  font-weight: normal;}

article > h1:first-child,article h2:first-child,article > h3:first-child,article h4:first-child,article h5:first-child,article h6:first-child{
    margin-top: 15px;
}

.col-second{width:50%;float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
/*extend*/
.extend{ background-color:#358fff;}
.extend-txt{ padding:20px 0; height:74px; line-height:34px; color:#fff; text-align:center;}
.extend-txt-tit{ font-size:22px;}
.btn-e-gift{ display:inline-block; vertical-align:top; *vertical-align:middle; margin-left:40px; width:208px; height:34px; font-size:13px; text-align:center; color:#358fff; background-color:#fff;}
.btn-e-gift:hover{ text-decoration:none; filter:alpha(opacity=90); opacity:.9;}
.i-e-gift{ display:inline-block; vertical-align:middle; margin:-4px 4px 0 0; width:25px; height:25px; background:url(//xycdn.com/static/v2/img/spr_2.png) no-repeat -25px -50px; cursor:pointer;}

/*帮助中心首页*/
.help-intro-box{ overflow:hidden; min-width: 900px; margin-bottom: -20px; }
.help-intro-list:after{ clear: both; display: block; content: " " }
.help-intro-list{ margin: 0; padding: 0; margin-bottom: 0; }
.help-intro-list li{ float: left; margin-left: 2%; width: 32%; border: 1px solid #e5e5e5; height:120px; margin-bottom: 20px; position: relative; }
.help-intro-list li:first-child,.help-intro-list li:nth-child(4){ margin-left: 0; }

.icon-help{ display:inline-block; width: 80px; height: 80px; background: url(../images/icon-help.png); position: absolute; left: 15px; top: 50%; margin-top: -40px; }
.icon-help1{ background-position: 0 0; }
.icon-help2{ background-position: -80px 0; }
.icon-help3{ background-position: -160px 0; }
.icon-help4{ background-position: -240px 0; }
.icon-help5{ background-position: -320px 0; }
.icon-help6{ background-position: -400px 0; }
.icon-help7{ background-position: -480px 0; }
.icon-help8{ background-position: 0 -80px; }
.icon-help9{ background-position: -80px -80px; }
.icon-help10{ background-position: -160px -80px; }
.icon-help11{ background-position: -240px -80px; }

.help-intro-info{ position: absolute; left: 110px; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.help-intro-info p{ font-size: 18px; margin-bottom: 5px; }
.help-intro-info p.hp-small{ font-size: 14px; color: #999; }
.link-box{ position: absolute; z-index: 20; opacity: 0; background: #2569FF; left: 0; right: 0; bottom: 0; top: 0; text-align: center; transition: all .2s ease; -webkit-transition: all .2s ease; }
.link-box-mid{ position: absolute; width: 80%; left: 10%; top: 55%; transition: all .2s ease; -webkit-transition: all .2s ease; transform: translateY(50%); -webkit-transform: translateY(50%); }
.link-box-mid a{ display: inline-block; width: 44%; margin:0 3%; margin-bottom: 10px; color: #fff; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.link-box-mid.link-box-one{ text-align: center; cursor: pointer; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; transform: translateY(50%); -webkit-transform: translateY(50%); }
.link-box-mid.link-box-one a{ float: inherit; text-align: center; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; padding-top: 50px }
.link-box:hover .link-box-mid{ display: block; }
.link-box:hover .link-box-mid{ transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.link-box:hover .link-box-mid.link-box-one{ transform: translateY(0); -webkit-transform: translateY(0); }
.help-intro-list li:hover .link-box{ opacity: .8; }

/*banner*/
.banner {padding-top: calc(68rem/var(--no));}
.banner-help{
    width: 100%;
    height: 460px;
    background-image: url(../images/banner.png);
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center;
    padding-top: 100px;
}
.banner-help-img { width: 100%; }
/*.banner-help{ height: 450px; position: relative; background: url(../images/banner.png) no-repeat center center; display: flex; flex-direction: column; background-size: cover;}*/
/*.banner-help-txt{ top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); align-self: center; }*/
.banner-help-txt-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.banner-help-txt { width: calc(1280rem/var(--no));}
.banner-help-txt h1{ font-size: calc(58rem/var(--no)); line-height: calc(81rem/var(--no));
    margin-bottom: 30px; color: #fff; font-weight: 600;}
.banner-help-txt span{ font-size: calc(20rem/var(--no)); color: #fff; font-weight: 400;}
.banner-search { display: flex; align-items: center; flex-direction: column; padding-top: 80px;}
.banner-search h1 {font-size: calc(42rem/var(--no)); color: #333; font-weight: 600;}
.banner-search p {font-size: calc(20rem/var(--no)); color: #333; opacity: 0.8; margin: 20px 0 40px 0;}
.banner-search a {
    width: calc(220rem/var(--no));
    height: calc(48rem/var(--no));
    line-height: calc(48rem/var(--no));
    background: #007EFF;
    border-radius: 4px;
    margin-bottom: calc(80rem/var(--no));
    font-size: calc(20rem/var(--no));
    color: #FFF;
    text-align: center;
    font-weight: 400;
}
.banner-404 {
    position: relative;
    width: 100%;
    height: 700px;
    background-image: url(../images/404.jpg);
    background-color: #ffffff;
    background-size: contain;
    background-repeat:  no-repeat;
    background-position: center;
    padding-top: 100px;
}
.banner a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #577692;
    font-size: 16px;
}
.Search { display: table;padding: 0; height: 1rem; }
.search-pc { width: 680px; }
.search-mobile { display: none; }
/*index*/

.row { display: flex; justify-content: center; opacity: 1;}
.col-piece { background: #FFF; width: calc(400rem/var(--no)); height: 352px;
    border-radius: 4px; display: flex; flex-direction: column; padding: 0 calc(20rem/var(--no));
    justify-content: center; align-items: center; margin: 20px; flex-grow: 1;
}
.col-piece:hover{
    border: 1px solid #007EFF;
    box-shadow: 0px 5px 20px 0px rgba(134, 134, 134, 0.15);
}
.col-piece img {
    width: 68px;
    height: 68px;
    margin-bottom: calc(42rem/var(--no));
}
.col-piece h2 {
    font-size: calc(24rem/var(--no));
    color: #333;
    font-weight: 600;
}
.col-piece h5 {
    font-size: calc(18rem/var(--no));
    color: #666;
    font-weight: 400;
    margin: 20px 0 44px 0;
}
.col-piece .look-link {
    width: calc(100rem/var(--no));
    border: 1px solid #999;
    border-radius: 4px;
    font-size: calc(14rem/var(--no));
    color: #666;
    text-align: center;
    font-weight: 400;
    margin: 0 5px;
}
.look-link:hover {
    width: calc(100rem/var(--no));
    background: #007EFF;
    border: 0;
    border-radius: 4px;
    font-size: calc(14rem/var(--no));
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin: 0 5px;
}
.col-piece .jump {
    display: flex;
    justify-content: center;
}

div.home-page { background-image: url(../images/help_content_bg.png); background-size: cover; }

/*标题*/
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
/*帮助中心--search页面*/
.SearchResults a {color:#bbb;}
.SearchResults a:hover {color:#0984e3;}
/*帮助中心主要内容*/
.main-content { background: #fafafa; min-height: 100%; margin: 0 auto; }
.main-content .container { padding: 0; margin-bottom: 2px; height: 100%;}
.main-content .inner-container { background-color: #f1f4f8; padding: 0; border: 1px solid #cccccc; border-color: #ddd; border-radius:2px;  height: 100%; margin-top: 70px; margin-bottom: 70px; }
.doc-content a {text-decoration: none; color: #00a4ff;}
.main-content a:hover {text-decoration: none;}
.main-breadcrumbs {height: 60px; line-height: 60px; font-size: 16px; letter-spacing: 0; border-bottom: 1px solid #EFEFEF;}
.main-breadcrumbs a { text-decoration: none;  color: #000000; }
.Columns__right { background-color: #ffffff; padding: 0 40px; }
.Columns__right__content {padding: 0px;}
.body-bg {background-color: #fafafa; height: auto;
    /*min-width: 1200px;*/
}
.clearfix {clear: both;}
.HomepageContent { padding: 0 0;}
.s-content table {font-size: inherit;}
.page-header-hr { height: 1px; border: 0; border-bottom: 1px solid #eee; display: none; }
.s-content table th { background-color: #f2f2f2; color: #333; font-weight: bold; word-break: keep-all; }
.s-content table td, .s-content table th { padding: 8px 13px; border: 1px solid #d9d9d9; word-wrap: break-word; text-align: left; }
.s-content table tr:nth-child(2n) { background-color: #fff; }
.s-content .nav-left a { text-decoration: none; color: #000000;}
.s-content a { color:#0984e3;  text-decoration: none;}
.s-content a:hover { text-decoration: underline;}
.s-content strong img { display: inline-block;}
.s-content p { line-height: 25px;}
.s-content img { max-width: 95%; padding: 12px 0; width: 600px; }
.s-content blockquote { margin:.75rem 0; }

.s-content{ padding: 1px 0; }
.s-content p{ line-height: 1.7; color:#666; margin-bottom: 1em; }
.s-content ol li, .s-content ul li{ line-height: 1.7; margin-bottom: 1em; color: #666; }

.doc_content { min-height: 550px; word-break: break-all; }
.doc_content h1 > strong { font-size: 20px;}

.Search .search-btn-container {display:table-cell; width: 90px;vertical-align: middle;}
.Search .search-input-container {display:table-cell; vertical-align: middle;}
.search-btn-container button { margin-left:-1px;}
.Search .Search__field {height: 48px; border: 1px solid #007EFF; font-size: 20px; border-radius: 4px 0 0 4px;}
.doc_content h1 {padding:20px 0;}
.doc_content .Page .Page__header > h1 { font-size: 20px; font-weight: bolder;}
.doc_content ul li { list-style-type: disc; }
.doc_content ol li { list-style-type: decimal; }

.doc_content .Page h1,.doc_content .Page h2,.doc_content .Page h3,.doc_content .Page h4{ padding: 0; margin: 1.5em 0 .5em 0; font-weight: normal; }
.doc_content .Page h1 strong,.doc_content .Page h2 strong,.doc_content .Page h3 strong,.doc_content .Page h4 strong{ font-weight: normal; }
.doc_content .Page h1{ font-size: 24px; }
.doc_content .Page h1 > strong{ font-size: 30px; font-weight: normal; }
.doc_content .Page h2{ font-size: 18px; padding-bottom: 0.5em; border-bottom: 1px solid #eaecef;}
.doc_content .Page h3{ font-size: 16px; }
.doc_content .Page h4{ font-size: 14px; }

.s-content pre { margin: 0; background-color: #f8f8f8; border: 1px solid #ccc; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; }
.s-content pre code, .s-content pre tt, .s-content code { background-color: transparent; border: none; }
.s-content pre, .s-content pre code, .s-content pre tt, .s-content code { font-size: 12px; word-break: break-all; }
.s-content code {  margin: 0 0px; padding: 0px 0px; white-space: nowrap; border: 1px solid #eaeaea; background-color: #f8f8f8; border-radius: 3px; padding: 3px 7px; box-shadow: none; -webkit-box-shadow: none;}
/*PC左侧导航*/
aside.Columns__left{ background-color: #fafafa; width: calc(260rem/var(--no)); border-right: none; }
.Collapsible__content {padding: 0; }
.nav-left ul { list-style-type: none; padding-left: 0px; }
.nav-list nav-item active{ display: block; }
.nav-left ul.nav-list a{ color: #666; display: block; }
.nav-left ul.nav-list a:hover{ text-decoration: none; cursor: hand; }
.nav-left .left-panel > ul > li > a { font-size: 16px; }
.nav-left .nav-list>li.open{ border-bottom: 1px solid #e8e8e8;}
.nav-left ul.nav-list > li.active > a, .nav-left ul.nav-list > li > a:focus, .nav-left ul.nav-list > li > a:hover{ background-color: #e0e7f0; }
.nav-left li.active > a{ color: #2569FF; }
.nav-left ul li ul li.active { border-left: 2px solid #3a6aff; background-color: #ffffff; color:#3a6aff; }
.nav-left ul li ul li a { border-top:1px solid #efefef; }
.nav-left ul li ul li a:focus, 
/*.nav-left ul li ul li a:hover { #ffffff; color:#3a6aff; }*/
.nav-left .nav-list li a {padding:12px 20px; border-top: 1px solid #efefef;}
.nav-left .nav-list li ul li a{ padding-left: 40px; }

.nav-left i { width: 10px; height: 10px; position: relative; display: inline-block; transform: rotate(315deg); -webkit-transform: rotate(315deg); moz-transform: rotate(315deg); float: right; margin-top: 8px; }
.nav-left li i:before { width: 8px; height: 8px; display: block; content: ' '; border-left: 2px solid #666666; border-bottom: 2px solid #666666; position: absolute; right: 3px; overflow: hidden; top: 3px; }
.nav-left li.nav-close i:before { width: 8px; height: 8px; display: block; content: ' '; border: 0; border-right: 2px solid #666666; border-top: 2px solid #666666; position: absolute; right: 3px; overflow: hidden; top: 3px; }
.nav-left > li.open i { transform: rotate(135deg); -webkit-transform: rotate(135deg); moz-transform: rotate(135deg); }
.nav-left li.nav-open ul{ display: block; }
.nav-left li.nav-close ul{ display: none; }
.nav-left .left-panel h6 { padding-left: 30px; line-height: 50px; height: 50px; }

/*移动端header_common*/
.header_common {
    position: fixed;
    z-index: 99;
    height: calc(42rem/var(--no));
    top: 0;
    left: 0;
    width: 100%;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 calc(21rem/var(--no));
}
.header_common .header_logo {
    float: left;
}
.header_common .header_logo a {
    font-size: 0;
    display: block;
    padding-top: .3rem;
}
.header_common .header_logo a img {
    display: block;
    height: calc(22rem/var(--no));
    width: auto;
}
.header_common .header_menu {
    height: 100%;
    display: flex;
    align-items: center;
}

.header_common .hmenu_switch {
    /*font-size: 0;
    position: relative;
    display: block;
    width: 1.04rem;
    height: 1.1rem;*/
    background-image: url(../images/menu_more.png);
    width: calc(21rem/var(--no));
    height: calc(18rem/var(--no));
    background-size: calc(21rem/var(--no)) auto;
    background-repeat: no-repeat;
}

.header_common .hmenu_open .hmenu_switch {
    background-image: url(../images/menu_close.png);
    background-size: calc(16rem/var(--no)) auto;
    background-repeat: no-repeat;
}

.header_common .hmenu_lists {
    font-size: calc(12rem/var(--no));
    position: absolute;
    z-index: 99;
    top: 100%;
    /*display: none;*/
    width: 100vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh;
    opacity: 0;
    /*height: calc(100vh-42rem/var(--no));*/
    background: #fff;
    -webkit-box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.3);
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
}
.header_common .hmenu_open .hmenu_lists {
    /*display: block;*/
    opacity: 1;
    height: 100vh;
    transform: translateX(calc(-100% + calc(42rem/var(--no))));
    -ms-transform: translateX(calc(-100% + calc(42rem/var(--no))));
    -webkit-transform: translateX(calc(-100% + calc(42rem/var(--no))));
}
.header_common .hmenu_lists .hmenu_active{
    font-size: calc(47rem/var(--no));
}

.header_common .hmenu_lists .hmenu_title {
    height: calc(65rem/var(--no));
    border-bottom: 1px solid #DFE0EB;
    padding: 0 calc(21rem/var(--no));
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_common .hmenu_lists > li:first-child {
    border-top: 1px solid #DFE0EB;;
}
.header_common .hmenu_lists .hmenu_title a {
    color: #888;
    font-size: calc(24rem/var(--no));
}
.header_common .hmenu_lists .hmenu_title div {
    width: calc(17rem/var(--no));
    height: calc(17rem/var(--no));
    background-image: url(../images/arrow_close.png);
    background-repeat: no-repeat;
    background-size: calc(17rem/var(--no)) auto;
}

.header_common .hmenu_lists .hmenu_title p {
    width: 90vw;
}

.header_common .hmenu_lists .hmenu_active_open .hmenu_title a {
    color: #007EFF;
}
.header_common .hmenu_lists .hmenu_active_open .hmenu_title .hmenu_icon {
    background-image: url(../images/arrow_open.png);
}

.header_common .hmenu_lists .hmenu_sub {
    background: #F2F3FA;
    display: none;
}

.header_common .hmenu_lists .hmenu_sub li{
    border-bottom: 1px solid #DFE0EB;
}
.header_common .hmenu_lists .hmenu_sub li > a > div {
    color: #333;
    position: relative;
    height: calc(49rem/var(--no));
    line-height: calc(49rem/var(--no));
    font-size: calc(17rem/var(--no));
    padding-left: calc(28rem/var(--no));
}
.header_common .hmenu_lists .hmenu_active .hmenu_sub li > a > div:after {
    position: absolute;
    transform: translate(calc(7rem/var(--no)), 100%);
    width: 10px;
    height: 20px;
    content: '';
    background: url(../images/arrow.png) no-repeat;
    background-size: 10px auto;
}

.header_common .hmenu_lists .hmenu_active .hmenu_sub li > a .hmenu_sub_active{
    color: #007EFF;
}
.header_common .hmenu_lists .hmenu_active .hmenu_sub li > a .hmenu_sub_active:after {
    background: url(../images/arrow_hover.png) no-repeat;
    background-size: 10px auto;
}

.header_common .hmenu_lists .hmenu_active_open .hmenu_sub {
    display: block;
}
/*.header_common .hmenu_lists .hmenu_sub_open > ul {
    display: block;
}*/

.header_common .hmenu_lists .hmenu_active .hmenu_sub .sub_children {
    background: #DADCE5;
    padding: calc(10rem/var(--no)) calc(28rem/var(--no)) calc(3rem/var(--no)) calc(28rem/var(--no));
    display: flex;
    flex-wrap: wrap;
}

.header_common .hmenu_lists .hmenu_active .hmenu_sub .sub_children div {
    width: calc((100vw - calc(70rem/var(--no)))/3);
    height: calc(31rem/var(--no));
    background: #F2F3FA;
    border-radius: calc(3rem/var(--no));
    color: #333;
    font-size: calc(15rem/var(--no));
    text-align: center;
    margin-bottom: calc(7rem/var(--no));
}

.header_common .hmenu_lists .hmenu_active .hmenu_sub .sub_children a:nth-child(3n+2) > div{
    margin: 0 calc(7rem/var(--no));
}

.header_common .hmenu_lists ul ul a:after {
    display: none;
}
.header_common .hmenu_lists .hmenu_active > a:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.header_common .hmenu_lists .link-active {
    color: #0984e3;
}
.header_common .header_userinfo {
    float: right;
}
.header_common .header_userinfo .link_login {
    font-size: 0;
    position: relative;
    display: block;
    width: .5rem;
    height: 1.1rem;
}
.header_common .header_userinfo .link_login:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .5rem;
    height: .5rem;
    margin: -0.25rem 0 0 -0.25rem;
    content: '';
    background: url(../images/icon_spr.png) no-repeat 0 -1rem;
    background-size: 1rem auto;
}
.header_common .header_userinfo .login_after {
    font-size: .24rem;
    line-height: 1.1rem;
    color: #fff;
}
.header_common .header_userinfo .user_phone {
    padding-right: .1rem;
}
.header_common .header_userinfo .link_logout {
    color: #fff;
}
/*移动端footer_common*/
.footer_common {
    text-align: center;
}
.footer_common .fmenu_lists {
    font-size: .36rem;
    line-height: 1.58rem;
    text-align: left;
    text-indent: .4rem;
}
.footer_common .fmenu_lists > li {
    border-bottom: 1px solid #333;
}
.footer_common .fmenu_lists ul {
    font-size: .32rem;
    line-height: 1rem;
    display: none;
    padding: .2rem 0;
    border-top: 1px solid #4a4a4a;
}
.footer_common .fmenu_lists .fmenu_active ul {
    display: block;
}
.footer_common .fmenu_lists a {
    position: relative;
    display: block;
    color: #efefef;
}
.footer_common .fmenu_lists ul a {
    color: #999;
}
.footer_common .fmenu_lists > li > a:after {
    position: absolute;
    top: 50%;
    right: .4rem;
    width: .28rem;
    height: .28rem;
    margin-top: -0.14rem;
    content: '';
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    opacity: .5;
    background: url(../images/icon_spr.png) no-repeat 0 0;
    background-size: 1rem auto;
}
.footer_common .fmenu_lists .fmenu_active > a:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
.footer_common .fmenu_lists .link-active {
    color: #FFF;
}
.footer_common .footer_phone {
    padding-top: .8rem;
}
.footer_common .footer_phone span {
    font-size: .36rem;
    height: 1rem;
    line-height: 1rem;
    display: block;
    margin: 0 .45rem;
    color: #fff;
    border: 1px solid #999;
}
.footer_common .footer_copyright {
    font-size: .24rem;
    line-height: .36rem;
    padding: .4rem 0 1.05rem;
    color: #999;
}
.footer_common .footer_copyright span {
    display: block;
}
.footer_common .footer_copyright a {
    color: #999;
}

.show-mobile, .show-mobile button, .show-mobile input, .show-mobile select, .show-mobile textarea{
    outline: none;
    -webkit-font-smoothing: antialiased;
}

.nav-left .left-panel h6{ font-size: 16px; color: #666666; height: 60px; line-height: 60px; padding-left: 15px; }
/*PC*/
.nav-left .left-panel > ul > li > a{ color: #333; }

/*咨询反馈*/
.i-success { display: block; margin: 0 auto 45px; width: 80px; height: 80px; background: url(../images/success.png) no-repeat; }
.asidefixed { position: fixed; right: 30px; bottom: 240px; z-index: 100; }
.asidefixed li { cursor: pointer; }
.asidefixed .i-feedback { display: block; width: 40px; height: 115px; background: #fff url(../images/feedback.png) no-repeat center center; text-indent: -500%; white-space: nowrap; overflow: hidden; }
.pop h1, .pop h2, .pop h3, .pop h4, .pop h5, .pop h6 { line-height: inherit; }
.pop a, .pop a:focus { text-decoration:none; color:#fff;}
.pop{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1001;}
.pop:before{ display:block; width:100%; height:100%; content:""; background-color:#000; opacity:.5; filter:alpha(opacity=50);}
.pop-ani{ -webkit-animation:popIn .4s ease-out both; animation:popIn .4s ease-out both;}
@-webkit-keyframes popIn{
    0%{ opacity:0; -webkit-transform:translateY(60px);}
    100%{ opacity:1; -webkit-transform:translateY(0);}
}
@keyframes popIn{
    0%{ opacity:0; transform:translateY(60px);}
    100%{ opacity:1; transform:translateY(0);}
}
.popbtn{ text-align:center;}
.pop-text{ position:absolute; left:50%; top:50%; margin:-100px 0 0 -170px; width:340px; height:200px; background-color:#fff;}
.pop-text .tbbox{ width:100%; height:120px;}
.pop-text .tbcell{ padding:0 20px; font-size:18px; text-align:center;}
.i-success-sml,.i-fail-sml{ display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-2px; width:30px; height:30px; background:url(../images/success_sml.png) no-repeat;}
.i-fail-sml{ background-image:url(../images/fail_sml.png);}
.pop-wp{ position:absolute; left:50%; top:50%; width:460px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.pop-close{ position:absolute; right:0; top:0; width:50px; height:50px; text-indent:-500%; background:url(../images/pop_close.png) no-repeat; overflow:hidden;}
.pop-tit{ position:relative; height:50px; line-height:50px; background-color:#2e3235; border-radius:8px 8px 0 0;}
.pop-tit h2{ padding-left:25px; font-size:16px; color:#999;}
.pop-main{ padding:20px 35px 40px; background-color:#fff; border-radius:0 0 8px 8px;}
.feedback-form h3{ font-size:16px; color:#333;}
.feedback-form h3 em{ color:#f00;}
.feedback-form .inp-unit{ margin-bottom:10px;}
.feedback-form .inpbox{ height:36px; line-height:36px;}
.feedback-form .itxt{ padding:0 10px;}
.feedback-form .inp-codebox{ top:-1px; right:0; bottom:0; height:33px; background-color:#fff;}
.feedback-form .inpbtn{ margin-top:24px;}
.feedback-form .err{ margin:-5px 0; font-size:12px;}
.inpbox-pdleft{ padding-left:80px;}
.inpbox-pdleft .inpbox h4{ position:absolute; left:-80px; top:0; width:70px; font-size:14px; line-height:35px; text-align:right; color:#666;}
.radiobox{ position:relative; display:inline-block; vertical-align:middle; margin-right:40px;}
.radiobox label{ position:relative; padding-left:24px; cursor:pointer; font-weight: normal;}
.radiobox label::after{ position:absolute; left:0; top:50%; margin-top:-8px; width:18px; height:18px; content:""; background:url(../images/radio.png) no-repeat; overflow:hidden;}
.radiobox input[type="radio"]{ position:absolute; left:0; top:0; opacity:0;}
.radiobox input[type="radio"]:checked ~ label::after{ background-position:0 -18px;}
.pop-txt .tbbox{ width:100%; height:120px;}
.pop-txt .tbcell{ font-size:16px; text-align:center;}
.pop-txt .inpbtn{ margin-top:0;}
.pop-feedback-success{ padding:25px;}
.pop-feedback-success .i-success{ margin-bottom:10px;}
.pop-feedback-success h3{ margin-bottom:10px; font-size:20px; text-align:center; color:#0D83E3;}
.pop-feedback-success p{ color:#666; line-height:1.6; }

input,textarea{ line-height:normal; color:#333; resize:none; border:0; -webkit-appearance:none; border-radius:0;}
.txtarea{ box-sizing:border-box; display:block; padding:5px 10px; width:100%; height:100%; font-size:14px; overflow:hidden; overflow-y:auto;}

.inp-unit{ position:relative; margin-bottom:20px;}
.inpbox{ position:relative; height:42px; line-height:42px; border:1px solid #ddd;}
.inpbox-txtarea{ position:relative; height:90px; line-height:1.4; border:1px solid #ddd;}
.inpbox-phone{ padding-left:60px;}
.inpbox-code{ width:320px;}
.inp-codebox{ position:absolute; right:1px; top:1px; bottom:1px; width:86px; height:40px; background-color:#656565;}
.inp-codebox img{ width:100%; height:100%; margin-top: -4px;}
.inp-codebtn{ position:absolute; right:0; top:0;}
.inp-codebox-2{ position:absolute; right:0; top:0; width:128px; height:42px; border:1px solid #ddd;}
.inp-codebox-2 img{ width:100%; height:100%;}
.btn-code{ display:block; width:128px; height:42px; line-height:42px; text-align:center; color:#666; background-color:#f3f3f3; border:1px solid #ccc; cursor:pointer;}
.btn-disable,.btn-disable:hover{ color:#fff!important; background-color:#ccc!important; cursor:not-allowed!important;}
.area-num{ position:absolute; left:0; top:0; width:60px; height:100%; text-align:center; border-right:1px solid #ddd;}
.itxt{ box-sizing:border-box; display:block; padding:0 16px; width:100%; height:100%; font-size:14px;}
.txtarea{ box-sizing:border-box; display:block; padding:5px 10px; width:100%; height:100%; font-size:14px; overflow:hidden; overflow-y:auto;}
.inpbox-focus{ border-color:#0984e3;}
.inpbox-err{ border-color:#d44848;}
.err,.err-tip,.err-ok{ padding-top:4px;}
/*输入框提示部分*/
.err,.err-tip,.err-ok{ display: none;}
.err{ color:#d44848;}
.err-tip{ color:#999;}
.err-ok{ color:#47b450;}
.inpbtn{ margin-top:40px; text-align:center;}
.inpbtn-p{ margin-top:6px; font-size:12px; text-align:right;}
.inpbtn-p a{ color:#0984e3;}
.inpbtn-p a:hover{ text-decoration:underline;}
.btn-big{ display:block; margin:0 auto; width:460px; height:50px; line-height:50px; font-size:16px; text-align:center; color:#fff; background-color:#0984e3; cursor:pointer;}
.btn-big:hover{ color:#fff; background-color:#74b9ff;}
.btn-warn{ display:block; margin:10px auto; width:460px; height:50px; line-height:50px; font-size:16px; text-align:center; color:#666; background-color:#fff; border:1px solid #0984e3; border-radius:4px; cursor:default;}

/*回到顶部*/
#goTop { position: fixed; right: 25px; bottom: 100px; width: 50px; height: 50px; background: url(../images/gotop.png) no-repeat; text-indent: -500%; overflow: hidden; z-index: 100; cursor: pointer; -webkit-animation: opacityIn .5s ease-out both; animation: opacityIn .5s ease-out both; display: none; }

/*用户阅读反馈*/
.feedback { margin-top: 40px; color:#666666; padding: 5px; }
.feedback .feedback-content { margin-top: 30px }
.doc-feedback-btn { margin: 20px 0; }
.doc-feedback-btn-item { box-sizing: border-box; display: inline-block; vertical-align: top; width: 120px; margin-right: 30px; padding: 1px 14px 3px 25px; border: 1px solid #999999; border-radius: 100px; }
.doc-feedback-btn-item i { display: inline-block; vertical-align: middle; margin-right: 15px; width: 24px; height: 23px; }
.doc-feedback-btn-item .feedback-count{ font-size: 14px; }
.icon-feedback-up { background: url(../images/thumbs-up.png) no-repeat center center; background-image:-webkit-image-set(url(../images/thumbs-up.png) 1x, url(../images/thumbs-up_2x.png) 2x, url(../images/thumbs-up_3x.png) 3x); margin-top: -4px; }
.doc-feedback-btn-item:hover .icon-feedback-up, .doc-feedback-btn-item.active .icon-feedback-up { background: url(../images/thumbs-up-active.png) no-repeat center center; background-image:-webkit-image-set(url(../images/thumbs-up-active.png) 1x, url(../images/thumbs-up-active_2x.png) 2x, url(../images/thumbs-up-active_3x.png) 3x); }
.doc-feedback-btn-item:hover, .doc-feedback-btn-item.active { color: #3a6afe; border-color: #3a6afe; }
.doc-feedback-btn-item.active a,.doc-feedback-btn-item a:focus, .doc-feedback-btn-item a:visited { color: #3a6afe; }
.doc-feedback-btn-item a { color: #999999; }
.doc-feedback-btn-item:hover .feedback-count, .doc-feedback-btn-item:active .feedback-count { color: #3a6afe; }
.icon-feedback-down { background: url(../images/thumbs-down.png) no-repeat center center; background-image:-webkit-image-set(url(../images/thumbs-down.png) 1x, url(../images/thumbs-down_2x.png) 2x, url(../images/thumbs-down_3x.png) 3x); margin-top: 1px; }
.doc-feedback-btn-item:hover .icon-feedback-down, .doc-feedback-btn-item.active .icon-feedback-down { background: url(../images/thumbs-down-active.png) no-repeat center center; background-image:-webkit-image-set(url(../images/thumbs-down-active.png) 1x, url(../images/thumbs-down-active_2x.png) 2x, url(../images/thumbs-down-active_3x.png) 3x); }
.feedback-no { padding-top: 0px; display: none; }
.feedback-no-reason { padding-left: 0; }
a.btn-subbtn:focus, a.btn-subbtn:visited { color:#fff; }
.feedback-no-reason .checkbox-item { display: inline-block; padding: 5px 0; }
.feedback-no-reason textarea { margin-top:20px; }
.feedback-no-reason .checkbox-item label { font-weight: normal; }
.checkbox-item label:before{ content: ''; display: inline-block; margin-right: 10px; width: 24px; height: 24px; background-color: #fff; outline: none; -webkit-appearance: none; border: 1px solid #979797; border-radius: 4px; vertical-align: middle; }
.checkbox-item input[type="checkbox"]{/* width: 40px; *//* height: 40px; *//* -webkit-border-radius: 50%; */ display: none; }
.checkbox-item input[type="checkbox"]+label { display: inline-block; margin-top: 10px; margin-left: 5px; text-align: left; -webkit-box-sizing: border-box; }
.checkbox-item input[type="checkbox"]:checked+label::before{ background: url(../images/checked.png) no-repeat;/*border: 5px #EEEEEE solid;*/ border: none; }
.feedback-no-title { display: inline-block; color: #D0021B; padding: 10px 0; }
.feedback-no-btn { float: right; }
.doc-feedback-btns { margin-top: 10px; height: 32px; line-height: 32px; }
.feedback-no-btn .btn-subbtn { display: inline-block; width: auto; height: 32px; line-height: 32px; }
.feedback-result { padding: 20px 0 30px; display: none; }
.feedback-result-right { display: inline-block; vertical-align: middle; margin-right: 3px; width: 38px; height: 38px; background: url("../images/right.png") no-repeat; margin-right:10px; }
.feedback .txt-error { color: red; font-size: 12px; display: none; }

/*mobile子目录 和面包屑*/
.mobile-dir .sub-dir{ display: none; }
.main-breadcrumbs a { color:#666666; }
.mobile-dir .mobile-sub-nav { background: #FFFFFF; border: 1px solid #EFEFEF; box-shadow: 0 0 5px 0 #EEEEEE; padding: 0 15px 40px; }
.mobile-dir .sub-piece { margin-top: .35rem; }
.mobile-dir .sub-dir h1{ display: inline-block; font-size: .3rem; color:#333333; margin-bottom: .2rem; }
.mobile-dir .sub-dir ul li{ display: inline-block; font-size: .28rem; color:#666666; letter-spacing: 0; margin-right: 1rem; margin-bottom: 0; margin-top: .1rem; }
.mobile-dir .sub-piece hr { height: 2px; border: none; border-top: 1px solid #bbb; }
.main-breadcrumbs a.active , .mobile-dir .sub-dir ul li a { color:#0984e3; }
.mobile-dir .sub-dir ul li a:focus { text-decoration:#0984e3; }
.HomepageContent.main-mobile ol li:before, .HomepageContent.main-mobile ul li:before{ display: none; }
.HomepageContent.main-mobile {padding-bottom: 0px; }

/*PC移动端显示切换*/
/*.wrapper { display: none; }*/
/*.footer_common { display: none; }*/
.main-pc {width: calc(1280rem/var(--no)); margin: auto; padding: 20px 0;}
/*.main-mobile { display: none; }*/
.show-mobile {display: none; }


@media (min-width: 768px) {
    .container {
        width: 100%;
    }
    .Columns__right {
        width: calc(938rem/var(--no));
    }
}
@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 1200px){
    .container {
        width: 1280px;
    }
}

/*移动端header footer*/
@media (max-width: 768px) {
    html { font-size: 15px; }
    .body-bg { width: auto; min-width: auto; }
    .hd { display: none; }
    .main { margin: 0 auto; width: 100%;}
    .main-pc, .show-pc { display: none; }
    .piece .index-img { width: auto; height: auto; }
    /*.main-mobile { display: block; }*/
    .sub-dir { width: 100vw; }
    .show-mobile {
        display: block;
        margin: initial;
    }
    .main-breadcrumbs { background: #ffffff;
        height: calc(40rem/var(--no));
        line-height: calc(40rem/var(--no));
        font-size: .28rem; padding: 0 15px; }
    .wrapper { font-size: 15px; position: relative; height: calc(42rem/var(--no));}
    .main-content, .Columns__right__content{ background: #fafafa; }
    .main-content { padding: 0; }
    .Columns__right { border: none; background-color: #fafafa; padding: 0; width: 100%}
    .Columns__right__content { padding: 0  12.5px; }
    /*index*/
    .home-page .doc_content .col-md-4 { width: 100%; }
    /*  docs  nav-left */
    /*aside.Columns__left { border-bottom: 1px solid #ddd; border-radius: 5px; border: none; }*/
    .main-content .inner-container { border: none; margin-top: 0; margin-bottom: .5rem;}
    .page-header-hr { display: block; }

    .doc_content .Page, .s-content pre, .s-content pre code, .s-content pre tt, .s-content code, .s-content p { font-size: calc(14rem/var(--no)); }
    .doc_content .Page h1 > strong  { font-size: calc(30rem/var(--no));  }
    .doc_content .Page h1 { margin-bottom: calc(20rem/var(--no));}
    .doc_content .Page h2 { font-size: calc(18rem/var(--no)); }
    .doc_content .Page h3 { font-size: calc(16rem/var(--no)); }
    .doc_content .Page h4 { font-size: calc(14rem/var(--no)); }
    .doc_content .Page strong { font-size: calc(16rem/var(--no)); }

    .s-content pre {line-height: calc(19rem/var(--no)); }
    /*header*/
    .banner {
        /*padding-top: calc(42rem/var(--no));*/
        padding-top: initial;
    }
    .banner .search-pc { display: none; }
    .banner .search-mobile { display: table; width: 100%; }
    .banner .banner-help {
        height: calc(160rem/var(--no));
        padding-top: calc(29rem/var(--no));
        background-image: url(../images/banner_h5.png);
    }

    .banner .banner-help .banner-help-txt { text-align: center; }
    .banner .banner-help .banner-help-txt h1 { font-size: calc(23rem/var(--no)); line-height: initial; }
    .banner .banner-help .banner-help-txt span { display: none; }

    div.home-page {
        background-image: none;
        background-color: #F2F3FA;
    }
    .home-page .banner-search {
        padding-top: calc(43rem/var(--no));
    }
    .banner-search h1 {
        font-size: calc(20rem/var(--no));
        color: #000;
    }
    .banner-search p {
        font-size: calc(13rem/var(--no));
        color: #666;
        margin: calc(10rem/var(--no)) 0 calc(20rem/var(--no)) 0;
    }
    .search-pc {
        width: 100%;
        padding: 0 calc(15rem/var(--no));
    }
    .Search .search-btn-container {
        width: calc(83rem/var(--no));
        height: calc(42rem/var(--no));
    }
    .Search .Search__field {
        height: calc(42rem/var(--no));
        font-size: calc(13rem/var(--no));
    }
    .Search .search-btn-container button {
        width: 100%;
        height: calc(42rem/var(--no));
        line-height: calc(42rem/var(--no));
    }
    .Search .search-btn-container button img { width: calc(20rem/var(--no)); height: calc(20rem/var(--no)); }

    .col-piece {
        width: initial;
        height: auto;
        margin: 15px;
        padding: calc(28rem/var(--no)) calc(20rem/var(--no));
        justify-content: flex-start;
    }
    .col-piece img {
        width: calc(56rem/var(--no));
        height: calc(56rem/var(--no));
        margin-bottom: calc(28rem/var(--no));
    }
    .col-piece h2 {
        font-size: calc(20rem/var(--no));
        color: #000;
    }
    .col-piece h5 {
        font-size: calc(13rem/var(--no));
        color: #666;
        margin: calc(10rem/var(--no)) 0 calc(20rem/var(--no)) 0;
    }

    .banner-wxy {
        background-image: url(../images/help_content_bg.png);
        background-size: cover;
        padding: calc(41rem/var(--no)) 0;
    }
    .banner-wxy a {
        width: calc(111rem/var(--no));
        height: calc(28rem/var(--no));
        line-height: calc(28rem/var(--no));
        font-size: calc(13rem/var(--no));
        margin-bottom: 0;
    }
    /* PC footer*/
    .footer { display: none; }
    /*footer_common*/
    .footer_common {
        display: block;
        padding: calc(28rem/var(--no));
        text-align: inherit;
    }
    .ft-bot {
        border-top: initial;
        margin-top: initial;
        padding-top: initial;
    }
    .ft-bot-logo {
        width: calc(82rem/var(--no));
        margin-bottom: initial;
    }
    .ft-bot-beian{
        width: calc(10rem/var(--no));
        height: calc(10rem/var(--no));
        margin-right: calc(3rem/var(--no))!important;
    }
    .ft-bot p {
        font-size: calc(10rem/var(--no));
        line-height: calc(14rem/var(--no));
        margin: calc(14rem/var(--no)) 0;
    }
    .ft-bot-line {
        font-size: calc(10rem/var(--no));
        margin-top: 0;
        padding-bottom: calc(21rem/var(--no));
        border-bottom: 1px solid #CDCEDC;
        height: auto;
        margin-bottom: calc(24rem/var(--no));
    }
    .ft-bot-item {
        justify-content: space-between;
    }
    .ft-email-title {
        font-size: calc(10rem/var(--no));
    }
    .ft-email-value {
        font-size: calc(13rem/var(--no));
    }
    .ft-qr-code-hover img {
        margin-right: initial;
    }
    .ft-qr-code {
        width: 200px;
    }
}

.index_desc__1KFXs_img p{
width: 32rem;
height: 3.1rem;
background-image: url(/templets/onethingwebsite0/images/syrk1.png);
background-repeat: no-repeat;
background-size: contain;
}

.index_desc__1KFXs_img p::after {
display: none;
content: "";
width: 32rem;
height: 3.1rem;
background-image: url(/templets/onethingwebsite0/images/syrk2.png);
background-repeat: no-repeat;
background-size: contain;
}
.index_desc__1KFXs_img p:hover::after {
display: block;
}