body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
#gkwweb {
    /* border: 1px solid #ccc; */
    /* width: 100%;
    height: 375px; */
    font-size: 12px;
}
@media (min-width: 321px) and (max-width: 414px) {
    html {
        font-size: 23.4375px;
    }
}
/* @media (min-width: 415px) {
  html {
    font-size: 25.875px;
  }
} */
#gkwweb #top{
    border-bottom: 1px solid #ccc;
    line-height: 30px;
}
#gkwweb #u1{
    padding: 10px;
}
#gkwweb #u1 li{
    /* margin-bottom: 10px; */
    flex-direction: row;
    justify-content: space-between;
    border: none;
    padding: 0 0 8px 0;
    display: flex;
}
#gkwweb #u1 .pro-li{
    /* margin-bottom: 10px; */
    justify-content: flex-start;
    border: none;
    padding: 0 0 8px 0;
    display: flex;
}
#gkwweb #u1 .l_g_type .lgk span{
    /* margin-bottom: 10px; */
    display: inline-block;
    min-width: 40px;
    margin-left: 19px;
}
#gkwweb #u1 .l_g_type{
    /* margin-bottom: 10px; */
    display: flex;
    margin-left: 5%;
}
#gkwweb #u1 li .l_left{
    color: #686B73;
    font-size: 12px;
    display: flex;
    line-height: 30px;

}
#gkwweb .selPro {
    width: 100%;
    height: 30px;
    background: #F5F5F5;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: 1px solid #ccc;
    padding-left: 10px;
}
#gkwweb .l_sel {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    position: relative;
    height: 30px;
}
#gkwweb .l_sel::after {
    content: '';
    position: absolute;
    right: .5rem;
    top: 12px;
    width: 0;
    height: 0;
    border: .3rem solid transparent;
    border-top-color: #A2A7B4;
}
#gkwweb #u1 .lgk{
    margin-left: 10px;
    height: 30px;
    display: inline-block;
    flex: 1;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}
#gkwweb #u1 .lgk label{
    width: 46%;
    display: inline-block;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 30px;
    background: #F5F5F5;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
#gkwweb #u1 .lgk label input{
    -webkit-appearance: none;
    border: 0;
    width: 0.45rem;
    height: 0.45rem;
    position: absolute;
    left: .35rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://gaokaoimg.oss-cn-beijing.aliyuncs.com/assets/images/m/college_ku/Oval.png) no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

#univNum::-webkit-input-placeholder { /* WebKit browsers ???谷�? */
    font-size: 12px !important;
}
#univNum:-moz-placeholder { /* Mozilla Firefox 4 to 18 ?????? */
    font-size: 12px !important;
}
#univNum::-moz-placeholder { /* Mozilla Firefox 19+ ?????? */
    font-size: 12px !important;
}
#univNum:-ms-input-placeholder { /* Internet Explorer 10+  ???ie*/
    font-size: 12px !important;
}
#rankNum::-webkit-input-placeholder { /* WebKit browsers ???谷�? */
    font-size: 12px !important;
}
#rankNum:-moz-placeholder { /* Mozilla Firefox 4 to 18 ?????? */
    font-size: 12px !important;
}
#rankNum::-moz-placeholder { /* Mozilla Firefox 19+ ?????? */
    font-size: 12px !important;
}
#rankNum:-ms-input-placeholder { /* Internet Explorer 10+  ???ie*/
    font-size: 12px !important;
}
#gkwweb #u1 input {
    font-size: 12px !important;
}
#gkwweb #u1 .lgk label input:checked {
    background-image: url(https://gaokaoimg.oss-cn-beijing.aliyuncs.com/assets/images/m/college_ku/Oval_on.png);
}

#gkwweb #u1 .lgk label span {
    margin-left: 26px;
}
#gkwweb #u1 .xgk-new .label-sub input{
    -webkit-appearance: none;
    border: 0;
    width: 8px;
    height: 8px;
    position: absolute;
    left: .35rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://gaokaoimg.oss-cn-beijing.aliyuncs.com/assets/images/m/college_ku/Oval.png) no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
#gkwweb #u1 .xgk-new  .first{
    flex: 1;
    display: flex;
    margin-left: 5%;
    justify-content: space-between;
    height: 30px;
}
#gkwweb #u1 .xgk-new  .first label{
    flex: 1;
    width: 30%;
}
#gkwweb #u1 .xgk-new  .first label:first-child{
    margin-right: 5%;
}
#gkwweb #u1 .xgk-new  .first-title{
    height: 30px;
    margin-bottom: 5px;
    display: flex;
}
#gkwweb #u1 .xgk-new  .second-title{
    height: 30px;
    display: flex;
}
#gkwweb #u1 .xgk-new  .second{
    flex: 1;
    display: flex;
    justify-content: space-between;
    margin-left: 5%;
    flex-wrap: wrap;
    text-align: left;
}
#gkwweb #u1 .xgk-new .second lable{
    width: 10%;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 30px;
    background: #F5F5F5;
}

#gkwweb #u1 .xgk-new .label-sub{
    width: 46%;
    display: inline-block;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 30px;
    background: #F5F5F5;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
#gkwweb #u1 .xgk-new .label-sub input:checked {
    background-image: url(https://gaokaoimg.oss-cn-beijing.aliyuncs.com/assets/images/m/college_ku/Oval_on.png);
}
#gkwweb #u1 .xgk-new label .sub {
    margin-left: 26px;
}
#gkwweb #u1 #univNum{
    width: 30%;
    height: 30px;
    margin-left: 10px;
    /*flex: 1;*/
    background: #F5F5F5;
    border: 1px solid #ccc;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: .8rem;
}
#gkwweb #u1 #rankNum{
    width: 30%;
    height: 30px;
    margin-left: 10px;
    /*flex: 1;*/
    background: #F5F5F5;
    border: 1px solid #ccc;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: .8rem;
}
#gkwweb #u1 .btn{
    height: 30px;
    width: 60%;
    display: block;
    border: none;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    margin: 0.6rem auto 0;
    background-image: -webkit-linear-gradient(-45deg, #74AEFF 0, #6AE0FF 100%);
    background-image: linear-gradient(135deg, #74AEFF 0, #6AE0FF 100%);
    cursor:pointer;
    padding: 0 0 0 0;
}
#gkwweb #u1 .isshow {
    display: none!important;
}
/* ?��??? */
#gkwweb #u1 .xgk {
    flex: 1;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;

    text-align: left;
}
#gkwweb #u1 .xgk label{
    width: 10%;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    height: 28px;
    margin-right: 3%;
    line-height: 30px;
    background: #F5F5F5;
}
#gkwweb #u1 .xgk-new {
    flex: 1;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
}
#gkwweb #u1 .xgk-new label{
    width: 19%;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 30px;
    background: #F5F5F5;
}
#gkwweb #u1 .l_li {
    display: flex;
    line-height: 30px;
}
#gkwweb #u1 .grade {
    justify-content:flex-start;
}
#gkwweb #u1 .grade .l_rank {
    margin-left: 5%;
}
#gkwweb #u1 .jslgk {
    display: flex;
    line-height: 30px;
}
#gkwweb #u1 .jslgks {
    display: flex;
    flex: 1;
    margin-left: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#gkwweb #u1 .jslgks label {
    width: 46%;
    display: inline-block;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 30px;
    background: #F5F5F5;
    padding-left: 10px;
    text-align: left;
    box-sizing: border-box;
}
#gkwweb #u1 .jslgks select {
    width: 100%;
    /* border: 1px solid #ccc; */
    height: 100%;
    background: #F5F5F5;
    border: none;
    display: block;
}
#gkwweb #u1 .jslgks .ce {
    width: 46%;
    border: 1px solid #ccc;
    height: 28px;
    background: #F5F5F5;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}
#gkwweb #u1 .jslgks .ce::after {
    content: '';
    position: absolute;
    right: .5rem;
    top: 12px;
    width: 0;
    height: 0;
    border: .3rem solid transparent;
    border-top-color: #A2A7B4;
}
#gkwweb #u1 input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
#gkwweb input[type='checkbox']{
    /*width: 8px;*/
    /*vertical-align: middle;*/
    /*height:8px;*/
    /*background-size: 100%;*/
    /*background: #fff;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 10px;*/
    /*margin-left: 3px;*/
    /*margin-right: 3px;*/
}
#gkwweb input[type='checkbox']:checked {
    /*-webkit-appearance: none;*/
    /*outline-style: none;*/
    /*border-radius: 100%;*/
    /*background-size: 100%;*/
    /*height: 8px;*/
    /*vertical-align: middle;*/
    /*width: 8px;*/
    /*background: url(https://gaokaoimg.oss-cn-beijing.aliyuncs.com/assets/images/m/college_ku/Oval_on.png) no-repeat !important;*/
    /*background-size: 100% !important;*/
    /*border: none;*/
}
#gkwweb input[type='checkbox']:checked+span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #ff7834;
    color: white;
    text-align: center;
}
#gkwweb #u1 .jslgks select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

/*�¸߿�ѡ����ʽ*/

#gkwwebxk{
    margin-top: 20px;
    font-size: 12px;
}
#gkwwebxk #u1{
    padding: 10px;
}
#gkwwebxk #u1 .pro_li{
    /* margin-bottom: 10px; */
    flex-direction: row;
    justify-content: space-between;
    border: none;
    padding: 0 0 8px 0;
    display: flex;
}
#gkwwebxk #u1 .pro_li .l_left{
    color: #686B73;
    font-size: 12px;
    display: flex;
    line-height: 30px;

}
#gkwwebxk .selPro {
    width: 100%;
    height: 30px;
    background: #F5F5F5;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: 1px solid #ccc;
    padding-left: 10px;
}
#gkwwebxk .l_sel {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    position: relative;
    height: 30px;
}
#gkwwebxk .l_sel::after {
    content: '';
    position: absolute;
    right: .5rem;
    top: 12px;
    width: 0;
    height: 0;
    border: .3rem solid transparent;
    border-top-color: #A2A7B4;
}
#gkwwebxk .l_li{
    display: flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
}
#gkwwebxk .l_li .l_left{
    color: #686B73;
    font-size: 12px;
    display: flex;
    line-height: 30px
}

#gkwwebxk .img{
    width: 20px;
    height: 20px;
}
#gkwwebxk .l_sel {
    display: inline-block;
}
/*#gkwwebxk .l_left{*/
/*    display: block;*/
/*}*/
#gkwwebxk .type{
    margin-left: 30px;
    margin-bottom: 10px;
}
/*#gkwwebxk .type .sub_ul{*/
/*    width: 280px;*/
/*}*/
#gkwwebxk .type .tips{
    margin-bottom: 10px;
}
#gkwwebxk .type .sub{
    line-height: 34px;
    padding: 0 18px;
    color: #111;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
    cursor: pointer;
}
#gkwwebxk .type .title{
    margin-bottom: 10px;
}
#gkwwebxk .type .selected{
    background: #ff7834;
    color: #fff;
    border: 1px solid #ff7834;
}
#gkwwebxk #u1 .btn{
    height: 30px;
    width: 60%;
    display: block;
    border: none;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    margin: 0.6rem auto 0;
    background-image: -webkit-linear-gradient(-45deg, #74AEFF 0, #6AE0FF 100%);
    background-image: linear-gradient(135deg, #74AEFF 0, #6AE0FF 100%);
    cursor:pointer;
    padding: 0 0 0 0;
}
#gkwwebxk #u1 .q_title{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
#gkwwebxk #u1 .problem_title{
    margin-top: 5px;
    font-size: 14px;
}
#gkwwebxk #u1 .options{
    display: flex;
}
#gkwwebxk #u1 .options .item{
    width: 140px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #686B73;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
#gkwwebxk #u1 .btncp{
    height: 30px;
    width: 60%;
    display: block;
    border: none;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    margin: 0.6rem auto 0;
    background-image: -webkit-linear-gradient(-45deg, #74AEFF 0, #6AE0FF 100%);
    background-image: linear-gradient(135deg, #74AEFF 0, #6AE0FF 100%);
    cursor:pointer;
    padding: 0 0 0 0;
}