body{ background: #fbfbfb}
.g-job-box{ margin-top: 30px}
.m-left-box{ width: 268px; height: auto; background: #fff; overflow: hidden;}
.m-left-box h1{ width: 100%; height: 18px; line-height: 18px; font-size: 16px; font-weight: bold; color: #0559af; margin: 28px 0 0; text-indent: 28px; display: block; overflow: hidden;}
.m-left-box ul{ width: 100%; height: auto; margin: 10px 0 0; display: block; overflow: hidden;}
.m-left-box ul li{ width: 264px; height:55px; line-height: 55px; font-size: 16px; font-weight: normal; color: #222; border-left: 4px solid #fff; text-indent: 24px; display: block; overflow: hidden; cursor: pointer;}
.m-left-box ul li i{ width: 7px; height: 7px; border-top: 2px solid #999; border-right: 2px solid #999; transform: rotate(45deg); float: right; margin: 20px 20px 0 0; display: inline; overflow: hidden;}
.m-left-box ul li.f-hover{ border-color: #fe9900; background: #fbfbfb;}

.m-right-box{ width: 830px; height: auto; margin: 0 0 0 24px; padding: 29px 39px; overflow: hidden; background: #fff}
.m-right-box .u-work-name{ width: 100%; height: 40px; line-height:40px; font-size: 18px; font-weight: bold; color: #0559af; display: block; overflow: hidden;}
.m-right-box .m-work-cont{ width: 100%; height: auto; display: block; overflow: hidden;}
.m-right-box .m-work-cont h3{ width: 100%; height: auto; line-height: 25px; font-size: 16px; font-weight: bold; color: #222; margin: 20px 0 0; display: block; overflow: hidden;}
.m-right-box .m-work-cont p{ width: 100%; height: auto; line-height: 25px; font-size: 14px; font-weight: normal; color: #666; margin: 5px 0 0; display: block; overflow: hidden;}

.m-right-box .u-work-name .u-jobapplication-btn{ width: 100px; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; background: #0c74de; border-radius: 4px; float: right; display: block; overflow: hidden; cursor: pointer; display: none}

@media only screen and (max-width: 640px) {
    .g-job-box{ margin: 0}
    .m-left-box{ width: 100%; float: none; display: block; position: relative; padding: 0 0 0 0; background: none}
    .m-left-box h1{ height: 42px; line-height: 42px; font-size: 16px; font-weight: bold; margin: 0; color: #222; text-indent: 14px;}
    .m-left-box ul{ height: 40px; margin: 0; overflow-x: auto; white-space: nowrap; padding: 0 14px 0 0; box-sizing: border-box; font-size: 0; line-height: 0;}
    .m-left-box ul li{ width: auto; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; color: #666; text-align: center; margin: 0 0 0 14px; display: inline-block; border: 1px solid #e6e5e5; text-indent: 0; padding: 0 12px; box-sizing: border-box; border-radius: 4px;}
    .m-left-box ul li i{ display: none}
    .m-left-box ul li.f-hover{ background: #0366cc; border-color: #0366cc; color: #fff;}
    .m-right-box{ width: auto; margin:14px 14px 0; padding: 14px; box-sizing: border-box; float: none; display: block;}
    .m-right-box .f-click-tabcont{ position: relative; padding: 0 0 44px 0;}
    .m-right-box .m-work-cont h3{ margin: 10px 0 0;}
    .m-right-box .u-work-name{ height: auto}
    .m-right-box .u-work-name .u-jobapplication-btn{ width: 100%; height: 38px; line-height: 38px; font-size: 15px; border-radius: 40px; margin:3px 0 0; position: absolute; left: 0; bottom: 0;}
}