/* banner */

.banner {

    width: 100%;

    height: 312px;

    background: url(../images/banner.jpg) no-repeat center center;

    background-size: cover;

}



.banner h1,

.banner h2 {

    text-align: center;

    color: #ffffff;

    font-weight: normal;

}



.banner h1 {

    font-size: 48px;

    padding: 92px 0 7px;

}



.banner h2 {

    font-size: 28px;

}



/* 通屏搜索 */

.search {

    width: 100%;

    height: 78px;

    background-color: #F9F8F8;

    border: 1px solid #E1DDDD;

    border-right: none;

    border-left: none;

    line-height: 78px;

    margin-bottom: 30px;

}



.search>div>div.fl {

    font-size: 0;

}



.search>div>div.fl h3 {

    font-size: 20px;

    display: inline-block;

}



.search>div>div.fl h3::after {

    content: '';

    width: 1px;

    height: 20px;

    background-color: #707070;

    display: inline-block;

    vertical-align: middle;

    margin: 0 18px 2px;

}



.search>div>div.fl a {

    width: 98px;

    height: 30px;

    display: inline-block;

    border: 1px solid #17a1ff;

    border-radius: 2px;

    text-align: center;

    line-height: 30px;

    font-size: 18px;

    color: #17a1ff;

    margin-right: 14px;

    background-color: #ffffff;

}



.search>div>div.fl a.active {

    background-color: #17a1ff;

    color: #ffffff;

}



.search>div>div.fr {

    width: 336px;

    height: 43px;

    border: 1px solid #CFCFCF;

    border-radius: 1px;

    background-color: #ffffff;

    margin-top: 16px;

}



.search>div>div.fr input {

    width: 100%;

    height: 100%;

    float: left;

    font-size: 16px;

    text-indent: 15px;

}



.search>div>div.fr::after,

.content .screen .state .input::after {

    content: '';

    width: 18px;

    height: 19px;

    background: url(../images/sousuo.png) no-repeat center center;

    background-size: cover;

    display: block;

    position: absolute;

    right: 17px;

    top: 12px;

}



/* 主体内容 */

.content {

    margin-top: 23px;

    margin-bottom: 67px;

}



/* 右侧筛选 */

.content .screen {

    width: 328px;

}



.content .screen>div {

    margin-bottom: 16px;

}



.content .screen>div.tuition,

.content .screen>div.proportion,

.content .screen>div.sat {

    margin-bottom: 30px;

}



.content .screen>div h3 {

    font-size: 18px;

    padding-bottom: 15px;

}



.content .screen>div label {

    cursor: pointer;

}



.content .screen>div span {

    width: 14px;

    height: 14px;

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle;

    border: 1px solid #BEBEBE;

    margin-right: 6px;

}



.content .screen>div input.radio {

    display: none;

}



.content .screen>div input.radio:checked+span {

    background: url(../images/duihao.png) no-repeat center center;

    background-color: #17a1ff;

    border-color: #17a1ff;

}



.content .screen>div p {

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

}



.content .screen>div label {

    width: 30%;

    display: inline-block;

    margin-bottom: 10px;

}



.content .screen .state .input {

    width: 326px;

    height: 42px;

    border: 1px solid #DEDCDC;

    border-radius: 1px;

}



.content .screen .state .input input {

    width: 100%;

    height: 100%;

    text-indent: 13px;

    font-size: 14px;

}



.content .screen .state .input .options {

    width: 326px;

    max-height: 200px;

    background-color: #ffffff;

    border: 1px solid #DEDCDC;

    overflow-y: auto;

    position: absolute;

    left: -1px;

    top: 42px;

    z-index: 999;

    text-indent: 13px;

    font-size: 14px;

    line-height: 42px;

    display: none;

}



.noUi-connect {

    background: #F8D6D6;

}



.noUi-target {

    height: 11px;

    margin-left: 10px;

    border: 1px solid #F8D6D6;

}



.noUi-horizontal .noUi-handle {

    width: 28px;

    height: 20px;

    background: url(../images/xxx.png) no-repeat center center;

    background-size: cover;

}



.noUi-horizontal .noUi-handle::before {

    display: none;

}



.noUi-horizontal .noUi-handle::after {

    display: none;

}



/* 右侧列表 */

.content>div.fr {

    width: 1170px;

    height: auto;

}



.content .loading {

    width: 100%;

    height: 100%;

    position: absolute;

    left: -1px;

    top: 0;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 999;

    display: none;

}



.content .loading>div {

    position: absolute;

    top: 180px;

    left: 50%;

    margin-left: -60px;

    height: 50px;

    width: 150px;

    padding: 12px;

    background-color: #ffffff;

    background-color: rgba(255, 255, 255, 0.8);

}



.content .loading>div img {

    vertical-align: middle;

    display: inline-block;

    margin-left: 10px;

    margin-right: 5px;

}



.content .loading>div span {

    height: 100%;

    line-height: 50px;

    display: inline-block;

    vertical-align: middle;

}



.content .list_box {

    width: 1170px;

}



.content .list_box .box {

    width: 1170px;

    height: 138px;

    border: 1px solid #E5E5E5;

    margin-bottom: 28px;

}



.content .list_box .box .img {

    width: 108px;

    height: 108px;

    margin: 15px 30px 0 17px;

}



.content .list_box .box .img img {

    width: 100%;

    height: 100%;

}



.content .list_box .box .img h4,

.contrast_box ul li.li_box .img h4 {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: rgba(0, 0, 0, 0.4);

    text-align: center;

    line-height: 108px;

    font-size: 48px;

    color: #ffffff;

}



.content .list_box .box .name h4 {

    font-size: 22px;

    font-weight: normal;

    padding: 18px 0 12px;

}



.content .list_box .box .name h4 em,

.content .list_box .box .name h4 i {

    width: 430px;

    display: inline-block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: middle;

}



.content .list_box .box .name h4 i {

    font-size: 18px;

}



.content .list_box .box .name .aporsat {

    font-size: 14px;

    margin-bottom: 20px;

}



.content .list_box .box .name .aporsat span {

    display: inline-block;

    margin-right: 60px;

}



.content .list_box .box .name .data {

    font-size: 0;

}



.content .list_box .box .name .data p {

    display: inline-block;

    font-size: 14px;

    margin-right: 28px;

}





.content .list_box .box .name .data p.people {

    margin-right: 0;

}



.content .list_box .box .poa {

    position: absolute;

    top: 22px;

    right: 21px;

}



.content .list_box .box .poa span,

.content .list_box .box .poa button {

    width: 86px;

    height: 26px;

    border: 1px solid #17a1ff;

    border-radius: 2px;

    display: block;

    font-size: 16px;

    color: #17a1ff;

    text-align: center;

    line-height: 26px;

    cursor: pointer;

}



.content .list_box .box .poa .apply {

    background-color: #17a1ff;

    color: #ffffff;

    margin-bottom: 12px;

}



.content .list_box .box .poa .apply:hover {

    background-color: transparent;

    color: #17a1ff;

}



.content .list_box .box .poa .contrast:hover {

    background-color: #17a1ff;

    color: #ffffff;

}



.content .list_box .box .poa button.on,

.content .list_box .box .poa button.on:hover {

    background-color: #BFBFBF;

    color: #ffffff;

    border-color: #BFBFBF;

}



.content .list_box h5 {

    width: 100%;

    text-align: center;

    font-size: 30px;

    color: #17a1ff;

    padding-top: 100px;

    height: 1300px;

}



/* 对比 */

.contrast_box {

    width: 100%;

    height: 108px;

    background-color: rgba(255, 255, 255, 0.95);

    position: fixed;

    bottom: 0;

    z-index: 9999;

    border: 1px solid #E1E1E1;

    border-right: none;

    border-left: none;

    border-bottom: none;

    display: none;

}



.contrast_zhanwei {

    width: 100%;

    height: 108px;

    background-color: #333333;

    display: none;

}



.contrast_box .title {

    width: 40px;

    height: 109px;

    background-color: #17a1ff;

    color: #ffffff;

    text-align: center;

    position: absolute;

    left: 0;

    top: -1px;

}



.contrast_box .title::before {

    content: '';

    width: 0;

    height: 100%;

    display: inline-block;

    vertical-align: middle;

}



.contrast_box .title span {

    display: inline-block;

    vertical-align: middle;

    font-size: 16px;

    color: #ffffff;

}



.contrast_box ul {

    margin-left: 69px;

    padding: 22px 0;

}



.contrast_box ul li {

    width: 239px;

    padding-right: 30px;

    border-right: 1px solid #E1E1E1;

    margin-right: 24px;

    position: relative;

}



.contrast_box ul li .img {

    width: 64px;

    height: 64px;

    margin-right: 15px;

}



.contrast_box ul li .img span {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    text-align: center;

    line-height: 64px;

    font-size: 36px;

    font-weight: bold;

    color: #B7B7B7;

    background-color: #E4E2E2;

}



.contrast_box ul li .box h4 {

    font-size: 18px;

    color: #B7B7B7;

}



.contrast_box ul li.li_box .img img {

    width: 100%;

    height: 100%;

}



.contrast_box ul li.li_box .img h4 {

    font-size: 32px;

    line-height: 64px;

}



.contrast_box ul li.li_box .box h4 {

    color: #000000;

    width: 160px;

    display: inline-block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: middle;

    margin-bottom: 4px;

}



.contrast_box ul li.li_box .box span {

    width: 160px;

    font-size: 14px;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: middle;

}



.contrast_box ul li.li_box>span {

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background-color: #FF7E72;

    display: block;

    position: absolute;

    right: 6px;

    top: 0;

    cursor: pointer;

    background: url(../images/ch.png) no-repeat center center;

    background-size: cover;

}



.contrast_box .anniu {

    font-size: 0;

    position: absolute;

    top: 40px;

    right: 20%;

}



.contrast_box .anniu a {

    width: 94px;

    height: 30px;

    border: 1px solid #17a1ff;

    border-radius: 2px;

    text-align: center;

    line-height: 30px;

    color: #17a1ff;

    font-size: 16px;

    display: inline-block;

    margin-right: 25px;

}



.contrast_box .anniu a.duibi {

    background-color: #17a1ff;

    color: #ffffff;

}



.contrast_box .anniu a.duibi:hover {

    background-color: transparent;

    color: #17a1ff;

}



.contrast_box .anniu a.removeAll {

    margin-right: 0;

}



.contrast_box .anniu a.removeAll:hover {

    background-color: #17a1ff;

    color: #ffffff;

}



/* 分页 */

.page1 {

    display: none;

    text-align: center;

}



.page1>div {

    display: inline-block;

}



.page1 #prev,

.page1 #next {

    height: 22px;

    line-height: 22px;

    border: 1px solid #D7D7D7;

    font-size: 14px;

    padding: 0 8px;

    margin-right: 12px;

    cursor: pointer;

}



.page1 ul li a {

    height: 22px;

    line-height: 22px;

    border: 1px solid #D7D7D7;

    font-size: 14px;

    padding: 0 8px;

    margin-right: 12px;

}



.page1 ul li span {

    color: #CCCCCC;

    margin-right: 12px;

    cursor: not-allowed;

}



.page1 ul li.active a {

    color: #fff;

    background-color: #FF8C81;

    border-color: #FF8C81;

}



.page1 ul li a:hover,

.page1 #prev:hover,

.page1 #next:hover {

    color: #fff;

    background-color: #FF8C81;

    border-color: #FF8C81;

}





.page1 div.fl span {

    font-size: 14px;

    margin-right: 12px;

    cursor: not-allowed;

}



.page1 div.fl span input {

    width: 36px;

    height: 22px;

    border: 1px solid #D7D7D7;

    margin: 0 10px;

    margin-left: 0;

    text-align: center;

}



.page1 div.fl button {

    width: 46px;

    height: 24px;

    color: #fff;

    background-color: #FF8C81;

    text-align: center;

    line-height: 24px;

}