/*公共*/
body {
    background: #f1f4f9;
    overflow-x: hidden;
}

@font-face {
    font-family: 'iconfont';  /* project id 653606 */
    src: url('//at.alicdn.com/t/font_653606_0haz3n254gr4.eot');
    src: url('//at.alicdn.com/t/font_653606_0haz3n254gr4.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_653606_0haz3n254gr4.woff') format('woff'),
    url('//at.alicdn.com/t/font_653606_0haz3n254gr4.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_653606_0haz3n254gr4.svg#iconfont') format('svg');
  }


[class^="icon-"] {
    font-family: "iconfont";
    font-style: normal;
}
.icon-menu:before{
    content: '\e648';
}
.icon-back:before{
    content: '\e66f';
}
.icon-close:before{
    content: '\e7aa';
}
.icon-right:before{
    content: '\e60e';
}
.icon-bottom:before{
    content: '\e7d4';
}

/*登录*/
.icon-dl-sj:before{
    content: '\e617';
}
.icon-dl-dx:before{
    content: '\e605';
}
.icon-dl-pw:before{
    content: '\e62b';
}
.icon-dl-user:before{
    content: '\e638';
}
.icon-dl-id:before{
    content: '\e631';
}

/*导航*/
.icon-nav-home:before{
    content: '\e663';
}
.icon-nav-game:before{
    content: '\e619';
}
.icon-nav-hz:before{
    content: '\e615';
}
.icon-nav-cz:before{
    content: '\e614';
}
.icon-nav-zp:before{
    content: '\e65d';
}
.icon-nav-jz:before{
    content: '\e659';
}

/*加入我们icon*/
.icon-zp-qb:before{
    content: '\e607';
}
.icon-zp-yy:before{
    content: '\e616';
}
.icon-zp-ch:before{
    content: '\e801';
}
.icon-zp-cx:before{
    content: '\e628';
}
.icon-zp-ms:before{
    content: '\e656';
}
.icon-zp-zn:before{
    content: '\e62a';
}
.icon-zp-sw:before{
    content: '\e618';
}
.icon-zp-jj:before{
    content: '\e630';
}

/*充值中心icon*/

/*合作共赢icon*/
.icon-sw-bag:before{
    content: '\e69d';
}
.icon-sw-fs:before{
    content: '\e651';
}
.icon-sw-lj:before{
    content: '\e661';
}
.icon-sw-zy:before{
    content: '\e61b';
}
.icon-sw-js:before{
    content: '\e60c';
}
.icon-sw-dw:before{
    content: '\e603';
}
.icon-sw-dh:before{
    content: '\e668';
}

.wrap {
    margin-bottom: .5rem;
}
.box {
    width: 12.6rem;
    margin: 0 auto;
}

.box-small {
    width: 12rem;
}

.back-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

/*顶部导航*/
.top-bar {
    height: 1.2rem;
    border-top: .06rem solid #2697fc;
    border-bottom: .02rem solid #d1d5db;
    background: -webkit-linear-gradient(#fff 75%, #ecedf2);
    background: linear-gradient(#fff 75%, #ecedf2);
}

.top-nav {
    height: 100%;
}

.top-nav > a:first-child {
    width: 2.65rem;
    height: .78rem;
    background-image: url("../images/logo.png");
}

.top-nav ol {
    font-weight: bold;
    height: 100%;
    text-align: center;
}

.top-nav li {
    width: 1.28rem;
    height: 100%;
}

.top-nav li a, .top-nav > p {
    height: 100%;
    line-height: 1.4rem;
}

.top-nav li a {
    display: block;
    position: relative;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
}
.top-nav li a i,.top-nav li a em {
    display: none;
}

.top-nav li.active a, .top-nav li a:hover {
    background: #2697fc;
    color: #fff;
}

.top-nav li.active a:after, .top-nav li a:hover:after {
    content: "";
    position: absolute;
    bottom: -.01rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-bottom: .12rem solid #fff;
}

.top-nav > p a {
    color: #b6b6b6;
    padding-right: .1rem;
    font-size: .16rem;
}

.top-nav > p a:last-child {
    border-left: .01rem solid currentColor;
    padding-left: .1rem;
    padding-right: 0;
}

.top-nav > i {
    position: absolute;
    display: none;
}
.index-classify{
    width: 1.66rem;
    height: 1.66rem;
    background: #fff;
    color: #7f7b7b;
    position: absolute;
    left: -2rem;
    top:.6rem;
}
.index-classify dt{
    border-top: .06rem solid #2697fd;;
    padding-left: .2rem;
    padding-top: .3rem;
    font-size: .2rem;
    
}
.index-classify dd{
    padding-left: .3rem; 
    padding-top: .16rem; 
}
.index-classify dd a{
    display: block;
    font-size: .16rem;
    padding: .1rem 0;
    margin-bottom: .1rem;
}
/*轮播*/
.slider-bar {
    height: 4.8rem;
    margin-top: .3rem;
    background-image: url("../images/bg/slider_bg.jpg");
    background-position: center .24rem;
    background-repeat: no-repeat;
}

.slider-bar > div {
    position: relative;
}

.slider-box {
    height: 100%;
    overflow: hidden;
}

.slider-box li {
    position: relative;
}

.slider-box a {
    display: block;
}

.slider-box a img {
    width: 100%;
}

.slider-active {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.slider-active li {
    background: #999797;
    height: .09rem;
    margin-right: .05rem;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    cursor: pointer;
    text-indent: -99rem;
}

.slider-active li.on {
    background: #2697fc;
}

.slider-active li:last-child {
    margin-right: 0;
}

/*精品推荐*/
.recommend {
    margin-top: .3rem;
}

.recommend h1 {
    font-size: .3rem;
    border-left: .04rem solid #2697fc;
    padding-left: .1rem;
}

.recommend ol {
    margin-top: .3rem;
}

.recommend li {
    position: relative;
    width: 2.9rem;
    overflow: hidden;
    border: .04rem solid #fff;
}

.recommend li > a {
    display: block;
}

.recommend li > a:hover span {
    bottom: -.44rem;
}

.recommend li > a > div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    padding: .1rem;
    color: #fff;
    display: none;
}

.recommend li > a:hover > div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.recommend li > a:hover > div > * {
    margin: auto 0;
}

.recommend li > a:hover div div {
    width: 1.32rem;
    margin-left: auto;
    line-height: 1.5;
    -webkit-animation: div_right .3s;
    animation: div_right .3s;
}

.recommend li > a h2 {
    font-size: .26rem;
}

.recommend li > a p {
    font-size: .18rem;
}

.recommend li > a div span {
    background: #2697fc;
    text-align: center;
    padding: .05rem 0;
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
}

.recommend li > a > div img {
    width: 1.2rem;
    border: .1rem solid #fff;
    -webkit-animation: img_left .3s;
    animation: img_left .3s;
}

.recommend li > a > img {
    width: 100%;
}

@-webkit-keyframes img_left {
    0.00% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes img_left {
    0.00% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes div_right {
    0.00% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@keyframes div_right {
    0.00% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.recommend li > a > span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .42rem;
    line-height: .42rem;
    padding-left: .15rem;
    background: rgba(0, 0, 0, .77);
    color: #fff;
    font-size: .24rem;
    -webkit-transition: bottom .3s;
    transition: bottom .3s;
}

.recommend li > a > span:after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: -.02rem;
    height: .02rem;
    background: #00f6ff;
    background: -webkit-linear-gradient(to right, #2599fc, #00f6ff 55%);
    background: linear-gradient(to right, #2599fc, #00f6ff 55%);
}

/*公司简介*/
.about {
    height: 7.7rem;
    margin-top: .6rem;
    background: url("../images/bg/about_bg.jpg") center top no-repeat;
}

.about dl {
    text-align: center;
}

.about dt, .together dt {
    font-size: .34rem;
    font-weight: bold;
    padding: .4rem 0 .2rem;
    position: relative;
}

.about dt {
    color: #fff;
    border-bottom: .01rem solid #69778b;
    margin: 0 -.3rem;
}

.about dt:after, .together dt:after {
    position: absolute;
    content: '';
    width: 4.8rem;
    height: .03rem;
    background: #2697fc;
    left: 50%;
    bottom: -.02rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.about dd:last-child {
    margin-top: .5rem;
}

.about dd:last-child p i {
    display: block;
}

.about dd ol {
    margin-top: .66rem;
}

.about dd li {
    width: 2.06rem;
    position: relative;
}

.about dd li, .about dd li a {
    background-repeat: no-repeat;
    background-size: cover;
}

.about dd li a {
    position: absolute;
}

.about dd li:nth-child(1) {
    height: 3.1rem;
    margin-top: .95rem;
    background: -moz-radial-gradient(#fff 30%, #a98ff0);
    background: -webkit-radial-gradient(#fff 30%, #a98ff0);
    background: radial-gradient(#fff 30%, #a98ff0);
}

.about dd li:nth-child(2) {
    height: 3.49rem;
    margin-top: 0;
    background: -moz-radial-gradient(#fff 30%, #fe6c63);
    background: -webkit-radial-gradient(#fff 30%, #fe6c63);
    background: radial-gradient(#fff 30%, #fe6c63);
}

.about dd li:nth-child(3) {
    height: 4.13rem;
    margin-top: .25rem;
    background: -moz-radial-gradient(#fff 30%, #7f83b9);
    background: -webkit-radial-gradient(#fff 30%, #7f83b9);
    background: radial-gradient(#fff 30%, #7f83b9);
}

.about dd li:nth-child(4) {
    height: 3.52rem;
    margin-top: .5rem;
    z-index: 2;
    background: -moz-radial-gradient(#fff 30%, #711c74);
    background: -webkit-radial-gradient(#fff 30%, #711c74);
    background: radial-gradient(#fff 30%, #711c74);
}

.about dd li:nth-child(5) {
    height: 3.34rem;
    margin-top: .15rem;
    background: -moz-radial-gradient(#fff 30%, #88cbee);
    background: -webkit-radial-gradient(#fff 30%, #88cbee);
    background: radial-gradient(#fff 30%, #88cbee);
}

.about dd p {
    color: #fff;
    line-height: 1.3;
    font-weight: bold;
}

.about dd p span {
    color: #87bef2;
}

.about dd li:nth-child(1) a {
    width: 2.99rem;
    height: 4.58rem;
    left: -.93rem;
    top: -1.39rem;
}

.about dd li:nth-child(2) a {
    width: 3.34rem;
    height: 3.75rem;
    left: -1.1rem;
    top: -.25rem;
}

.about dd li:nth-child(3) a {
    width: 2.6rem;
    height: 4.72rem;
    left: -.54rem;
    top: -.58rem;
}

.about dd li:nth-child(4) a {
    width: 2.51rem;
    height: 4.04rem;
    left: 0;
    top: -.52rem;
}

.about dd li:nth-child(5) a {
    width: 2.37rem;
    height: 3.94rem;
    left: -.31rem;
    top: -.6rem;
}

.about dd li > div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer;
}

.about dd li:hover > div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.about dd li > div div {
    margin-top: 0;
    margin-bottom: .2rem;
    animation: about_div .5s;
}

.about dd li > div img {
    width: 1.2rem;
    height: 1.2rem;
    border: .1rem solid #fff;
    margin: auto auto .05rem;
    animation: about_img .5s;
}

@-webkit-keyframes about_div {
    0.00% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}
@keyframes about_div {
    0.00% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

@-webkit-keyframes about_img {
    0.00% {
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }
}
@keyframes about_img {
    0.00% {
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }
}

.about dd li > div h2 {
    font-size: .28rem;
}
.about dd li > div p {
    font-size: .18rem;
    padding: .05rem 0;
}
.about dd li > div span {
    background: #2697fc;
    text-align: center;
    padding: .05rem 0;
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
    width: 1.2rem;
    margin: auto;
}

.about dd li:nth-child(1) > div {
    background: rgba(131,116,183,.7);
    background: -moz-linear-gradient(transparent, #8374b7 80%);
    background: -webkit-linear-gradient(transparent, #8374b7 80%);
    background: linear-gradient(transparent, #8374b7 80%);
}
.about dd li:nth-child(2) > div {
    background: rgba(255,124,116,.7);
    background: -moz-linear-gradient(transparent, #ff7c74 80%);
    background: -webkit-linear-gradient(transparent, #ff7c74 80%);
    background: linear-gradient(transparent, #ff7c74 80%);
}
.about dd li:nth-child(3) > div {
    background: rgba(141,153,251,.7);
    background: -moz-linear-gradient(transparent, #8d99fb 80%);
    background: -webkit-linear-gradient(transparent, #8d99fb 80%);
    background: linear-gradient(transparent, #8d99fb 80%);
}
.about dd li:nth-child(4) > div {
    background: rgba(162,95,164,.7);
    background: -moz-linear-gradient(transparent, #a25fa4 80%);
    background: -webkit-linear-gradient(transparent, #a25fa4 80%);
    background: linear-gradient(transparent, #a25fa4 80%);
}
.about dd li:nth-child(5) > div {
    background: rgba(76,193,255,.7);
    background: -moz-linear-gradient(transparent, #4cc1ff 80%);
    background: -webkit-linear-gradient(transparent, #4cc1ff 80%);
    background: linear-gradient(transparent, #4cc1ff 80%);
}

/*合作伙伴*/
.together dt {
    text-align: center;
}

.together dd {
    margin: 0 auto;
}

.together dd:nth-child(2) {
    width: 9.5rem;
    background-image: url("../images/together/bg_1.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.together dd:nth-child(3) {
    background-image: url("../images/together/bg_2.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.together dd.brand {
    margin-top: .5rem;
}

.together dd.brand a {
    display: block;
    height: .72rem;
    margin-bottom: .22rem;
    cursor: inherit;
}

.together dd.brand a:hover img {
    top: -.1rem;
}

.together dd.brand a img {
    height: 100%;
    position: relative;
    top: 0;
    transition: top .3s;
}

/*合作共赢*/
.map {
    height: 4rem;
    margin-top: .2rem;
    background: #fff;
}

.mapTip {
    background: rgba(38, 151, 253, .9);
    color: #fff;
    font-size: .18rem;
    width: 3.5rem;
    padding: .35rem .15rem;
    position: relative;
    font-weight: bold;
}

.mapTip:after {
    position: absolute;
    content: "";
    left: -.09rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: .09rem solid transparent;
    border-bottom: .09rem solid transparent;
    border-right: .09rem solid rgba(38, 151, 253, .9);
}

.amap-info-sharp {
    display: none;
}

.amap-info-content {
    padding: 0;
    background: transparent;
    border: 0;
    line-height: 1;
    overflow: inherit;
}

.amap-info-shadowContainer + div {
    width: auto;
    left: 1.75rem !important;
    bottom: -.65rem !important;
}

.amap-logo, .amap-copyright {
    display: none !important;
}

.mapTip p {
    padding-left: .15rem;
    margin-top: .15rem;
}

.mapTip p:first-child {
    font-size: .24rem;
    text-align: center;
    padding-left: 0;
    margin-top: 0;
    padding-bottom: .05rem;
    border-bottom: .01rem solid currentColor;
}

.mapTip i {
    font-size: .18rem;
    margin-right: .1rem;
}

.business, .pay {
    margin-top: .35rem;
}

.business dt, .business dd, .pay > dt {
    background: #cfebff;
}

.business dt:nth-child(1), .pay > dt:nth-child(1) {
    height: .88rem;
    font-size: .26rem;
    color: #2ea5f6;
    text-align: center;
    padding-top: .15rem;
    border-bottom: .02rem solid #38a6f3;
}

.business dd:nth-child(2) {
    background: #fff;
    border-bottom: .01rem solid #38a6f3;
    margin-bottom: .3rem;
}

.business dd:nth-child(2) li {
    width: 28%;
    border: .01rem solid #26a0fc;
    margin-top: .1rem;
    margin-bottom: .45rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 .05rem .2rem 0 rgba(0, 0, 0, .2);
}

.business dd:nth-child(2) li > div:nth-child(1) {
    position: relative;
    height: 1rem;
    padding-top: .5rem;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    background: -webkit-linear-gradient(to top right, #26c3fc 40%, #269ffc);
    background: linear-gradient(to top right, #26c3fc 40%, #269ffc);
}

.business dd:nth-child(2) li > div:nth-child(1) strong {
    font-size: .26rem;
    color: #fff;
}

.business dd:nth-child(2) li > div:nth-child(1) i {
    position: absolute;
    width: .75rem;
    height: .75rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: -.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #26a7fc;
    border: .02rem solid #fff;
}

.business dd:nth-child(2) li > div:nth-child(1) i:after {
    position: absolute;
    content: "";
    width: calc(100% + .04rem);
    height: calc(100% + .04rem);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: -.02rem;
    top: -.02rem;
    background: -webkit-linear-gradient(to right bottom, rgba(118, 238, 253, .9), rgba(223, 251, 255, .2) 65%);
    background: linear-gradient(to right bottom, rgba(118, 238, 253, .9), rgba(223, 251, 255, .2) 65%);
}

.business dd:nth-child(2) li > div:nth-child(1) i:before {
    position: absolute;
    color: #fff;
    font-size: .42rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.business dd:nth-child(2) li > div:nth-child(2) {
    margin-top: 0;
}

.business dd:nth-child(2) li > div:nth-child(2) i {
    width: 1.06rem;
    height: 1.12rem;
    margin: .3rem .15rem .5rem auto;
}

.business dd:nth-child(2) li .male {
    background-image: url("../images/icon/icon_6.png");
}

.business dd:nth-child(2) li .female {
    background-image: url("../images/icon/icon_5.png");
}

.business dd:nth-child(2) li > div:nth-child(2) div {
    margin-right: auto;
}

.business dd:nth-child(2) li > div:nth-child(2) div > * {
    color: #38a6f3;
    font-size: .14rem;
}

.business dd:nth-child(2) li > div:nth-child(2) div strong:nth-child(2) {
    font-size: .35rem;
    padding-top: .05rem;
    padding-bottom: .12rem;
}

.business dd:nth-child(2) li > div:nth-child(2) div span {
    font-size: .18rem;
    color: #666;
    white-space: nowrap;
}

.business dt:nth-child(3) {
    border-top: .02rem solid #38a6f3;
    position: relative;
    font-size: .26rem;
    color: #2ea5f6;
    text-align: center;
    padding-top: .45rem;
}

.business dt:nth-child(3) strong {
    border-bottom: .05rem solid currentColor;
    padding-bottom: .05rem;
}

.business dt:nth-child(3):after, .business dt:nth-child(3):before {
    position: absolute;
    content: "";
    left: 50%;
    top: -.02rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.business dt:nth-child(3):after {
    border-left: .36rem solid transparent;
    border-right: .36rem solid transparent;
    border-top: .36rem solid #fff;
}

.business dt:nth-child(3):before {
    border-left: .38rem solid transparent;
    border-right: .38rem solid transparent;
    border-top: .38rem solid #38a6f3;
}

.business dd:nth-child(4) {
    text-align: center;
    font-size: .18rem;
    color: #5e5959;
    padding-top: .2rem;
}

.business dd:nth-child(5) {
    padding-top: .3rem;
    padding-bottom: .7rem;
}

.business dd:nth-child(5) ol {
    padding: 0 .6rem;
}

.business dd:nth-child(5) li {
    background: #fff;
    margin-top: 0;
    width: 49%;
    height: 2.15rem;
    padding: 0 .3rem;
    margin-bottom: .2rem;
}

.business dd:nth-child(5) li i {
    font-size: 1.24rem;
    color: #2ea5f6;
    margin-left: auto;
}

.business dd:nth-child(5) li div {
    margin: auto auto auto .3rem;
}

.business dd:nth-child(5) li h3 {
    font-size: .3rem;
    color: #5e5959;
}

.business dd:nth-child(5) li p {
    color: #666;
    padding-top: .1rem;
    line-height: 1.3;
    font-size: .18rem;
}

/*加入我们*/
.slogan {
    height: 3rem;
    overflow: hidden;
    color: #fff;
    font-size: .3rem;
    background: url("../images/bg/join_bg.jpg") center top no-repeat;
    background-size: cover;
}

.slogan .box div {
    height: .7rem;
    line-height: .8rem;
    margin-left: 6.85rem;
    margin-top: .7rem;
    padding-left: .65rem;
    position: relative;
}

.slogan .box div:before, .slogan .box div:after {
    position: absolute;
    content: "";
    width: 8.2rem;
    height: 100%;
    top: 0;
    left: 0;
}

.slogan .box div:before {
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background: linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
}

.slogan .box div:after {
    top: .1rem;
    left: -.1rem;
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background: linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
}

.slogan i {
    position: relative;
    z-index: 2;
}

.slogan i:first-child {
    font-size: .35rem;
    font-weight: bold;
}

.recruit {
    margin-top: .15rem;
}

.recruit .box {
    color: #38a6f3;
    background: #fff;
    border-top: .02rem solid currentColor;
    border-bottom: .05rem solid currentColor;
}

.recruit .left {
    width: 1.95rem;
    margin-top: 0;
    margin-bottom: 0;
    background: #ceebff;
    text-align: center;
}

.recruit .left dt {
    font-size: .26rem;
    padding: .15rem 0;
}

.recruit .left li {
    color: #4c90bf;
    font-size: .18rem;
    position: relative;
    padding: .15rem 0;
    margin-left: .02rem;
    cursor: pointer;
    margin-top: .02rem;
    -webkit-transition: color .5s,background .5s;
    transition: color .5s,background .5s;
}

.recruit .left li:before, .recruit .left li:after {
    position: absolute;
    content: "";
    width: calc(100% - .16rem);
    left: .08rem;
    bottom: -.02rem;
    height: .01rem;
}

.recruit .left li:before {
    background: #609ac2;
}

.recruit .left li:after {
    bottom: -.01rem;
    background: #9bd6ff;
}

.recruit .left li.disabled:before, .recruit .left li.disabled:after {
    content: none;
}

.recruit .left li:hover, .recruit .left li.active {
    color: #38a6f3;
    background: #fff;
}

.recruit .left li i {
    font-size: .3rem;
    margin: 0 auto .1rem;
}

.recruit .right {
    width: calc(100% - 1.95rem);
    margin-top: 0;
    margin-bottom: 0;
}

.recruit .right > li {
    padding: .2rem 0 .2rem .47rem;
    margin-right: .12rem;
    margin-left: .03rem;
    border-bottom: .01rem dashed #a79f9f;
}

.recruit .right > li > div h1 {
    font-size: .22rem;
}

.recruit .right > li > div p, .recruit .right dl {
    font-size: .14rem;
    color: #666;
}
.recruit .right .company{
    font-size: .2rem;
    line-height: .48rem;
    font-weight: bold;
}
.recruit .right > li > div p {
    margin-top: .1rem;
}

.recruit .right > li > div a {
    color: #fff;
    position: relative;
    font-size: .18rem;
    background: #38a6f3;
    height: .42rem;
    line-height: .44rem;
    padding: 0 .15rem;
    -webkit-transition: background .5s;
    transition: background .5s;
}
.recruit .right > li > div a:hover {
    background: #0570bb;
}

.recruit .right > li > div a:after {
    position: absolute;
    content: "";
    width: .03rem;
    height: 100%;
    background: #38a6f3;
    top: 0;
    left: -.04rem;
}

.recruit .right > li li i {
    margin-top: 0;
}

.recruit .right > li > div:nth-child(2) {
    margin-top: .2rem;
}

.recruit .right dl {
    margin-top: 0;
    margin-bottom: 0;
}

.recruit .right dl li {
    margin-top: .12rem;
    line-height: 1.3;
}

.recruit .right dl:nth-child(2) {
    border-left: .01rem solid #a79f9f;
    padding-left: .25rem;
    margin-left: .25rem;
}

/*充值*/
.slogan-pay {
    background: url("../images/bg/pay_bg.jpg") center top no-repeat;
    background-size: cover;
}

.pay > dt:nth-child(1) {
    line-height: .88rem;
    padding-top: 0;
}

.pay > dd {
    background: #fff;
}

.pay > dd > dl {
    padding: 0 .4rem;
}

.pay > dd > dl > dt {
    font-size: .26rem;
    color: #38a6f3;
    padding-top: .4rem;
}

.pay > dd > dl > dd {
    margin-top: .3rem;
    font-size: .24rem;
    color: #666;
}

.pay > dd > dl > dd.pay-type,.pay > dd > dl > dd.pay-number {
    margin-top: .2rem;
}

.pay-select-box {
    position: relative;
}

.pay-select-box > div:nth-child(1) {
    position: relative;
    background: #fff;
    z-index: 10;
}

.pay-select-box > div:nth-child(1) > div {
    border: .01rem solid #cacaca;
    padding: .15rem .2rem;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color .5s;
    transition: border-color .5s;
}
.pay-select-box > div:nth-child(1) > div:hover {
    border-color: #38a6f3;
}

.pay-select-box > div:nth-child(1) > div:before {
    position: absolute;
    font-size: .26rem;
    color: #cacaca;
    top: 0;
    bottom: 0;
    display: table;
    margin: auto;
    right: .2rem;
}

.pay-select {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: calc(100% + .04rem);
    border: .01rem solid #cacaca;
    padding: .15rem;
    font-size: .18rem;
    z-index: 9;
    display: none;
    -webkit-animation: select_in .3s;
    animation: select_in .3s;
}

@-webkit-keyframes select_in {
    0.00% {
        top: 0;
    }
}

@keyframes select_in {
    0.00% {
        top: 0;
    }
}

.pay-select dt {
    border-bottom: .01rem dashed #cacaca;
    padding-bottom: .1rem;
}

.pay-select dt span {
    margin-right: .15rem;
    cursor: pointer;
    padding: .02rem .1rem;
    -webkit-border-radius: .03rem;
    border-radius: .03rem;
}

.pay-select dt span.active {
    background: #38a6f3;
    color: #fff;
}

.pay-select dd {
    min-height: 3.5rem;
}

.pay-select dd li {
    margin-right: .15rem;
    cursor: pointer;
}

.pay-type li, .pay-number li {
    margin-right: .3rem;
}

.pay-type input, .pay-number input {
    display: none;
}

.pay-type label {
    position: relative;
    cursor: pointer;
    padding:.2rem 0 .2rem .64rem;
}
.pay-type label:before,.pay-type label:after{
    position: absolute;
    font-family: "iconfont";
    top: 0;
    bottom: 0;
    display: table;
    margin: auto;
    font-size: .26rem;
}
.pay-type label:after {
    content: "\e602";
    left: 0;
    color: #cacaca;
}
.pay-type label:before {
    left: .35rem;
}

.pay-type input:checked + label:after {
    content: "\e61f";
    color: #38a6f3;
}

.pay-type li:nth-child(1) label:before {
    content: "\e61c";
    color: #c2162d;
}

.pay-type li:nth-child(2) label:before {
    content: "\e629";
    color: #eb020b;
}

.pay-type li:nth-child(3) label:before {
    content: "\e627";
    color: #1c5d9c;
}

.pay-type li:nth-child(4) label:before {
    content: "\e61a";
    color: #183885;
}

.pay-type li:nth-child(5) label:before {
    content: "\e63c";
    color: #008261;
}

.pay-number li label {
    width: 1.2rem;
    padding: .2rem 0 .16rem;
    border: .01rem solid #cacaca;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.pay-number li label:after, .pay-number li label:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
}

.pay-number li input:checked + label {
    border-color: #38a6f3;
}

.pay-number li input:checked + label:before {
    font-family: iconfont;
    content: "\e60d";
    color: #fff;
    right: -.01rem;
    font-size: .12rem;
    height: .12rem;
    line-height: .12rem;
    z-index: 3;
}

.pay-number li input:checked + label:after {
    border: .1rem solid #38a6f3;
    border-top-color: transparent;
    border-left-color: transparent;
}

.pay-number-custom input {
    border: .01rem solid #cacaca;
    padding: .1rem;
    width: 5rem;
}

.pay-number-custom input:focus {
    border-color: #38a6f3;
}

.pay-number-custom p, .pay-number-custom i {
    color: #f00;
}

.pay-number-custom i {
    font-style: normal;
    padding: 0 .05rem;
}

.pay-number-custom span {
    padding-left: .2rem;
}

.pay-number-custom p {
    padding-top: .1rem;
}

.pay-btn {
    padding-bottom: .5rem;
    padding-top: .2rem;
}

.pay-btn a {
    padding: .15rem 0;
    display: block;
    width: 1.7rem;
    text-align: center;
    background: #38a6f3;
    color: #fff;
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
}

/*登录注册*/
.login > * {
    background: #fff;
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
    max-width: 6rem;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s;
    transition: height .3s;
}

.login-head {
    height: .94rem;
    position: relative;
}

.login-head div {
    width: 1.64rem;
    height: .48rem;
    margin: auto;
    background-image: url(../images/logo.png);
}

.login-head i {
    position: absolute;
    font-size: .4rem;
    color: #999;
    right: .3rem;
    top: 0;
    bottom: 0;
    display: table;
    margin: auto;
    cursor: pointer;
}

.login-tab {
    text-align: center;
    font-size: .22rem;
    margin: 0 .2rem;
}

.login-tab span {
    padding: .1rem 0 .2rem;
    cursor: pointer;
    border-bottom: .02rem solid #e3e1e2;
}

.login-tab span.active {
    color: #38a6f3;
    border-color: currentColor;
}

.login-main {
    margin-top: .4rem;
}

.login-main ol.active {
    display: none;
}

.login-main li {
    margin: 0 auto .2rem;
}

.login-main .list, .login-main .btn {
    height: .7rem;
    -webkit-border-radius: .7rem;
    border-radius: .7rem;
}

.login-main .list {
    width: 4.6rem;
    background: #f8f6f7;
    border: .01rem solid #e3e1e2;
}

.login-main .btn {
    width: 2.9rem;
    font-size: .22rem;
    line-height: .7rem;
    background: #38a6f3;
    border: .01rem solid #3596da;
    color: #fff;
    text-align: center;
    margin-bottom: .4rem;
    margin-top: .4rem;
    cursor: pointer;
}

.login-main .list i {
    width: .54rem;
    height: .54rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: .54rem;
    background: #fff;
    -webkit-box-shadow: .02rem .02rem .1rem #e3e1e2;
    box-shadow: .02rem .02rem .1rem #e3e1e2;
    margin-left: .1rem;
    margin-right: .15rem;
    font-size: .24rem;
    color: #666;
}

.login-main .list em {
    background: #38a6f3;
    height: 100%;
    color: #fff;
    font-style: normal;
    line-height: .68rem;
    width: 1.9rem;
    text-align: center;
    white-space: nowrap;
    -webkit-border-radius: .68rem;
    border-radius: .68rem;
    cursor: pointer;
}

.login-main .list em.disabled {
    background: #b4b4b4;
    cursor: inherit;
}

.login-main .list input {
    padding: .05rem;
    border: 0;
    width: 100%;
    background: transparent;
}

.login-main .check {
    width: 4.6rem;
    margin: 0 auto;
    padding-left: .2rem;
}

.login-main .check input {
    display: none;
}

.login-main .check label {
    position: relative;
    padding-left: .25rem;
    font-size: .16rem;
    color: #666;
}

.login-main .check label a {
    text-decoration: underline;
    color: #38a6f3;
}

.login-main .check label:after {
    position: absolute;
    font-family: "iconfont";
    content: "\e602";
    font-size: .2rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #e3e1e2;
}

.login-main .check input:checked + label:after {
    content: "\e61f";
    color: #38a6f3;
}

.alert,.dispute {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
}

.alert > *,.dispute > * {
    position: absolute;
    width: 80%;
    max-width: 3rem;
    z-index: 10001;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    display: table;
    margin: auto;
    text-align: center;
    -webkit-border-radius: .03rem;
    border-radius: .03rem;
    font-size: .18rem;
    -webkit-animation: alert_in .3s;
    animation: alert_in .3s;
}

.alert > *.move-out,.dispute > *.move-out {
    -webkit-animation: alert_out .3s forwards;
    animation: alert_out .3s forwards;
}

@-webkit-keyframes alert_in {
    0.00% {
        opacity: 0;
        -webkit-transform: scale(1.185);
        transform: scale(1.185);
    }
}

@keyframes alert_in {
    0.00% {
        opacity: 0;
        -webkit-transform: scale(1.185);
        transform: scale(1.185);
    }
}

@-webkit-keyframes alert_out {
    100% {
        opacity: 0;
        -webkit-transform: scale(.85);
        transform: scale(.85);
    }
}

@keyframes alert_out {
    100% {
        opacity: 0;
        -webkit-transform: scale(.85);
        transform: scale(.85);
    }
}

.alert-hd {
    padding: .24rem 0 .12rem;
    line-height: 1.2;
}

.alert-bd {
    padding: 0 .24rem .12rem;
    font-size: .15rem;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999;
    min-height: .52rem;
}

.alert-ft a {
    display: block;
    padding: .15rem 0;
    color: #38a6f3;
    position: relative;
}

.alert-ft a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .01rem;
    border-top: .01rem solid #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.dispute > * {
    height: auto;
    max-width: 12.6rem;
    -webkit-animation: alert_in .3s;
    animation: alert_in .3s;
    text-align: left;
}
.dispute > * > div:nth-child(2) {
    padding: .3rem;
    border-top: .01rem solid #e3e1e2;
}
.dispute dl {
    font-size: .18rem;
    max-height: 7.5rem;
    overflow-y: auto;
}
.dispute dl dt h3 {
    text-align: center;
}
.dispute dl dt {
    padding-top: .2rem;
}
.dispute dl dt:first-child{
    padding-top: 0;
}
.dispute dl dd i {
    margin-top: 0;
}
.dispute dl dd {
    color: #666;
    line-height: 1.3;
    font-size: .16rem;
    padding-top: .1rem;
}

.footer {
    background: #000;
    color: #fff;
    font-size: .14rem;
    text-align: center;
    padding: .25rem 0;
    line-height: 1.8;
}

.autoFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.footer a {
    color: currentColor;
    text-decoration: underline;
}

.footer p:nth-child(2) img {
    width: .2rem;
}

.footer p:nth-child(5) {
    padding-top: .1rem;
}

.footer p:nth-child(5) img {
    height: .5rem;
}

.footer p:nth-child(5) a {
    margin-right: .2rem;
    font-size: .12rem;
    color: #999;
    text-decoration: none;
}

.footer p:nth-child(5) a:first-child {
    margin-left: auto;
}

.footer p:nth-child(5) a:nth-child(3) {
    line-height: 1.1;
}

.footer p:nth-child(5) a:last-child {
    margin-right: auto;
}

.float {
    display: none;
}

.service h1 {
	font-size: 24px;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 20px;
	margin-top: .67em;
	text-align: center;
}

.service h2 {
	font-size: 15px;
	line-height: 26px;
	margin-top: 10px;
}

.service h3 {
	font-size: 14px;
	margin-top: 10px;
}

.service p {
	text-indent: 20px;
	color: #777;
	margin: 1em 0;
	font-size: 15px;
	line-height: 1.5;
}

.service p i {
	color: #f44336;
	font-weight: bold;
}

.service p strong {
	color: #303030;
}

.service .cp {
	font-size: 12px;
}

.service p a {
	color: #2697fc;
}

@media screen and (min-width: 1200px) {
    .float {
        display: block;
        position: fixed;
        right: .1rem;
        top: 50%;
    }
    .float > div {
        background: #5bbefe;
        border: .03rem solid #fff;
        padding: .2rem .1rem;
        text-align: center;
    }
    .float img {
        width: 1.3rem;
        height: 1.3rem;
        border: .04rem solid rgba(255,255,255,.4);
    }
    .float span {
        font-size: .14rem;
        color: #fff;
    }
    .float span:nth-child(2) {
        padding-top: .05rem;
    }
}

@media screen and (width: 375px) and (height: 724px) {
    .footer {
        padding-bottom: .6rem;
    }
}

@media screen and (max-width: 750px) {
    .box, .box-small {
        width: auto;
    }

    .top-bar {
        height: .94rem;
        border: 0;
        background: #fff;
    }

    .top-nav {
        position: relative;
    }

    .top-nav > a:first-child {
        width: 1.64rem;
        height: .48rem;
        margin: auto;
    }

    .top-nav ol {
        position: fixed;
        text-align: left;
        top: .94rem;
        width: 85%;
        left: -85%;
        background: #fff;
        z-index: 9999;
        display: block;
        -webkit-transition: left .3s;
        transition: left .3s;
    }

    .top-nav li {
        width: auto;
        height: 1rem;
    }

    .top-nav li a {
        line-height: 1;
        font-size: .34rem;
        font-weight: 400;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .top-nav li a > * {
        margin: auto 0;
    }

    .top-nav li.active a:after, .top-nav li a:hover:after {
        content: none;
    }
    .top-nav li a i,.top-nav li a em {
        display: block;
    }
    .top-nav li a i {
        font-size: .44rem;
        margin-left: .4rem;
        margin-right: .2rem;
        color: #56656a;
    }
    .top-nav li a i.icon-nav-jz{
        font-weight: bold;
    }
    .top-nav li.active a i {
        color: currentColor;
    }

    .top-nav li a em {
        font-size: .3rem;
        margin-right: .2rem;
    }

    .top-nav li.active a em {
        color: #fff;
    }

    .top-nav li a span {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .top-nav > p {
        display: none;
    }

    .top-bar > .active ol {
        left: 0;
    }

    .top-bar > .active p {
        position: fixed;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: .94rem;
        background: rgba(0, 0, 0, .5);
        z-index: 999;
    }

    .top-bar > .active p a {
        display: none;
    }

    .top-nav > i {
        top: 0;
        bottom: 0;
        color: #2697fc;
        display: table;
        cursor: pointer;
        font-size: .48rem;
    }

    .top-nav .icon-menu,.top-nav .icon-close {
        right: .3rem;
    }

    .top-nav .icon-back {
        left: .15rem;
    }

    .slider-bar {
        height: 3rem;
        margin-top: 0;
        background: none;
    }

    .slider-active {
        bottom: .15rem;
    }

    .slider-active li {
        width: .1rem;
        height: .1rem;
        -ms-flex: inherit;
        -webkit-flex: inherit;
        flex: inherit;
        background: #fff;
        margin-right: .15rem;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .slider-active li:first-child {
        margin-left: auto;
    }

    .slider-active li:last-child {
        margin-right: auto;
    }

    .recommend h1 {
        margin: 0 auto;
    }

    .recommend ol {
        margin: .1rem .3rem 0;
    }

    .recommend li {
        width: 3.35rem;
        margin-top: .2rem;
    }

    .recommend li > a > div {
        padding: .15rem;
    }

    .recommend li > a > div img {
        width: 1.5rem;
    }

    .recommend li > a div span {
        padding: .08rem 0;
        margin-top: .05rem;
    }

    .about dl {
        position: relative;
    }

    .about dt {
        margin: 0;
    }

    .about dd {
        padding: 0 .3rem;
    }
    .about dd:nth-child(2) {
        height: 6.75rem;
    }
    .about dd:last-child {
        text-align: left;
        text-indent: .4rem;
        margin-top: 0;
        position: absolute;
        top: 1.13rem;
    }

    .about dd:last-child p i {
        display: inline;
    }

    .about dd ol {
        position: relative;
        margin-top: 0;
        top: 1.6rem;
        height: calc(100% - 1.8rem);
    }

    .about dd ol li {
        position: absolute;
        margin: 0 !important;
        height: 2.36rem !important;
        top: 0 !important;
    }
    .about dd ol li:nth-child(1) {
        width: 2.1rem;
        left: 2.6rem;
    }
    .about dd ol li:nth-child(2) {
        width: 2.4rem;
        left: 0;
    }
    .about dd ol li:nth-child(3) {
        width: 4.08rem;
        right: 0;
        bottom: 0;
        top: auto !important;
    }
    .about dd ol li:nth-child(4) {
        bottom: 0;
        width: 2.62rem;
        top: auto !important;
    }
    .about dd ol li:nth-child(5) {
        right: 0;
        width: 2rem;
    }

    .about dd ol li:nth-child(1) a {
        width: 2.26rem;
        height: 2.9rem;
        right: 0;
        left: auto;
        top: auto;
        bottom: 0;
        background-image: url("../images/about/img_m_1.png");
    }

    .about dd ol li:nth-child(2) a {
        width: 3.32rem;
        height: 2.78rem;
        right: -.2rem;
        left: auto;
        top: auto;
        bottom: 0;
        background-image: url("../images/about/img_m_2.png");
    }

    .about dd ol li:nth-child(3) a {
        width: 3.68rem;
        height: 2.72rem;
        background-image: url("../images/about/img_m_3.png");
        right: 0;
        left: auto;
        top: auto;
        bottom: 0;
    }

    .about dd ol li:nth-child(4) a {
        width: 2.52rem;
        height: 2.78rem;
        top: auto;
        bottom: 0;
        background-image: url("../images/about/img_m_4.png");
    }
    .about dd ol li:nth-child(5) a {
        width: 1.74rem;
        height: 2.95rem;
        right: 0;
        left: auto;
        top: auto;
        bottom: 0;
        background-image: url("../images/about/img_m_5.png");
    }
    .about dd li > div div {
        margin-bottom: .1rem;
    }

    .together dd:nth-child(2) {
        width: 6.17rem;
    }

    .together dd:nth-child(3) {
        width: 6.89rem;
    }

    .together .link {
        display: none;
    }

    .together dd.brand a {
        margin-bottom: .15rem;
        height: .42rem;
    }
    .map {
        margin-top: 0;
    }
    .business, .pay {
        margin-top: 0;
    }

    .business dt:nth-child(1), .pay > dt:nth-child(1) {
        height: .9rem;
        line-height: .9rem;
        padding-top: 0;
        font-size: .36rem;
        border-bottom: 0;
        color: #2697fc;
        border-top: .04rem solid currentColor;
        background: #fff;
    }

    .business dd:nth-child(2) {
        background: transparent;
        margin-top: .2rem;
    }
    .business dd:nth-child(2) ol {
        display: block;
        padding: 0.3rem;
    }

    .business dd:nth-child(2) li {
        margin-top: 0;
        width: 100%;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .business dd:nth-child(2) li:nth-child(2) {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .business dd:nth-child(2) li > div:nth-child(1) {
        padding: 0;
        width: 2.35rem;
        height: 2rem;
        line-height: 2.6rem;
        position: relative;
    }
    .business dd:nth-child(2) li > div:nth-child(1):after{
        content: "";
        position: absolute;
        border-top: .2rem solid transparent;
        border-bottom: .2rem solid transparent;
        border-left: .2rem solid #27aefd;
        right: -.2rem;
        top: 0;
        bottom: 0;
        display: table;
        margin: auto;
    }
    .business dd:nth-child(2) li:nth-child(2) > div:nth-child(1):after {
        right: auto;
        left: -.2rem;
        border-left: 0;
        border-right: .2rem solid #24c3fd;
    }

    .business dd:nth-child(2) li > div:nth-child(1) strong {
        font-size: .26rem;
    }

    .business dd:nth-child(2) li > div:nth-child(1) i {
        width: .46rem;
        height: .46rem;
        border: none;
        background: transparent;
        position: absolute;
        line-height: 1;
        top: .6rem;
    }

    .business dd:nth-child(2) li > div:nth-child(1) i:before {
        font-size: .46rem;
    }
    .business dd:nth-child(2) li > div:nth-child(1) i:after {
        content: none;
    }
    .business dd:nth-child(2) li > div:nth-child(2) {
        margin: auto;
    }
    .business dd:nth-child(2) li > div:nth-child(2) i {
        margin: .3rem .1rem .3rem auto;
    }

    .business dd:nth-child(2) li > div:nth-child(2) div > * {
        font-size: .14rem;
    }

    .business dd:nth-child(2) li > div:nth-child(2) div strong:nth-child(2) {
        padding-bottom: .1rem;
    }

    .business dd:nth-child(2) li > div:nth-child(2) div span {
        font-size: .22rem;
    }

    .business dt:nth-child(3) {
        font-size: .3rem;
    }

    .business dt:nth-child(3):after {
        border-top-color: #f1f4f9;
    }

    .business dt:nth-child(3) strong {
        border-bottom-width: .03rem;
    }

    .business dd:nth-child(4) {
        padding-top: .4rem;
    }

    .business dd:nth-child(5) ol {
        padding: 0 .3rem;
    }

    .business dd:nth-child(5) li {
        height: 1.9rem;
    }

    .business dd:nth-child(5) li i {
        font-size: .7rem;
    }

    .business dd:nth-child(5) li h3 {
        font-size: .22rem;
    }

    .business dd:nth-child(5) li p {
        font-size: .14rem;
    }

    .slogan .box div {
        margin-left: 2.75rem;
        margin-top: .95rem;
    }

    .recruit {
        margin-top: 0;
    }

    .recruit .box {
        display: block;
        border-top: .04rem solid #2697fc;
    }

    .recruit .left {
        width: auto;
        background: transparent;
    }

    .recruit .left dt {
        height: .88rem;
        line-height: .88rem;
        font-size: .3rem;
        padding: 0;
    }

    .recruit .left ol {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .recruit .left li:before, .recruit .left li:after {
        content: none;
    }

    .recruit .left li {
        width: 24.5%;
        margin-left: auto;
        margin-top: 0;
        margin-bottom: .05rem;
        background: #f4f2f3;
    }

    .recruit .left li.disabled {
        background: transparent;
    }

    .recruit .left li:first-child, .recruit .left li:nth-child(4n+1) {
        margin-left: 0;
    }

    .recruit .left li:hover, .recruit .left li.active {
        background: #2697fc;
        color: #fff;
    }

    .recruit .left li.disabled:hover {
        background: transparent;
    }

    .recruit .right {
        width: auto;
        padding: 0 .3rem;
    }

    .recruit .right > li {
        padding: 0 0 .3rem;
        margin: .3rem 0 0;
    }

    .pay-select {
        font-size: .26rem;
    }

    .pay-number li {
        width: 20%;
        margin-right: .2rem;
    }

    .pay-type li:last-child, .pay-number li:last-child {
        margin-right: 0;
    }

    .pay > dd > dl > dt {
        font-size: .3rem;
    }

    .pay-number li label {
        width: 100%;
    }

    .pay-number-custom span {
        display: block;
        padding-left: 0;
        padding-top: .2rem;
    }

    .pay-number-custom input {
        width: 100%;
        padding: .15rem .1rem;
    }

    .pay-select-box > div:nth-child(1) {
        font-size: .3rem;
    }
    .pay-select-box > div:nth-child(1) > div {
        padding: .25rem .2rem;
    }

    .pay-btn a {
        margin: 0 auto;
        width: 60%;
        padding: .3rem 0;
        font-size: .3rem;
    }

    .alert > * {
        max-width: 5rem;
        font-size: .26rem;
    }

    .alert-hd {
        padding: .48rem 0 .24rem;
    }

    .alert-bd {
        padding: 0 .48rem .24rem;
        min-height: .6rem;
        font-size: .2rem;
    }

    .alert-ft a {
        padding: .3rem 0;
    }
}