@charset "UTF-8";
/*样式重置*/
/*reset*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: normal; color: #444; }
del, ins, u, a, a:hover, .join_head ul li .nav_cur { text-decoration: none; }
address, caption, cite, code, dfn, em, th, var, i { font-style: normal; font-weight: normal; }
body, textarea, input, button, select { font: 12px/1.14 arial,\5b8b\4f53; color: #444; outline: 0; font-family: "Microsoft Yahei"; }
body { background: #fff; font-family: "Microsoft Yahei"; }
a { color: #444; }
a:hover, .join_head ul li .nav_cur { color: #f9484e; transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition: color .3s; }
@font-face { font-family: 'iconfont'; src: url("//at.alicdn.com/t/font_1449043616_1555994.eot"); /* IE9*/ src: url("//at.alicdn.com/t/font_1449043616_1555994.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1449043616_1555994.woff") format("woff"), url("//at.alicdn.com/t/font_1449043616_1555994.ttf") format("truetype"), url("//at.alicdn.com/t/font_1449043616_1555994.svg#iconfont") format("svg"); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale; }

/* layer滚动条 */
.layui-layer-content::-webkit-scrollbar { width: 6px; }
.layui-layer-content::-webkit-scrollbar-track { background: #F6F6F6; }
.layui-layer-content::-webkit-scrollbar-thumb { border-radius: 10px; background: #d6d6d6; background-clip: content-box; }

/*转表格布局*/
.col-row { display: table-cell; vertical-align: middle; }

/*清除浮动代码*/
.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
.clearfloat { zoom: 1; }
.clear { clear: both; }

/*禁用状态--灰*/
.ban { background: #ccc !important; color: #fff !important; border: none !important; }
.ban a { color: #fff; border: none; }
.ban a:hover, .ban .join_head ul li .nav_cur, .join_head ul li .ban .nav_cur { color: #fff; border: none; }

/*颜色类*/
.red { color: #e44b50; }
.orange { color: #4FB99F; }
.blue { color: #39f; }
.bg-red { background: #e44b50; }
.bg-orange { background: #4FB99F; }
.bg-blue { background: #39f; }

/*边框*/
.ui-border { border: 1px solid #f1f1f1; }
.ui-border-t { border-top: 1px solid #f1f1f1; }
.ui-border-b { border-bottom: 1px solid #f1f1f1; }
.ui-border-l { border-left: 1px solid #f1f1f1; }
.ui-border-r { border-right: 1px solid #f1f1f1; }
.ui-border-lr { border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }
.ui-border-lt { border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }
.ui-border-rt { border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }
.ui-border-lb { border-left: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.ui-border-rb { border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.ui-border-tb { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.ui-border-lrb { border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.ui-border-lrt { border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }
.ui-border-tbr { border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }
.ui-border-tbl { border-bottom: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }

/*浮动*/
.right { float: right; }
.left { float: left; }
.f-ib { display: inline-block; *display: inline; *zoom: 1; }

/*位置*/
.f-tac { text-align: center; }
.f-tar { text-align: right; }
.f-tal { text-align: left; }
.f-taj { text-align: justify; text-justify: inter-ideograph; }
.f-vam, .f-vama * { vertical-align: middle; }

/*文字超出显示省略号*/
.f-row { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-row2 { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; }

/*强制不换行*/
.f-wsn { word-wrap: normal; white-space: nowrap; }
.f-pre { overflow: hidden; text-align: left; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; }
.f-wwb { white-space: normal; word-wrap: break-word; word-break: break-all; }

.wrap { width: 1200px; margin: 0 auto; }

/*头部*/
.join_header { height: 92px; background: #fff; width: 100%; z-index: 999; }

.join_head { width: 1200px; margin: 0 auto; line-height: 80px; }
.join_head img { vertical-align: middle; }
.join_head ul { margin-left: 50px; }
.join_head ul li { float: left; font-size: 15px; position: relative; }
.join_head ul li i { display: block; width: 32px; height: 15px; line-height: 14px; text-align: center; background: #4FB99F; font-size: 12px; position: absolute; top: 12px; right: 0px; text-shadow: none; color: #fff; }
.join_head ul li i s { position: absolute; left: 0; bottom: -4px; width: 0; height: 0; border-top: 5px solid #4FB99F; border-right: 5px solid transparent; }
.join_head ul li a { padding: 5px; margin: 0 10px; line-height: 30px; }
.join_head ul li a:hover, .join_head ul li .nav_cur { color: #4FB99F; }
.join_head ul li .nav_cur { border-bottom: 2px solid #4FB99F; }
.join_head .login_btn a { padding: 4px 10px; margin-left: 5px; line-height: 30px; background: #4FB99F; border-radius: 3px; font-size: 14px; color: #fff; border: 1px solid #4FB99F; }
.join_head .login_btn a:hover, .join_head .login_btn ul li .nav_cur, .join_head ul li .login_btn .nav_cur { text-decoration: underline; }

/*首页*/
.join-tips { width: 1200px; z-index: 99; margin: -12px auto -97px; }

.banner_box { width: 100%; text-align: center; }
.banner_box .join_bd li { height: 730px; display: none; }
.banner_box .join_bd .pic_box { width: 870px; height: 290px; margin: 0 auto; padding-top: 240px; line-height: 28px; text-align: left; }
.banner_box .join_bd .pic_box h3 { font-size: 24px; color: #fff; }
.banner_box .join_bd .pic_box p { color: #fff; font-size: 14px; }
.banner_box .join_hd { width: 100%; bottom: 55px; z-index: 98; font-size: 0; }
.banner_box .join_hd li { width: 150px; height: 140px; display: inline-block; cursor: pointer; }

.join_title { text-align: center; margin: 50px 0 130px; }
.join_title h1, .join_title h2 { padding: 5px 0; }

.join_view { background: #fff; padding: 0 40px; }
.join_view .join_duibi { width: 1120px; }
.join_view .join_duibi li { width: 50%; height: 56px; }
.join_view .view_list { padding-top: 100px; }

/*加盟条件及流程*/
.join_tiaojian dl { margin-top: 50px; }
.join_tiaojian dt { width: 26px; height: 32px; float: left; background: #efac31; color: #fff; text-align: center; line-height: 26px; position: relative; margin-top: 4px; }
.join_tiaojian dt i { position: absolute; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 7px solid #e5e5e5; bottom: 0; left: 0; }
.join_tiaojian dd { margin-left: 40px; line-height: 32px; }

/*常见问题*/
.join_problem { width: 1000px; margin: 0 auto; background: #f6f6f6; padding: 50px 100px; font-size: 20px; }
.join_problem dl { margin-top: 55px; }
.join_problem dl dt { display: block; color: #fff; background: #88abda; border-radius: 10px; line-height: 44px; padding: 0 20px; }
.join_problem dl dd { margin-top: 10px; padding: 0 20px; line-height: 40px; color: #666; }
.join_problem dl dd p { margin-left: 40px; }

/*在线申请*/
.join_form { width: 1000px; margin: 0 auto; background: #f6f6f6; padding: 50px 100px; font-size: 18px; }
.join_form .form_box { margin-bottom: 40px; overflow: hidden; }
.join_form .form_box input[type=text] { border: 1px solid #e7e7e7; background: #fff; border-radius: 5px; line-height: 18px; padding: 8px 15px; font-size: 15px; }
.join_form .form_box input[type=text]:focus { box-shadow: 0 0 5px rgba(46, 141, 237, 0.4); border: 1px solid rgba(46, 141, 237, 0.4); }
.join_form .form_box i { background: #fff; border: 1px solid #e7e7e7; border-radius: 100%; width: 34px; height: 34px; text-align: center; line-height: 26px; font-size: 40px; float: right; cursor: pointer; color: #e44b50; }
.join_form .form_box i:hover { border: 1px solid #e44b50; }
.join_form .form_box select { border: 1px solid #e7e7e7; background: #fff; border-radius: 5px; line-height: 18px; padding: 8px 15px; font-size: 15px; }
.join_form .form_box textarea { padding: 15px; margin-top: 20px; border: 1px solid #e7e7e7; border-radius: 5px; width: 968px; font-size: 15px; line-height: 24px; resize: vertical; }
.join_form .form_box label { margin-right: 10px; width: 126px; display: inline-block; }
.join_form .form_box .form_yes { border: 1px solid #9c3 !important; }
.join_form .form_box .form_no { border: 1px solid #e44b50 !important; }
.join_form .form_box table td { height: 40px; font-size: 16px; cursor: pointer; }
.join_form .form_box table td input { border: none !important; text-align: center; }
.join_form .form_box table td input:focus { box-shadow: none !important; border: none !important; }
.join_form .form_box table td p { color: #999; }
.join_form .form_box table th { height: 40px; }

.join_lvli { padding: 20px; font-size: 15px; }
.join_lvli input { border: 1px solid #e7e7e7; background: #fff; border-radius: 5px; line-height: 18px; padding: 8px 15px; font-size: 15px; width: 140px; }
.join_lvli textarea { width: 538px; border: 1px solid #f1f1f1; padding: 10px; font-size: 15px; line-height: 22px; }
.join_lvli textarea::-webkit-scrollbar { width: 6px; }
.join_lvli textarea::-webkit-scrollbar-track { background: #f1f1f1; }
.join_lvli textarea::-webkit-scrollbar-thumb { border-radius: 10px; background: #d6d6d6; background-clip: content-box; }

/*联系我们*/
.lianxi_bd li { text-align: center; background: #f6f6f6; width: 352px; height: 310px; padding-top: 80px; position: relative; font-size: 22px; float: left; margin:70px 72px 0 0; }
.lianxi_bd li p { font-size: 16px; }
.lianxi_bd li h3 { margin: 15px 0; }
.lianxi_bd li h5 { line-height: 30px; font-size: 20px; }
.lianxi_bd li span { background: url(/join/images/about.png) no-repeat; width: 150px; height: 150px; display: block; margin: 10px auto; }
.lianxi_bd li i { width: 124px; height: 124px; position: absolute; background: url(/join/images/about.png) no-repeat; top: -62px; margin-left: -69px; border: 7px solid #fff; border-radius: 100%; }