body { font: 14px/1.5 microsoft yahei; -webkit-tap-highlight-color: transparent; margin: 0 }
html, body { width: 100%; height: 100% }
html { font-size: 20px }
@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}
@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}
@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
.content ::-webkit-scrollbar {
 width:8px;
 height:8px;
 background-color: #F5F5F5;
}
.navbar-box .bottom-link { height: 2.9rem !important }
.navbar-box .link-icon span { width: 1.41rem!important; height: 1.41rem!important }
.navbar-box .link-icon { height: 1.41rem!important }
 
/*定义滚动条轨道 内阴影+圆角*/
.content ::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
 
/*定义滑块 内阴影+圆角*/
.content ::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #bbb;
}
.pos a { display: block }
a:hover { opacity: .8 }
/*index*/
.page-group { width: 100%; overflow: hidden; margin: auto }
.block { display: block }
.flex-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center }
.spacebetween { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-end { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: flex-start; align-items: flex-start }
a:hover { opacity: .8 }
.left { float: left }
.right { float: right }
.content { width: 788px; margin: auto; overflow: hidden; padding-bottom: 100px }
.nav-menu ul { text-align: center; position: relative }
.nav-menu li { display: inline-block; padding: 20px 0; vertical-align: middle; color: #fff }
.nav-menu li a { display: block; padding: 0 50px; font-size: 28px; font-weight: bold; color: #fff; border-right: solid 1px #fff; text-shadow: #ff00ff 3px 0 0, #ff00ff 0 3px 0, #ff00ff -3px 0 0, #ff00ff 0 -3px 0 }
.nav-menu li span img { width: 50px; margin-right: 10px; }
.nav-menu li:last-child a { border: none }
.nav-menu li a.active, .nav-menu li a:hover { font-weight: bold; color: #92eefc }
.index { overflow: hidden }
.banner img { margin: 0 auto 2rem; display: block }
.banner .mbanner { display: none }
.page-group { background: url(../images/recruitmentorder/headbg.jpg) #462acc no-repeat top; background-size: 100% }
.step{ margin-bottom:10%}
.step img{ width:100%}
.step1{ margin-top:50px}
.baoming { display: block; width: 550px; margin: auto }
.btn { display: inline-block; position: relative; width: 47%; margin: 50px 1%; height: 76px; cursor: pointer }
.btn img { width: 100% }
.btn span .click { position: absolute; right: -10px; bottom: -60px; width: 80px; }
.layui-input { border: none; text-align: right }
.layui-form-label { width: 80px; text-align: left }
.layui-form-item, .layui-row { position: relative; display: flex; justify-content: space-between; align-items: center }
.layui-form-item { padding: 5px 10px 5px 0; margin: 0 }
.layui-form-item .layui-input-inline { margin: 0; left: 0 }
.layui-form-select .layui-edge { right: 0 }
.layui-form-select .layui-input { padding-right: 15px }
.recruitmentorderform { }
.layui-form-item:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.flexcenter { display: flex; justify-content: space-between; align-items: center; margin: 0 }
.flexcenter .yzm { display: block; white-space: nowrap; border: solid 1px #3798f9; color: #3798f9; border-radius: 4px; padding: 5px; margin: 0 0 0 10px; cursor: pointer }
.flexcenter .yzm:active { background-color: #3798f9; opacity: 0.5; color: #fff }
.recruitmentorderform .submitbtn { display: block; width: 60%; margin: 2rem auto 0 }
.recruitmentorderform .submitbtn img { width: 100% }
.recruitmentorderform .submitbtn:active { opacity: .8 }
.layui-layer { background-color: none !important; box-shadow: none }
.layui-layer .layui-layer-content img { width: 100% }
.myskin { background-color: transparent !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; }
.layui-layer-setwin { left: 48% !important; right: auto !important; top: auto !important; bottom: 0 !important }
.recruitmentorderform { width: 700px; padding: 0 0 40px; margin: 50px auto; box-shadow: 0 0 5px rgba(0,0,0,.2) }
.recruitmentorderform .submitbtn { width: 240px; cursor: pointer; background:none}
.rechead{ display:none}
.backshare{position:fixed;top:0; left:.5rem; right:.5rem;display: flex;justify-content: space-between;align-items: center}
.backshare .layui-icon{ display:flex; font-size:.6rem; color:#fff;align-items: center}
.backshare .layui-icon:before{ color:#fff; font-size:1rem}
.content-modular {
    position: relative;
    padding: 30px 0;
}
.mod-list-mix {
    /* font-size: 0; */
    position: relative;
}
.modular-header {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.link_more {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 15px;
    color: #333;
}
.other_title{ display: inline-block; }
.other_title span {
    display: inline-block;
    position: relative;
    color: #333333;
    font-size: 28px;
}
.mod_page_small {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: inline-block;
    position: absolute;
    right: 54px;
    top: 22px;
}
.mod_page_small .btn_next, .mod_page_small .btn_prev {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    color: #666;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-color: #f8f8f8;
}
.ccmtv-mod-mix {
    font-size: 0;
    position: relative;
}
.modbox {
    font-size: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.text-center{
    text-align: center;
}
.lines-wrap{ width: 80%; margin: auto; }
.ccmtv-mod-mix .lines-wrap {
    width: 100%;
}
.ccmtv-mod-list.mb {
    margin-bottom: 16px;
}
.ccmtv_mod_ul {
    width: 100%;
    font-size: 0;
}
.ccmtv_mod_ul .ccmtv_mod_li {
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 15px;
    width: 210px;
}
.ccmtv_mod_view {
    display: block;
    z-index: 1;
    position: relative;
    width: 100%;
    height: 118px;
    overflow: hidden;
}
.mod_view {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .25s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mod_desc {
    position: relative;
    background: #f8f8f8;
    line-height: 1;
    padding: 6px 10px;
    height: 59px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.desc {
    display: block;
    line-height: 23px;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mod_tag {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 20px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    background: linear-gradient(to bottom right,#e1b469,#bd9441);
}
.label_tag_2 {
    background: linear-gradient(to bottom right,#e1b469,#bd9441);
    background: -webkit-linear-gradient(to bottom right,#e1b469,#bd9441);
    background: -moz-linear-gradient(to bottom right,#e1b469,#bd9441);
    background: -ms-linear-gradient(to bottom right,#e1b469,#bd9441);
}
.ccmtv_mod_view:hover .mod_view {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.label_tag_1 {
    background: linear-gradient(to bottom right,#f4a21d,#e60011);
    background: -webkit-linear-gradient(to bottom right,#f4a21d,#e60011);
    background: -moz-linear-gradient(to bottom right,#f4a21d,#e60011);
    background: -ms-linear-gradient(to bottom right,#f4a21d,#e60011);
}
.label_tag_3, .label_tag_4 {
    background: linear-gradient(to bottom right,#f4a21d,#dc4d3c);
    background: -webkit-linear-gradient(to bottom right,#f4a21d,#dc4d3c);
    background: -moz-linear-gradient(to bottom right,#f4a21d,#dc4d3c);
    background: -ms-linear-gradient(to bottom right,#f4a21d,#dc4d3c);
}
.layui-btn-container{position: absolute;right: 1%;display: inline-block;bottom: 0; cursor: pointer;}
.pagination{ text-align: center; }
.pagination .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #2E88E1}
.star-dc{ padding-bottom: 30px; height: 330px;}

.swiper-container {
        width: 100%;
        height: 100%;
        padding-bottom: 60px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-pagination-bullet{width:24px;height:24px;text-align:center;line-height:24px;font-size:16px;background: none; color: #1173D6; opacity:1;}
    .swiper-pagination-bullet-active{background:#EDF1F8;}
    .starlist{width:16%; height: 290px; margin: 0 2% 0 1px ; display: inline-block; padding:20px; background: url(../images/recruitmentorder/bdbg.png); background-size: 100% 100%;}
    .starlist .headimg img{ width: 80px; height:80px; border-radius: 100%; }
    .starlist .pos{ font-size: 16px; }
    .starlist .hos{ font-size: 12px; color: #777; }
    .starlist .intro{ max-height:140px; min-height: 110px; overflow-y: auto; text-align: left; margin-top: 20px; color: #777; font-size: 16px;word-break: break-all; }

.star-dc ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f5f5f5;
}
.star-dc ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
.star-dc ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8;
}


@media only screen and (min-width:1900px) {
.page-group { width: 1901px; margin: auto }
}
@media only screen and (max-width:768px) {
.rechead{width:100%; height:2.4rem; line-height:2.4rem; font-size:.9rem; position:relative; background-color:#462acc; color:#fff; text-align:center; display:block}
.rechead .layui-icon{ color:#fff; font-size:1rem; position:absolute; left:.5rem}
.step1{ margin-top:30%}
.recruitmentorderform { width: 100%; box-shadow: none; margin: 0 }
.page-group { position: absolute; top: 0; right: 0; bottom: 0; overflow-y: auto; left: 0; z-index: 1000; background: url(../images/recruitmentorder/mbg.jpg)#462acc no-repeat top; background-size: 100% }
.banner .pbanner { display: none }
.banner img, .content { width: 100% }
.nav-menu li a, .nav-menu li { font-size: 1rem; border: none; padding: 0 }
.nav-menu li:first-child { position: absolute; top: -2rem; left: 10% }
.nav-menu li:nth-child(2) { position: absolute; top:.5rem;left: 30% }
.nav-menu li:last-child { position: absolute; top: 3rem; right: 10% }
.banner .mbanner { display: block }
.btn { width: 10rem; margin: 1rem auto }
.newadd{ padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; }
.newadd .btn{ margin: 1rem .5rem; }
.baoming { width: 80% }
.btn span .click { width: 3rem; bottom: -1rem }
.step2 .desc {
font-size: .65rem; left: 2rem; right: 2rem; bottom: 2rem }
}
.navbar-box,.backshare .share_btn_img,.backshare .go_return { display: none; }
#box-order{
    width: 80px;
    height: 30px;
    float: right;
    border: unset;
    margin-top: 10px;
}