@charset "UTF-8";

/* CSS Document */
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
table,
th,
td,
img,
div,
dl,
dt,
dd,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
}

body {
    font-family: 'Microsoft Yahei';
    width: 7.5rem;
    margin: 0 auto;
}

ul,
ol,
li {
    list-style: none;
}

em {
    font-style: normal;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    overflow: hidden;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

a {
    cursor: pointer;
    text-decoration: none;
}

button,
input,
select {
    border: none;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
}

.width {
    width: 7.2rem;
    margin: 0 auto;
}

.bg {
    width: 7.5rem;
    height: .2rem;
    background: #FFF;
    clear: both;
}

.banner {
    width: 7.5rem;
    background: url(img/bg1.png);
    background-size: 100% 100%;
}

/*header*/
.gd_header {
    position: relative;
    width: 7.5rem;
    height: 3.74rem;
    padding-top: .07rem;
    background-size: 100% auto;
}

.gd_logo {
    display: block;
    float: left;
    margin-left: .2rem;
    width: 2.3rem;
    margin-top: .2rem;
}

.gd_logo a {
    display: block;
}

.gd_logo img {
    display: block;
    max-width: 100%;
}

.gd_con {
    width: 7.5rem;
    height: 3.67rem;
    background: url(img/vs_bg.png) no-repeat;
    background-size: 100% auto;
}

.gd_btn {
    position: relative;
    width: 2.76rem;
    height: .57rem;
    line-height: .57rem;
    background: linear-gradient(0deg, #FF3300 0%, #FF9933 100%);
    border-radius: .29rem;
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    margin-top: -1rem;
}

.gk_intro {
    position: relative;
    width: 7.1rem;
    height: 1.59rem;
    background: url(img/gkwhite.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    border-radius: 0 .4rem .4rem .4rem;
}

/*公考*/
.gk_iwarp {
    text-align: center;
    font-size: 0;
}

.gk_iwarp .bw {
    width: 7.16rem;
    height: 2.59rem;
    background: url(img/bw.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
}

.exam {
    margin-top: .2rem;
}

.exam img {
    width: 4.1rem;
}

.scaleFont {
    display: inline-block;
    transform: scale(0.92);
    transform-origin: top center
}

.bw_top {
    padding-top: .83rem;
    display: flex;
    justify-content: center;
}

.bw_top .gkgwy {
    margin-top: .12rem;
    width: 1.52rem;
    height: .35rem;
    background: #FFFFFF;
    border-radius: .17rem;
    font-size: .2rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FF0000;
    line-height: .35rem;
    text-align: center;
}

.bw_top .skgwy {
    margin-top: .12rem;
    width: 1.52rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    background: #FF4A1B;
    border-radius: .17rem;
    font-size: .2rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFF;
}

.bw_top .bw_vs {
    margin: 0 .7rem;
    width: .64rem;
    height: .64rem;
    background: url(img/bwvs.png) no-repeat;
    background-size: 100% auto;
}

.bw_con {
    padding-top: .08rem;
    width: 7.3rem;
    display: flex;
    justify-content: center;
}

.bw_con .gkgwy_l {
    width: 3.3rem;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
}

.bw_con .bw_c {
    margin: 0 .1rem;
    width: 1.16rem;
    height: .27rem;
    line-height: .27rem;
    color: #fff;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    background: linear-gradient(0deg, #015EEA 0%, #00C0FA 100%);
}

.bw_con .skgwy_r {
    width: 3.3rem;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FF441D;
    text-align: left;
}

/*招录机关*/
.exam2 {
    margin-top: .18rem;
    padding-bottom: .21rem;
    background: #ff6633;
}

.exam2 img {
    width: 3.84rem;
}

.jg {
    width: 7.11rem;
    background: #FFFFFF;
    box-shadow: 0 1px 1.33rem 0 rgba(253, 238, 32, 0.5);
    border-radius: .16rem;
    margin: 0 auto;
    margin-top: -.65rem;
    padding-bottom: .12rem;
}

.jg_top {
    padding-top: .61rem;
    display: flex;
    justify-content: center;
}

.jg_top .gkgwy {
    margin-top: .12rem;
    width: 1.52rem;
    height: .35rem;
    background: #016EED;
    border-radius: .17rem;
    font-size: .2rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #fff;
    line-height: .35rem;
    text-align: center;
}

.jg_top .skgwy {
    margin-top: .12rem;
    width: 1.52rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    background: #FF4A1B;
    border-radius: .17rem;
    font-size: .2rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFF;
}

.jg_top .bw_vs {
    margin: 0 .7rem;
    width: .64rem;
    height: .64rem;
    background: url(img/ovs.png) no-repeat;
    background-size: 100% auto;
}

.jg_c {
    padding: .15rem .24rem;
    width: 6.94rem;
    margin: 0 auto;
    margin-top: .09rem;
    background: linear-gradient(87deg, #FF431D 0%, #FFAE00 100%);
    box-shadow: 0rem .2rem .35rem 0rem rgba(249, 55, 14, 0.1);
    border-radius: .37rem;
    color: #fff;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
}

.exam2 .jg_b {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jg_b_c {
    width: 1px;
    height: 2.13rem;
    background: #FF4A1B;
    margin: .2rem .36rem;
}

.jg_h {
    font-size: .02rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #016EED;
    margin-top: .2rem;
    margin-bottom: .2rem;
}

.jg_h_r {
    color: #FF4A1B;
}

.jg_box_w {
    margin: 0 auto;
    margin-top: .2rem;
    width: 2.75rem;
    padding: .1rem;
    background: rgba(1, 110, 237, 0.1);
    border-radius: .08rem;
}

.jg_b_r .jg_box_w {
    background: #FF4A1B;
}

.jg_box {
    width: 100%;
    background: #FFFFFF;
    border-radius: .2rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    font-size: .16rem;
    text-align: center;
    margin-bottom: .1rem;
}

.mb0 {
    margin-bottom: 0;
}

/*工资待遇*/
.gz {
    background: #FFF;
    padding-bottom: .38rem;
    padding-top: .35rem;
}

.gz img {
    width: 3.84rem;
}

.gzdy .jg_c {
    width: 6.44rem;
    text-align: left;
}

.gzdy {
    width: 7.11rem;
    background: rgba(1, 110, 237, 0.1);
    border-radius: .16rem;
    margin: 0 auto;
    margin-top: -.65rem;
    padding-bottom: .24rem;
}

.gzdy .jg_b {
    width: 6.77rem;
    background: #FFFFFF;
    border-radius: .08rem;
    margin: 0 auto;
    margin-top: .15rem;
    padding: .26rem .12rem;
}

.gzdy .jg_b p {
    font-size: .20rem;
    font-family: Microsoft YaHei;
    color: #333333;
}

/*国家公务员报考条件*/
.ksnr {
    padding-top: .2rem;
    width: 7.5rem;
    background: url(img/bg2.png) no-repeat;
    background-size: 100% auto;
    padding-bottom: .45rem;
}

.ksnr img {
    width: 4.72rem;
    height: 1.39rem;
}

.ksnr h3 {
    text-align: center;
    font-size: .38rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: .28rem;
}
.ksnr .bwvs{
    width: 1.35rem;
    height: 1.35rem;
}
.ks {
    margin-top: .41rem;
    margin-bottom: .45rem;
}

.ks_h {
    position: relative;
    width: 2.77rem;
    height: .77rem;
    line-height: .77rem;
    text-align: center;
    background: linear-gradient(0deg, #015EEA 0%, #00C0FA 100%);
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 auto;
    z-index: 999;
}

.ks_box_w {
    width: 6.99rem;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .45rem .31rem .36rem;
    margin: 0 auto;
    margin-top: -.34rem;
}

.ks_box {
    font-size: .24rem;
    width: 6.35rem;
    background: rgba(1, 110, 237, 0.1);
    border-radius: .16rem;
    padding: .2rem .35rem;
    margin-bottom: .12rem;
}
.ksnr .dianji{
    width: 5.02rem;
    height: 1.05rem;
    margin: 0 auto;
}

/*国家公务员考试难度*/
.ksnd {
    padding-top: .61rem;
    width: 7.5rem;
    background: #fff;
    padding-bottom: .61rem;
}
.ksndImg{
    width: 4.72rem;
    height: 1.39rem;
    margin: 0 auto;
}
.bluevs{
    width: 1.35rem;
    height: 1.35rem;
    margin: 0 auto;
    margin-top: .4rem;
    margin-bottom: .4rem;
}
.ksnd .ks{
    padding-top: 2rem;
    width: 6.99rem;
    height: 5.39rem;
    margin: 0 auto;
    background: url(img/time.png) no-repeat;
    background-size: 100% auto;
}
.ksnd .ksk{
    background: url(img/diff.png) no-repeat;
    background-size: 100% auto;
}
.ksnd .ks_box{
    width: 6.35rem;
    padding: .2rem .2rem;
background: #FFFFFF;
border-radius: .68rem;
margin: 0 auto;
margin-bottom: .22rem;
}
/*国家公务员考试常见问题*/
.cjwt{
    width: 7.5rem;
    background: url(img/bg3.png);
    background-size: 100% 100%;
    padding-bottom: .82rem;
}
.gsvs{
    width: 4.72rem;
    height: 1.39rem;
    margin-top: .17rem;
}
.cjwt_w{
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 7.03rem;
    background: #E5F0FD;
    border-radius: .16rem;
    margin-top: -0.7rem;
    padding-top: .72rem;
}
.cjwt_box{
    width: 2.67rem;
    min-height: 1.35rem;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    padding-top: 2.6rem;
    margin-bottom: .32rem;
}
.cjwt_box p{
    padding:0 .11rem;
    font-size: .18rem;
    max-height: 5rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    background: #FFF;
    border-radius: 0 0 .13rem .13rem;
    padding-bottom: .15rem;
}
.cjwt1{
    background: url(img/cjwt1.png) no-repeat;
    background-size: 100% auto;
}
.cjwt2{
    background: url(img/cjwt2.png) no-repeat;
    background-size: 100% auto;
}
.cjwt3{
    background: url(img/cjwt3.png) no-repeat;
    background-size: 100% auto;
}
.cjwt4{
    background: url(img/cjwt4.png) no-repeat;
    background-size: 100% auto;
}
.orange{
    background: linear-gradient(0deg, #FFCC33 0%, #FF9900 100%);
}
/*底部*/
.ks_zx {
    width: 7.5rem;
    height: .98rem;
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 100;
    margin-left: -3.75rem;
    text-align: center;
}

.ks_zx .zx_dh {
    width: 50%;
    height: .98rem;
    display: block;
    float: left;
    font-size: .28rem;
    color: #fff;
    line-height: .98rem;
    padding-left: 0.2rem;
    background: #15bdff url(../img/mgwy_09.png) no-repeat .6rem center;
    background-size: .38rem .38rem;
    box-sizing: border-box;
}

.ks_zx .ks_zz {
    display: block;
    width: 50%;
    height: .98rem;
    line-height: .98rem;
    float: left;
    font-size: .28rem;
    padding-left: 0.3rem;
    background: #007aff url(../img/mgwy_10.png) no-repeat 1rem center;
    background-size: .38rem .34rem;
    color: #fff;
    box-sizing: border-box;
}

.bottom-layout {
    width: 7.5rem;
    background: white;
    z-index: 9999;
    bottom: 0rem;
}

.odm-position-fixed {
    position: fixed;
}

.service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .47rem .43rem .22rem;
}

.service .item {
    text-align: center;
    font-size: .23rem;
}

.service .item img {
    width: 0.48rem;
    height: 0.48rem;
    margin-bottom: 0.07rem;
}

a:link {
    color: #666666;
    text-decoration: none !important;
}

a {
    color: #666666;
    text-decoration: none !important;
}

.bottom {
    background-color: #1C1C1C;
    text-align: center;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    line-height: .25rem;
    margin-bottom: 1.6rem;
}

.odm-vertical-list {
    flex-direction: column;
}

.odm-flex {
    display: -webkit-flex;
    display: flex;
}

.bottom_layout_top {
    display: flex;
    justify-content: space-between;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    padding: .49rem 1.05rem .4rem 1.05rem;
}

.txt-botm {
    color: #FFFFFF !important;
    font-size: .18rem !important;
}

.mb30 {
    margin-bottom: .3rem;
}

.mt13 {
    margin-top: .13rem;
}

.odm-align-center {
    justify-content: center;
}

.mstx {
    margin-bottom: 1.25rem;
}

.mstx .title {
    padding-top: 0.54rem;
    margin-bottom: 0.35rem;
    font-size: .36rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.mstx .title img {
    width: 3.21rem;
    height: 0.37rem;
}

.mstx .mstx_img {
    padding: 0 .2rem .16rem;
    font-size: 0;
    text-align: center;
}

.mstx .mstx_img img {
    width: 100%;
}