@charset "utf-8";
/*多分辨率设定rem设定*/
html { font-size : 20px;}
@media only screen and (max-width: 310px) and (min-width: 300px) {html { font-size: 20px !important; }}
@media only screen and (max-width: 320px) and (min-width: 310px) {html { font-size: 20px !important; }}
/*Note3*/
@media only screen and (min-width: 360px) {html { font-size: 22px !important; }}
/*iPhone6*/
@media only screen and (min-width: 376px) {html { font-size: 23px !important; }}
/*iPhone6 plus*/
@media only screen and (min-width: 414px) {html { font-size: 24px !important; }}
/*big Resolution*/
@media only screen and (min-width: 641px) {html { font-size: 25px !important; }}

/*公共样式*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; list-style: none;}
html, body { font-family: Helvetica,"STHeiti STXihei","Microsoft YaHei",Tohoma,Arial;}
img { vertical-align: top; border: 0;}
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; -webkit-touch-callout: none; blr: expression(this.onFocus=this.blur()); outline: none;}
a:active { star: expression_r(this.onFocus=this.blur());}
a:hover { text-decoration: none;}
a:focus, input[type=button] ,input[type=submit] { outline: none;}
em, i, b { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 14px }
fieldset, img { border: 0;}

/*显示隐藏*/
.hide { display: none;}

/*清浮动*/
.clearfix:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden;}
.clearfix { zoom: 1;}

/*禁止滚动*/
.noscroll { height: 100%; overflow: hidden;}

/*浮动*/
.fl { float: left;}
.fr { float: right;}

/*padding*/
.p-t-0 { padding-top: 0 !important;}
.p-t-1 { padding-top: 1rem !important;}
.p-r-0 { padding-right: 0 !important;}
.p-b-0 { padding-bottom: 0 !important;}
.p-b-1 { padding-bottom: 1rem !important;}
.p-l-0 { padding-left: 0 !important;}

/*margin*/
.m-t-0 { margin-top: 0 !important;}
.m-l-0 { margin-left: 0 !important;}
.m-b-0 { margin-bottom: 0 !important;}
.m-b-1 { margin-bottom: 1rem !important;}
.m-b-2 { margin-bottom: 2rem !important;}

/*文字颜色*/
.c-white { color: #fff !important;}
.c-gray { color: #9ba1aa !important;}
.c-green { color: #68d25f;}
.c-green2 { color: #5bdeac;}
.c-blue { color: #69bbd6;}
.c-blue2 { color: #3eb9f5;}
.c-blue3 { color: #02c1ff;}
.c-blue4 { color: #10ebff;}
.c-blue5 { color: #69e1ff;}
.c-purple { color: #b870f6;}
.c-purple2 { color: #6d69d2;}
.c-rose { color: #f95698;}
.c-red { color: #f14c31;}
.c-red1 { color: #ff1d1d;}
.c-yellow { color: #f8b62d;}
.c-yellow2 { color: #fdd000;}
.c-yellow3 { color: #ffff00;}
.c-orange { color: #ea5514;}
.c-orange1 { color: #ed7a0a;}

/*背景色*/
.bg-gray { background: #f7f7f7;}
.bg-gray2 { background: #c8c8c8;}
.bg-gray3 { background: #f8fbff;}
.bg-gray4 { background: #f6fafd;}
.bg-gray5 { background: #f6f9fc;}
.bg-gray6 { background: #f0f0f0;}
.bg-gray7 { background: #f2f2f2;}
.bg-black { background: #2f3138 !important;}
.bg-black1 { background: #293a42; }
.bg-blue { background: #7594fd;}
.bg-blue2 { background: #3eb9f5;}
.bg-blue3 { background: #7594fd;}
.bg-blue4 { background: #69bbd6;}
.bg-blue5 { background: #13c1f3;}
.bg-blue6 { background: #1a87c8;}
.bg-blue7 { background: #27a0fe;}
.bg-blue8 { background: #66a3ff;}
.bg-blue9 { background: #69cbef;}
.bg-blue10 { background: #40bfee;}
.bg-blue11 { background: #6eb0fc;}
.bg-blue12 { background: #69a7ef;}
.bg-blue13 { background: #72abff;}
.bg-blue14 { background: #54d4ff;}
.bg-blue15 { background: #74acff;}
.bg-blue16 { background: #4fd3ff;}
.bg-blue17 { background: #5d96f6;}
.bg-blue18 { background: #59acff;}
.bg-blue19 { background: #34bddf;}
.bg-blue20 { background: #5dcae5;}
.bg-blue21 { background: #3ec2e8;}
.bg-blue22 { background: #8899ff;}
.bg-blue23 { background: #4ab4ff;}
.bg-blue24 { background: #8ae179;}
.bg-blue25 { background: #7190f3;}
.bg-blue26 { background: #7495ff;}
.bg-green { background: #66d161;}
.bg-green2 { background: #33d5bd;}
.bg-green3 { background: #18a858;}
.bg-green4 { background: #5bdeac;}
.bg-green5 { background: #9acf4f;}
.bg-green6 { background: #2ad059;}
.bg-green7 { background: #0ecc6a !important;}
.bg-green8 { background: #0cc469;}
.bg-green9 { background: #47e4c1;}
.bg-green10 { background: #00c380;}
.bg-green11 { background: #0dcc6d;}
.bg-green12 { background: #1bd679;}
.bg-green13 { background: #18d174;}
.bg-green14 { background: #25ce90;}
.bg-green15 { background: #2cc364;}
.bg-green16 { background: #32d34c;}
.bg-green17 { background: #5bdc70;}
.bg-green18 { background: #3ee480;}
.bg-red { background: #fc546b;}
.bg-red2 { background: #f04b31;}
.bg-red3 { background: #e83428;}
.bg-red4 { background: #ff5353;}
.bg-red5 { background: #ff8c8c;}
.bg-red6 { background: #ff8c8c;}
.bg-red7 { background: #ff5353;}
.bg-red8 { background: #ff8c8c;}
.bg-red9 { background: #f36b6b;}
.bg-red10 { background: #e54c4c;}
.bg-red11 { background: #fa7070;}
.bg-red12 { background: #ec6666;}
.bg-red13 { background: #ff7171;}
.bg-red14 { background: #ff4d4e;}
.bg-red15 { background: #ff302f;}
.bg-red16 { background: #f2686a;}
.bg-red17 { background: #f75151;}
.bg-rose { background: #f85697;}
.bg-pink { background: #f770eb;}
.bg-pink2 { background: #e2567b;}
.bg-pink3 { background: #ed6cb9;}
.bg-pink4 { background: #f883c8;}
.bg-pink5 { background: #ff8c8c;}
.bg-pink6 { background: #ff8888;}
.bg-pink7 { background: #f95699;}
.bg-purple { background: #b871f4;}
.bg-purple2 { background: #6d69d0;}
.bg-purple3 { background: #af4be6;}
.bg-purple4 { background: #9559d1;}
.bg-purple5 { background: #8881ee;}
.bg-purple6 { background: #c477f6;}
.bg-purple7 { background: #b661ed;}
.bg-purple8 { background: #9691f5;}
.bg-purple9 { background: #c770ff;}
.bg-purple10 { background: #ae5da1;}
.bg-purple11 { background: #c54cec;}
.bg-purple12 { background: #d170f0;}
.bg-purple13 { background: #891fb6;}
.bg-purple14 { background: #cb76f2;}
.bg-purple15 { background: #b870f6;}
.bg-yellow { background: #f7b532;}
.bg-yellow2 { background: #deb410;}
.bg-yellow3 { background: #f8cc1b;}
.bg-yellow4 { background: #ffcc00;}
.bg-yellow5 { background: #fec96a;}
.bg-yellow6 { background: #efb957;}
.bg-yellow7 { background: #ffbc00;}
.bg-yellow8 { background: #ffb700;}
.bg-yellow9 { background: #f79241;}
.bg-yellow10 { background: #ffa015;}
.bg-yellow11 { background: #f4a53f;}
.bg-yellow12 { background: #f6b765;}
.bg-yellow13 { background: #ffd778;}
.bg-yellow14 { background: #ffa862;}
.bg-orange { background: #fe782f;}
.bg-orange2 { background: #ed8c46;}
.bg-orange3 { background: #ff7000;}
.bg-orange4 { background: #e58011;}
.bg-orange5 { background: #ff9543;}
.bg-orange6 { background: #ff6600;}
.bg-orange7 { background: #f58732;}
.bg-orange8 { background: #f39800;}
.bg-orange9 { background: #ff9c4f;}
.bg-orange10 { background: #ff842d;}
.bg-orange11 { background: #ff6a38;}
.bg-orange12 { background: #f78535;}
.bg-brown { background: #a27951;}
.bg-brown2 { background: #bd884f;}

/*文字位置*/
.text-l { text-align: left !important;}

/*border*/
.border-top, .border-bottom { position: relative;}
.border-top:before, .border-bottom:after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #e8e8e8; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.border-top:before { top: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.border-bottom:after { bottom: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}

/*头部*/
.header { position: fixed; top: 0; z-index: 999; width: 100%; padding: .1rem .6rem; background: rgba(0,0,0,.15);}
.header.active { background: #222;}
.header .logo img { height: 2rem; }
.dropmenu-btn { position: fixed; top: 0; right: .8rem; z-index: 9999; display: inline-block; width: 50px; height: 50px; line-height: 58px; text-align: center;}
.dropmenu-btn span { position: absolute; right: 0; width: 25px; height: 2px; background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.dropmenu-btn .line-t { top: 15px;}
.dropmenu-btn .line-m { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.dropmenu-btn .line-b { bottom: 15px;}
.dropmenu-btn.active .line-t { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.dropmenu-btn.active .line-m { opacity: 0;}
.dropmenu-btn.active .line-b { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin:100% 50%; -moz-transform-origin: 100% 50%; transform-origin:100% 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}

/*顶部nav2*/
.index-header-2 { display: none; }
.index-header-2.active { position: fixed; top: 50px; left: 0; display: block; width: 100%; z-index: 999; padding: .4rem 0; background: rgba(0,0,0,0.5); }
.index-header-2 li { float: left; width: 20%; text-align: center; }
.index-header-2 li.active a { color: #ec5151; }
.index-header-2 li a { display: block; color: #fff; font-size: .6rem; }

/*遮罩层*/
.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5000; display: none; width: 100%; height: 100%; moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; background: rgba(0,0,0,0.5);}
.mask.active { display: block;}
.mask-div { position:fixed; top: 0; left: 0; z-index: 111; display: none; width: 100%; height: 100%; margin: 0; cursor: pointer; background-color: #000; opacity: .4;}

/*菜单*/
.nav-menu { position: fixed; top: 0; right: -10rem; z-index: 5001; width: 10rem; height: 100%; background: rgba(0, 0, 0, 0.7); moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease;}
.nav-menu.active { right: 0;}
.nav-menu ul { padding: 60px 0 0 2rem;}
.nav-menu ul li { position: relative;}
.nav-menu ul li:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #666; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.nav-menu ul li a { display: block; padding: 0.8rem 0; font-size: .8rem; color: #999;}
.nav-menu ul li.active a { color: #ec5151;}

/*底部*/
.footer-info { position: relative; text-align: center; padding: 10px; background: #202020;}
.footer-info .footer-menu { overflow: hidden; box-sizing: border-box;}
.footer-info .footer-menu h3 { padding-top: 15px; font-size: 14px; font-weight: 700; color: #999; text-align: left; letter-spacing: 1px;}
.footer-info .footer-menu ul { padding: 10px 0; text-align: left; overflow: hidden;}
.footer-info .footer-menu ul li { float: left; width: 25%; font-size: 12px; line-height: 1rem;}
.footer-info .footer-menu ul li a { color: #aaa;}
.footer-info .footer-menu ul li a:hover { font-size: 12px;}
.footer-line { height: 1px; background: #666; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.footer-info .wx-code { width: 5rem; margin: 1rem auto;}
.footer-info .wx-code img { width: 100%;}
.footer-info .footer-platforms { display: none; padding: 10px 0 6px;}
.footer-info .footer-platforms li { display: inline-block; padding: 0 .5rem; margin: 0 .6rem .5rem; font-size: 13px; line-height: 1.2rem; color: #999; border: 1px solid #999; border-radius: 1rem;}
.footer-info .footer-platforms li a { color: #999;}
.footer-info .footer-platforms li .iconfont { font-size: 22px; vertical-align: middle;}
.footer-info .footer-platforms li a:hover { font-size: 13px; color: #666;}
.footer-info .copyright { padding: 0 0 .5rem; font-size: 12px; color: #999; background: transparent;}

/*底部菜单*/
.footer-nav { position: fixed; bottom: 0; left: 0; z-index: 101; width: 100%; height: 50px; padding: 0; background: #fdfdfd; box-shadow: 1px 5px 15px rgba(50,50,50,.3); border-top: 1px solid #f6f6f9;}
.footer-nav ul { height: 50px; display: -webkit-box !important; display: box !important;}
.footer-nav ul li { -webkit-box-flex: 1; box-flex: 1; height: 45px; text-align: center;}
.footer-nav ul li a { display: block; font-size: 12px; color: #333; text-align: center;}
.footer-nav ul li i { height: 30px; font-size: 27px; line-height: 30px;}
.footer-nav ul li span { display: block; width: 100%; height: 20px; line-height: 20px;}
.footer-nav ul .btn { width: 40%;}
.footer-nav ul .btn a { display: block; height: 51px; margin-top: -1px; font-size: .7rem; line-height: 51px; color: #fff; background: #488bff;}

/*内容*/
.container { padding: 1.3rem 0;}
.container .title { padding: 0 1rem .5rem; font-size: .9rem; font-weight: 300; line-height: 1.4rem; text-align: center;}
.container .step-title { height: 1.6rem; padding: 0 .6rem; margin: 0 1rem .8rem; font-size: .7rem; font-weight: 300; line-height: 1.7rem; color: #fff; border-radius: .1rem;}
.container .sub-title { padding: 1rem 0 .8rem; font-weight: 300; text-align: center;}
.container .sub-title span { display: inline-block; padding: .3rem 1rem; font-size: .75rem; color: #fff; background: #3eb9f5; border-radius: 3px;}
.container .desc { padding: 0 1rem 1rem; font-size: .65rem; line-height: 1.2rem; color: #666; text-align: center;}
.container .step-desc { padding: 0 1rem 1rem; font-size: .7rem; line-height: 1.2rem; color: #666;}
.container img { display: block; max-width: 90%; margin: 0 auto;}
.container img.big { width: 100%;}
.container img.small { width: 80%;}
.container .btn-title { width: 6rem; height: 1.8rem; margin: 0.5rem auto; font-size: .9rem; line-height: 2rem; color: #3eb9f5; text-align: center; background: #f5fffa; border: 1px solid #3eb9f5; border-radius: .2rem;}
.container .btn { display: block; width: 8rem; padding: .4rem 0; margin: .5rem auto 0; font-size: .7rem; color: #3eb9f5; text-align: center; border: 1px solid #3eb9f5; border-radius: 3px;}
.container .btn-primary { color: #fff; background: #3eb9f5;}
.container ul li { float: left; padding-top: 1rem; text-align: center;}
.container li h4 { font-size: .75rem; font-weight: 300; line-height: 1.2rem;}
.container li p { padding: .5rem 0 0; font-size: .65rem; line-height: 1.8; color: #666;}
.container .p-btn { width: 90%; padding: .2rem .7rem; margin: .5rem auto 0; font-size: .6rem; color: #fff; text-align: center; border-radius: 2rem; box-sizing: border-box;}
.container .p-btn span { display: block; margin: 0 auto; opacity: .6; filter: alpha(opacity=60);}
.container .notice { padding-top: 1.5rem; font-size: .8rem; color: #9fa5b6; text-align: center;}
.container .notice a { color: #9fa5b6;}
.container .notice span { display: block; padding-top: .2rem; margin: 0 auto; font-size: .6rem;}

/*百度商桥*/
#newBridge { display: none !important;}

/*商务通*/
#LR_YaoDiv img { width: 1rem;}

/*通用头部、底部与官网同步*/
/*头部*/
.header-68mall { position: relative; z-index: 209; width: 100%; padding: .2rem .6rem; text-align: center; background: #222; box-sizing: border-box;}
.header-68mall:after { content: " "; display: block; font-size: 0; height: 0; visibility: hidden; clear: both;}
.header-68mall .logo img { height: 2.1rem;}
.header-68mall .register-link { margin-right: .5rem;}
.header-68mall .header-icon { position: relative; z-index: 1; top: -1px; right: 0; width: auto; height: auto; line-height: 1;}
.header-68mall .header-icon .iconfont { font-size: 1.5rem; line-height: 2.1rem; color: #fff;}
.header-68mall .header-icon span { position: absolute; top: .35rem; right: .25rem; display: block; width: 6px; height: 6px; background: #f00; border: 2px solid #222; border-radius: 50%;}
.header-68mall.fixed { position: fixed; top: 0;}
/*折叠菜单*/
.header-wrap { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background: #222;}
.header-wrap .nav-menu { position: fixed; top: 100%; right: 0; z-index: 1002; width: 100%; height: auto; background: #222; overflow-y: auto; box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: -webkit-transform .4s ease-in; transition: transform .4s ease-in;}
.header-wrap.open .nav-menu { top: 55px; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform .4s cubic-bezier(.175, .885, .32, 1.1);  transition: transform .4s cubic-bezier(.175, .885, .32, 1.1);}
.header-wrap.open .nav-menu .menu { display: block;}
.header-wrap .nav-menu .menu { position: relative; display: none; height: 100%; box-sizing: border-box;}
.header-wrap .nav-menu .menu ul li:after { display: none;}
.header-wrap .nav-menu .menu .menu-list { padding: 0;}
.header-wrap .nav-menu .menu .menu-list .menu-item > a { display: block; padding: .5rem 1rem; font-size: .6rem; color: #fff; cursor: pointer;}
.header-wrap .nav-menu .menu .menu-list .menu-item > a .iconfont { float: right; font-size: .55rem;}
.header-wrap .nav-menu .menu .menu-list .menu-item ul { display: none; padding: .3rem 0; overflow: hidden; background: #2a2a2a;}
.header-wrap .nav-menu .menu .menu-list .menu-item ul li { padding: 0 2rem; font-size: 14px; line-height: 1.6rem;}
.header-wrap .nav-menu .menu .menu-list .menu-item ul li a { display: block; padding: 0; font-size: .6rem; color: #aaa;}
.header-wrap .nav-menu .menu .user-login { padding: .5rem 1rem; font-size: .6rem; text-align: center;}
.header-wrap .nav-menu .menu .user-login:before { background: rgba(255,255,255,.1);}
.header-wrap .nav-menu .menu .user-login .btn { width: 35%; height: 1.4rem; line-height: 1.4rem; color: #aaa; color: rgba(255,255,255,.5); border: 1px solid #aaa; border: 1px solid rgba(255,255,255,.5); border-radius: 2rem; box-sizing: border-box;}
.header-wrap .nav-menu .menu .user-login .btn-register { width: 62%; margin-left: 3%; color: #fff; background: #f90 linear-gradient(to right, #f90, #fd6b20); border: none;}
.header-wrap .nav-menu .menu .user-login .user-info { max-width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.header-wrap .nav-menu .menu .user-login .user-info img { display: inline-block; width: 1.4rem; height: 1.4rem; margin-right: .2rem; vertical-align: middle; border: 1px solid #e5e5e5; border-radius: 50%;}

/*菜单*/
.main-menu-wrap { height: 2.2rem;}
.main-menu { position: relative; height: 2.2rem; padding: 0 .5rem; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.06);}
.main-menu.fixed { position: fixed; z-index: 998; width: 100%; padding: 0 .5rem; margin: 0;  border-bottom: 1px solid #eee; box-sizing: border-box;}
.main-menu ul { display: flex; justify-content: space-around;}
.main-menu li a { display: block; height: 2.2rem; font-size: .7rem; line-height: 2.2rem; color: #333;}
.main-menu li.active a { color: #299cf8; border-bottom: 2px solid #299cf8; box-sizing: border-box;}

/*底部*/
.footer { padding: .5rem .8rem 1rem; background: #282828;}
.footer .footer-menu .menu-item:after { opacity: .2;}
.footer .footer-menu .menu-item > a { display: block; padding: 0 .3rem 0 .1rem; font-size: .6rem; line-height: 2rem; color: #aaa; cursor: pointer; overflow: hidden;}
.footer .footer-menu .menu-item > a .iconfont { float: right; font-size: .8rem;}
.footer .footer-menu .menu-item > ul { display: none; padding: 0 .5rem .5rem;}
.footer .footer-menu .menu-item > ul a { font-size: .6rem; line-height: 1.6rem; color: #848484;}
.footer .wx-code { padding-top: 1rem;}
.footer .wx-code img { display: block; width: 35%; margin: 0 auto;}
.footer .wx-code p { padding-top: .3rem; font-size: 12px; color: #848484; text-align: center;}
.footer .footer-tel { display: block; padding: .3rem 0; margin: 1rem 0 .5rem; font-size: .6rem; font-weight: 300; color: #aaa; text-align: center; border: 1px solid rgba(255,255,255,.2);}
.footer .branch { margin-bottom: .5rem; text-align: center;}
.footer .branch a { margin: 0 .2rem; font-size: 12px; color: #999;}
.footer .copyright { font-size: 12px; line-height: 16px; color: #848484; text-align: center;}
.footer .copyright .copyright-img { display: block; width: 75px; height: 30px; margin: 10px auto 5px;}
.footer .copyright .copyright-img img { max-width: 100%; max-height: 100%;}
.footer .copyright a.copyright-text { font-size: 12px; color: #ccc;}