.toolBn {background:#678add url(../img/toolBnmasterbn.jpg) no-repeat center top;background-size:cover;background-size: 100% 100%;}

.caseBn {background:#678add url(../img/caseBnmasterbn.jpg) no-repeat center top;background-size:cover;background-size: 100% 100%;}

.tool {width: 1170px;margin: 0 auto;}

.tool .tool_title {color: #272727;font-size: 53px;text-align: center;font-weight: 600;padding: 4px  0px;}

.tool .tool_search {width: 491px;border: 3px solid #454545;border-radius: 18px;height: 48px;margin: 0 auto;padding: 0;position: relative;margin-bottom: 14px;}

.tool .tool_search input {width: 422px;height: 48px;text-align: center;font-size: 18px;}

.tool .tool_search img {position: absolute;right: 0;top: 0;height: 48px;cursor: pointer;}

.tool .tool_select {width: 489px;margin: 0 auto;border: 3px solid #454545;border-radius: 18px;height: 47px;margin-bottom: 19px;}

.tool .tool_select .form-control {background: url(../img/select_b.png) no-repeat right 17px;background-size: 15%;width: 110px;font-size: 21px;padding-bottom: 22px;padding-top: 8px;border: none;}

.tool .tool_select .form-control option {text-align: center; background: #363636; margin-bottom: 10px;color: #fff;padding-left: 15px;appearance: none;}

.tool .tool_select .form-control option:hove {background: none;color: #ff8400;}



 .tool_select{
            margin: 0 auto;
            width: 500px;
        }
        .selectBox{
            width: 141px;
            border-right: 1px solid #d5d5d5;
            float: left;
            margin: 4px 0px;
        }
        .viewBox{
                width: 82px;
                height: 40px;
                color: #303030;
                cursor: pointer;
                line-height: 45px;
                padding-right: 15px;
                background: url(/assets/img/select_b.png) no-repeat right;
                background-size: 13px;
                margin: 0 auto;
        }
        .viewInput{
                width: 105px;
                height: 36px;
                outline: none;
                cursor: pointer;
                padding-left: 10px;
                font-size: 17px;
                border: none;
                font-family: "Noto Sans SC";
                font-weight: 500;
        }
        .optionBox{
            width: 115px;
            display: none;
            position: absolute;
            margin: 6px 12px;
        }
        .optionBox li{
            height: 40px;
            font-size: 16px;
            color: #ebebeb;
            line-height: 40px;
            cursor: pointer;
            list-style-type: none;
            text-align: center;
            background: #363636;
            margin-bottom: 1px;
            font-family: "Noto Sans SC";
        }
        .optionBox li:hover{
            color: #ff8400;
        }
        .optionBox>li:last-child{
            margin-top: 0px;
        }

        .selectSear {
            float: left;
            cursor: pointer;
        }


        .viewBox2{
                width: 118px;
                height: 40px;
                color: #303030;
                cursor: pointer;
                line-height: 45px;
                padding-right: 15px;
                background: url(/assets/img/select_b.png) no-repeat right;
                background-size: 13px;
                margin: 0 auto;
        }

        .viewInput2{
            width: 123px;
            height: 36px;
            outline: none;
            cursor: pointer;
            /* padding-left: 10px; */
            font-size: 17px;
            border: none;
            font-family: "Noto Sans SC";
            font-weight: 500;
            text-align: center;
        }
        .optionBox2{
            width: 115px;
            display: none;
            position: absolute;
            margin: 6px 17px;
        }
        .optionBox2 li{
            height: 40px;
            font-size: 16px;
            color: #ebebeb;
            line-height: 40px;
            cursor: pointer;
            list-style-type: none;
            text-align: center;
            background: #363636;
            margin-bottom: 1px;
            font-family: "Noto Sans SC";
        }
        .optionBox2 li:hover{
            color: #ff8400;
        }
        .optionBox2>li:last-child{
            margin-top: 0px;
        }




        .viewBox3{
            width: 89px;
            height: 40px;
            color: #303030;
            cursor: pointer;
            line-height: 45px;
            /* padding-right: 15px; */
            background: url(/assets/img/select_b.png) no-repeat right;
            background-size: 13px;
            margin: 0 auto;
        }

        .viewInput3{
            width: 93px;
            height:36px;
            outline: none;
            cursor: pointer;
            font-size: 17px;
            border: none;
            font-family: "Noto Sans SC";
            font-weight: 500;
        }
        .optionBox3{
            width: 115px;
            display: none;
            position: absolute;
            margin: 6px 12px;
        }
        .optionBox3 li{
            height: 40px;
            font-size: 16px;
            color: #ebebeb;
            line-height: 40px;
            cursor: pointer;
            list-style-type: none;
            text-align: center;
            background: #363636;
            margin-bottom: 1px;
            font-family: "Noto Sans SC";
        }
        .optionBox3 li:hover{
            color: #ff8400;
        }
        .optionBox3>li:last-child{
            margin-top: 0px;
        }


.let {float: left;}

.tool_list {padding-bottom: 60px;}

.tool_list_h {width: 100%;border-bottom: 1px solid #9d9d9d;padding-bottom: 8px;}

.tool_list_h .college_num {float: left;color: #3f3f3f;font-size: 18px;}

.tool_list_h .qs_ranking {float: right;}

.tool_list_h .qs_ranking span {color: #3f3f3f;font-size: 18px; }

.tool_list_h .qs_ranking span:last-child {margin-left: 15px;}

.tool_list_con {border-bottom: 1px solid #9d9d9d;padding: 16px 0px 10px 0px;}

.tool_list_con .tool_list_img {width: 241px;height: 92px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.tool_list_con .tool_list_title {padding-left: 50px;width: 391px;}

.tool_list_con .tool_list_title p {font-size: 16px;color: #363636;font-family: "Noto Sans SC";font-weight: 500;padding-bottom: 16px;padding-top: 16px;}

.tool_list_con .tool_list_title span {font-size: 14px;color: #363636;font-family: "Noto Sans SC";font-weight: 500;}

.tool_list_con .tool_list_condition {border-radius: 8px;background-color: #ff9c08;font-size: 15px;line-height: 36px;color: #fff;text-align: center;transition: all .3s;padding: 0px 12px;margin-top: 20px;margin-left: 125px;cursor:pointer;}

.tool_list_con .tool_list_qs {font-size: 31px;color: #363636;position: relative;top: 10px;left: 60px;width: 81px;text-align: center;}

.tool_list_con .tool_list_us {font-size: 31px;color: #363636;position: relative;top: 10px;left: 60px;width: 81px;text-align: center;}