@media (min-width: 1440px) and (max-width: 1920px) {
    a:hover {
        color: #f44336 !important
    }

    .form-control:focus {
        border-color: #f44336;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(244, 67, 54);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(244, 67, 54);
    }

}

@media screen and (max-width: 1440px) {


    .fys-proposal .fys-content {
        padding-bottom: 0
    }

    .fys-content {
        box-sizing: border-box;
        padding: 30px;
        width: 100%
    }

    .fys-header .header-content {
        padding: 0 25px
    }

    .header-content {
        box-sizing: border-box;
        width: 100%
    }

    .fys-index-title {
        margin-top: 0;
        padding: 15px 0 15px 0
    }

    #fys-index .fys-header-navList > li {
        margin-right: 50px;
    }

    .project-lists .project-lists-img {
        width: 20.4%;
        margin-right: 0;
        padding-bottom: 14.8%;
    }

    #fys-index .designer-list .project-lists-text {
        width: 74.8%;
        float: right;
    }

    .projectDetails-sub {
        padding: 28px 0 0;
        margin-bottom: 100px;
    }

    #fys-index .projectDetails-sub-listBox .fys-material-title {
        font-size: 16px;
    }

    .fys-content .projectDetails-head .project-lists-img {
        width: 29.1%;
        margin-right: 3%;
        /* padding-bottom: 14.8%; */
    }

    .project-lists .project-lists-text {
        width: 55.6%;
    }

    .projectDetails-sub-listBox .star > span {
        margin-right: 12px;
    }

    .projectDetails-head .money {
        width: 16.3%;
    }

    .projectDetails-head .money p {
        text-align: left;
    }

    .project_payment .project-lists .project-lists-text {
        width: 67%;
    }


    #fys-index .seek_designer .designer-list .project-lists-text {
        width: 75.6%;
    }

    .seek_project .project-lists .project-lists-img {
        margin-right: 3.5%;
    }

    .seek_project .project-lists .money {
        width: 15%;
    }

    .seek_project .project-lists .money > p {
        text-align: right;
    }

    .seek_project .project-lists .money a {
        width: 100%;
    }

    .user_container {
        padding: 0 3%;
    }

    .user_container .sub_nav {
        width: 16%;
    }

    .user_container .user_content {
        width: 82%;
        padding: 24px 20px;
    }

    .modify_information_form .left {
        margin-right: 0
    }

    .modify_information_form .positionBtn {
        display: none;
    }

    .modify_information_form .right {
        width: 50%;
        float: right;
    }

    .modify_information_form .right textarea {
        width: 70%;
    }

    .headPortrait .input_group {
        display: block;
        margin-bottom: 20px;
    }

    .headPortrait .input_group input[type="submit"] {
        margin-bottom: 10px;
    }

    .user_container .sub_nav ul li {
        padding: 0 10px 0 24px;
        font-size: 16px;
    }

    .designer_apply .item_title {
        margin-bottom: 30px;
        font-size: 22px;
    }

    .edit_works .designer_apply_form .basic_layout:nth-of-type(3n) {
        margin-right: 40px;
    }

    .edit_works .form_royalty {
        /*margin-left: 380px;*/
    }

    .keyWord_Box .keyWord_list {
        width: 100%;
        margin-bottom: 0;
    }

    .keyWord_Box .keyWord_list > li {
        margin-top: 20px;
    }

    .designer_apply_form .keyWord_Box {
        height: auto;
        overflow: hidden;
    }

    .keyWord_Box .keyWord_list > li:first-child {
        margin-left: 112px;
    }

    /* .edit_works .designer_apply_form .col-sm-4{
        width: 50%;
        margin-right: 0;
    } */
    .form_column .imgDiv > div,
    .form_column .imgFile label span,
    .edit_works .upload_cover {
        width: 100%;
    }

    #fys-index .fys-lookup {
        padding-bottom: 0;
    }

    #fys-index .fys-works,
    #fys-index .fys-project {
        padding-left: 0;
        padding-bottom: 15px;
    }

    .fys-pro .fys-pro-message {
        margin-top: 45px;
        padding: 0 25px 25px;
    }

    .fys-pro .fys-pro-message h3 {
        margin-bottom: 5px !important;
    }

    .property .transaction_btn {
        width: 100%;
        margin-top: 48px;
        overflow: hidden;
    }

    .property .transaction_btn > button,
    .property .transaction_btn > input {
        float: left;
        margin-right: 15px;
    }

    .property .table-responsive .type {
        width: 200px;
    }

    .user_order.user_container .user_content {
        padding: 0;
    }

    .user_order .project-nav-box .form-right {
        width: 100%;
        padding: 0 26px;
    }

    .user_order .project-nav-box .form-right input {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .user_order .project-lists .money.title_money,
    .user_order .project-lists .money.money_position {
        display: none;
    }

    .user_order .project-lists .project-lists-text {
        width: 70%;
    }

    .user_order .project-lists .project-lists-img {
        margin-right: 26px;
    }

    .user_order .project-lists .money.show-xs-only {
        display: block;
        float: left;
    }

    .user_order .project-lists .money.show-xs-only > p {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .fys-pro .fys-pro-message img {
        height: 12vh;
    }

}


@media screen and (max-width: 1279px) {
    #fys-index .fys-lookup-left, #fys-index .fys-lookup-right {
        margin-bottom: 20px;
        width: 100%;
    }

    .designer-list .project-lists-title .time {
        margin-bottom: 0;
    }

    #fys-index .designer-list .project-lists-title {
        line-height: 22px;
    }

    .project-lists .project-lists-introduce {
        font-size: 14px;
    }

    #fys-index .designer-list .project-lists-introduce {
        margin-bottom: 0;
    }

    #fys-index .designer-list .project-lists-tag {
        margin-top: 8px;
    }

    .project-lists dl > dd {
        font-size: 12px;
    }

    .projectDetails-sub-listBox h5.title {
        margin-bottom: 20px;
    }

    .projectDetails-sub-listBox .attribute p {
        margin-bottom: 1em;
    }

    .designerDetails-sub .projectDetails-sub-listBox .recommend-text > h5 {
        margin: 1em 0;
    }

    .projectDetails-sub-listBox .recommend > li {
        margin-bottom: 28px;
    }

    .projectDetails-sub-listBox .comment-sub .comment-img {
        margin-right: 20px;
    }

    .projectDetails-sub-listBox .comment-name > h5 {
        font-size: 18px;
    }

    .projectDetails-sub-listBox .comment > li {
        margin-top: 20px;
    }

    .projectDetails-sub-listBox .comment > li:first-child {
        margin-top: 0;
    }

    .projectDetails-sub-listBox .comment-sub {
        margin-bottom: 20px;
    }

    .projectDetails-sub-listBox .recommend-text > h5 {
        font-size: 16px;
    }

    .projectDetails-sub-listBox .recommend-text > p {
        margin: 1em 0;
    }

    .projectDetails-head .money {
        display: none;
    }

    .projectDetails-head .price {
        display: block;
        line-height: 1;
        margin: 1em 0;
    }

    .project-lists .price > p {
        color: #f44336;
        font-size: 28px;
    }

    .project-lists .price > p > span {
        font-size: 14px;
        color: #4c4c4c;
    }

    .project-lists dl > dd > img {
        width: 18px;
    }

    .fys-content .projectDetails-head .project-lists-img {
        width: 33%;
    }

    .project-lists .project-lists-text {
        width: 64%;
    }

    .project-lists .project-lists-introduce, .project-lists .project-lists-title {
        margin-bottom: 1em;
    }

    .projectDetails-head .btnBox {
        margin: 0;
    }

    .project-lists.projectDetails-head ul dl > dd {
        margin-right: 20px;
    }

    .project_payment .project-lists .project-lists-text {
        width: 63%;
    }

    .project_payment .project-lists .money {
        display: block;
    }

    .seek_project .project-lists .project-lists-text {
        width: 72.6%;
    }

    .seek_project .project-lists .money > p {
        font-size: 28px;
        margin-top: 10%;
    }

    .seek_project .project-lists .money > p span {
        font-size: 14px;
    }

    .property .table-responsive .works {
        width: 150px;
    }

    .property .table-responsive div.single {
        width: 150px;
    }

    .property .table-responsive .type {
        width: 150px;
    }
}

@media screen and (max-width: 1200px) {
    .fys-index-title {
        font-size: 24px
    }

    .fys-index-title span {
        font-size: 16px
    }

    .fys-header-nav {
        display: none
    }

    #fys-index .fys-material-text {
        width: 100%;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .fys-header .fys-header-mobile {
        display: block
    }

    .swiper-button-next, .swiper-button-prev {
        display: none
    }

    #fys-index .fys-proposal-list .fys-proposal-title {
        font-size: 18px
    }

    .fys-footer .fys-footer-text li.col-sm-2, .fys-footer .fys-footer-text li.col-sm-4 {
        width: 20%
    }

    #fys-index .fys-footer-text .fys-footer-contact {
        text-align: left
    }

    .fys-index-title a {
        font-size: 16px
    }

    .project-lists li {
        padding: 25px;
    }

    .project-lists .project-lists-title > h2 {
        font-size: 18px;
    }

    .designer-list .project-lists-title > h2 > .gender {
        margin-bottom: 0;
        font-size: 16px;
    }

    .designer-list .project-lists-title > h2 > .gender > img, .designer-list .project-lists-title .time > img {
        width: 16px;
    }

    .project-lists .project-lists-img {
        width: 22.4%;
    }

    .projectDetails-sub-listBox .designerList .designerList-text > h5 {
        margin-bottom: 0.7em;
    }

    .projectDetails-sub-listBox .designerList .designerList-text > p {
        margin-bottom: 0.6em;
        font-size: 14px;
    }

    .projectDetails-sub-listBox .designerList .designerList-img {
        padding-bottom: 13%;
        width: 20%;
        margin-right: 3%;
    }

    .projectDetails-sub-listBox .designerList > li {
        overflow: hidden;
        margin-top: 25px
    }

    .projectDetails-sub-list li {
        margin-right: 5%;
    }

    .project-nav-box .form-left {
        width: 100%;
    }

    .project-nav-box .form-right {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }

    .project-nav-box .form-right input {
        margin-top: 0;
        width: 41.8%;
    }

    .project-nav-box .form-left li .form-group {
        padding: 0 20px;
    }

    .project-nav-box .form-left li .control-label {
        padding: 0;
    }

    .project-nav-box .form-left li .project-nav-box form select {
        display: block;
    }

    .seek_project .project-lists .project-lists-text {
        width: 74%;
    }

    .seek_project .project-lists .money {
        display: none;
    }

    .seek_project .project-lists .money.show-xs-only {
        display: block;
        width: 100%;
        text-align: left;
    }

    .seek_project .project-lists .money.show-xs-only p {
        text-align: left;
        margin-top: 10px;
    }

    .seek_project .project-lists .money.show-xs-only a {
        width: 200px;
        float: left;
        margin-top: 0;
    }

    .designer_apply .item_title {
        text-align: center;
    }

    .user_container .sub_nav {
        display: none;
    }

    .user_container .user_content {
        width: 100%;
        min-height: none;
    }

    .designer_apply_form {
        width: 50%;
        margin: 0 auto;
    }

    .designer_apply_form .input_group,
    .edit_works .designer_apply_form .basic_layout {
        width: 100%;
        position: relative;
        padding-left: 120px;
    }

    .designer_apply_form .input_group {
        height: auto;
        min-height: 48px;
        max-width: 100%;
    }

    .designer_apply_form .input_group label {
        position: absolute;
        left: 0;
        top: 0;
    }

    .designer_apply_form .input_group input, .designer_apply_form .input_group select {
        width: 100%;
    }

    .designer_apply_form .input_group > select {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .designer_apply_form .input_group > select:last-child {
        margin-bottom: 0;
    }

    .designer_apply .result {
        text-align: center;
    }

    .designer_apply_form .submit {
        text-align: center;
    }

    .modify_information_form .left,
    .modify_information_form .right {
        width: 100%;
    }

    .modify_information_form .input_group input[type="submit"] {
        width: 100%;
    }

    .headPortrait .input_group,
    .modify_information_form .oneSub {
        /*display: none*/
    }

    .modify_information_form .otherSub {
        display: none;
    }

    .modify_information_form .right textarea {
        width: 100%;
    }

    .modify_information_form .information_group {
        margin-bottom: 0;
    }

    .modify_information_form .headPortrait {
        margin-bottom: 20px;
    }

    .edit_works .form_royalty {
        margin-left: 0;
    }

    .designer_apply_form .keyWord_Box {
        position: relative;
    }

    .keyWord_Box .add_keyWord {
        position: absolute;
        right: 0;
    }

    .designer_apply_form .keyWord_Box input {
        padding-right: 62px;
    }

    .keyWord_Box .keyWord_list > li:first-child {
        margin-left: 0;
    }

    .keyWord_Box .keyWord_list > li {
        width: 100%;
        box-sizing: border-box;
        background-position: 96% 50%;
    }

    .keyWord_Box .keyWord_list > li:nth-of-type(2n) {
        margin-right: 0;
    }

    .form_column textarea {
        width: 100%;
    }

    .form_column .member_add {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .member_lists .member_portrait {
        margin-right: 0px;
    }

    .edit_works .upload_cover {
        width: 100%;
        height: 0;
        padding-bottom: 48%;
    }

    .member_lists > li {
        height: auto;
        text-align: center;
        border-bottom: 1px dashed #e5e5e5;
    }

    .member_lists > li:last-child {
        border: none;
    }

    .member_lists .member_portrait {
        margin: 0 auto;
    }

    .member_lists .member_name {
        width: 100%;
        margin-right: 0;
    }

    .member_lists .member_money {
        margin-right: 0;
    }

    .member_money .member_group {
        width: 100%;
    }

    .member_lists li > div {
        float: none;
    }

    .member_money .member_group > label {
        display: none;
    }

    .member_money .member_group > input {
        width: 100%;
    }

    .form_column .imgDiv,
    .form_column .imgDiv > div {
        width: 100%;
        height: 170px;
        padding-bottom: 48%;
    }

    .form_column .imgFile label span {
        width: 100%;
        height: 0;
        padding-bottom: 48%;
    }

    .imgFile label {
        width: 100%;
    }

    .member_dialog_box {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: none;
    }

    .member_dialog_box > div {
        width: 100%;
        max-height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .member_dialog_lists {
        width: 100%;
    }

    .member_dialog_box .form input {
        width: 49%;
        float: right;
    }

    .member_dialog_box .form input:first-child {
        float: left;
        margin-right: 0;

    }

    .member_dialog_box .form button,
    .member_dialog_btn {
        width: 100%;
        margin-top: 10px;
    }

    .personal_column .personal_statistics > li {
        width: 50%;
        margin-bottom: 40px;
    }

    .personal_column .personal_statistics > li:last-child {
        margin-bottom: 0;
    }

    .personal_column .personal_statistics .personal_left,
    .personal_column .personal_statistics .personal_right {
        float: initial;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap;
    }

    .property .personal_head .property_btnBox {
        position: initial;
    }

    .property .personal_head {
        width: 100%;
    }

    .property .personal_head .property_btnBox > button.property_moneyBtn, .add_bank_btn,
    .property .personal_head .property_btnBox > button.property_passwordBtn {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }

    .property .transaction_btn > button, .property .transaction_btn > input {
        width: 100%;
        margin-bottom: 20px;
    }

    .property .personal_form .input_group {
        height: auto;
    }

    .property .personal_form .input_group input,
    .property .personal_form .input_group select,
    .property .personal_form .input_group {
        width: 100%;
    }

    .property_dialog form .input_group input {
        width: 100%;
    }

    .property_dialog form input[type="submit"],
    .property_dialog form a {
        width: 100%;
    }

    .searchable-select {
        left: 145px;
        top: 0;
    }

    .user_order .designer_apply_form {
        width: 100%;
    }

    .user_works .project-lists .money a {
        float: left;
    }

    .modify_information .designer_apply_form {
        min-width: 768px;
    }

    .designer_apply_form .input_group.captcha, .designer_apply_form .input_group.mobileCode, .designer_apply_form .input_group.fixation {
        width: 100%;
    }

    .modify_information_form .input_group #fullDescInput {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .fys-pro .fys-pro-message {
        margin-top: 0;
    }

    .searchable-select {
        left: 20px;
        top: 53px;
    }

    .user_order .project-nav-box .form-left li {
        width: 100%;
    }

    .user_order .project-nav-box .form-left li .form-group {
        height: 100px
    }

    .user_order .project-nav-box form input[type="text"],
    .user_order .project-nav-box form select {
        width: 100%;
    }

    .user_order .project-nav-box .form-left li .control-label {
        padding-left: 0;
    }

    .user_order .searchable-select {
        width: 95%;
    }

    .user_order .project-nav-box .form-right input {
        margin-bottom: 0;
        margin-top: 0;
    }

    .user_order .project-nav-type {
        display: none;
    }

    .user_order .project-nav-box .form-left li .form-group.show-xs-only {
        display: block;
    }

    .user_order .project-nav-box .form-right {
        padding: 0 20px;
    }

    .user_order.user_works .project-lists .money.show-xs-only {
        width: 100%;
    }

    .user_works .project-lists .money a {
        width: 28%;
        float: left;
    }
}

@media screen and (max-width: 768px) {
    .dialog-follow-box {
        width: 100%
    }

    #fys-index .fys-lookup-right li {
        margin-bottom: 20px
    }

    #fys-index .fys-project-lists > li {
        margin-bottom: 20px
    }

    #fys-index .fys-footer-text .fys-footer-contact {
        text-align: left
    }

    .dialog-user .dialog-user-content {
        width: 100%
    }

    .toggled .fys-header-mobile > img {
        margin-left: 350px
    }

    .toggled .fys-header .fys-header-box .user {
        right: -50px
    }

    #fys-index .fys-lookup-right-text {
        padding: 0
    }

    .fys-footer .fys-footer-text li.col-sm-2 {
        width: 50%
    }

    .fys-footer .fys-footer-text li.col-sm-4 {
        width: 100%
    }

    #fys-index .fys-lookup-left-text li {
        margin-bottom: 0;
    }

    .fys-lookup-left .btnInput {
        width: 100%;
    }

    /* 	.fys-lookup-left form{
            padding: 0 10px;
        } */
    #fys-index .fys-lookup-left form li {
        padding: 5px 10px;
    }

    #fys-index .fys-lookup-left form label {
        line-height: 37px;
    }

    .fys-lookup-left .row .form-group {
        margin-bottom: 15px;
    }

    .projectDetails-sub-list li {
        margin-right: 2.5%;
    }

    .projectDetails-sub-list li {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .projectDetails-sub {
        padding-top: 20px;
    }

    .project-lists.projectDetails-head ul dl > dd {
        margin-right: 1em;
    }

    .project-lists.projectDetails-head ul dl > dd:last-child {
        margin-right: 0;
    }

    .project-lists .project-lists-tag {
        margin-bottom: 15px;
    }

    .project-lists dl > dd > img {
        width: 14px;
    }

    .projectDetails-head .btnBox > a {
        width: 150px;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
    }

    .fys-content .projectDetails-head .project-lists-img {
        padding-bottom: 24%;
        overflow: hidden;
    }

    .designer_apply_form .input_group:after, .edit_works .designer_apply_form .basic_layout:after {
        content: "";
        display: block;
        clear: both;
    }

    .project-lists .price > p {
        font-size: 24px;
    }

    .project-lists .project-lists-title .purchase {
        background-size: 16px;
    }

    .project_payment .project-lists .money {
        margin-top: 10px;
        line-height: 1;
    }

    .project_payment .project-lists .money > p {
        font-size: 24px;
        margin-top: 0 !important;
    }

    .project_payment .project-lists .money span {
        font-size: 12px;
    }

    .project-payment .method {
        padding-bottom: 48px;
    }

    .project-payment .method li {
        width: 48%;
        margin-right: 0;
    }

    .project-payment .method li:last-child {
        margin-right: 0;
    }

    .project-payment .method li.wechat {
        float: right;
    }

    .seek_project .project-nav-type .left {
        padding-left: 20px;
        width: 14%;
        font-size: 11px;
    }

    .seek_project .project-nav-type > div {
        width: 85%;
        font-size: 14px;
    }

    .designer_apply_form {
        width: 100%;
    }

    .modify_information .designer_apply_form {
        min-width: auto;
        max-width: 100%;
    }

    .user_container .user_content {
        height: auto;
    }

    .modify_information_form .headPortrait_box {
        width: 80px;
        height: 80px;
        margin-right: 25px;
    }

    .modify_information_form .headPortrait_box img {
        width: 68px;
        height: 68px;
    }

    .modify_information_form .headPortrait_text > h4 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .member_dialog_lists {
        max-height: 190px;
    }

    .member_dialog_box > div {
        padding: 15px;
    }

    .member_dialog_lists > li {
        width: 49%;
        height: 0;
        padding-bottom: 33%;
        margin-right: 0;
    }

    .member_dialog_lists > li:nth-of-type(2n) {
        float: right;
    }

    .designer_apply_form .input_group, .edit_works .designer_apply_form .basic_layout {
        padding-left: 0;
        height: auto;
        margin-bottom: 0;
    }

    .designer_apply_form .input_group label {
        position: relative;
    }

    .designer_apply_form .multiple_group {
        width: 100%;
        height: auto;
    }

    .designer_apply_form .input_group.city_group {
        width: 100%;
        height: auto;
    }

    .designer_apply_form .multiple_group label, .designer_apply_form .input_group.city_group label {
        width: 100%;
    }

    .designer_apply_form .multiple_group .ms-parent .ms-choice {
        width: 100%;
    }

    .designer_apply_form .multiple_group .ms-parent {
        width: 100% !important;
    }

    .designer_apply_form .input_group.textarea_group {
        padding-left: 0;
    }

    .designer_apply_form .input_group.textarea_group label {
        position: unset;
        width: 100%;
    }

    .designer_apply_form .input_group.textarea_group textarea {
        min-width: 100%;
    }

    .designer_apply_form .multiple_group {
        margin-bottom: 0;
    }

    .modify_information_form .otherSub {
        height: 48px;
    }

    .modify_information_form .otherSub input[type="submit"] {
        margin-top: 58px;
    }

    .captcha > a {
        top: initial;
        bottom: 5px;
    }

    .edit_works .form_royalty {
        /*margin: 15px 0;*/
    }

    .designer_apply_form .submit input {
        width: 100%;
    }

    .property .personal_form .transaction_time > span {
        width: 100%;
        text-align: center;
    }

    .property .transaction_btn > input {
        margin-top: 20px;
    }

    #fullDescInput .w-e-toolbar {
        flex-wrap: wrap;
    }

    .w-e-toolbar .w-e-menu, .w-e-text-container {
        z-index: 100 !important;
    }

    .modify_information_form .input_group.changUserInfo {
        padding-left: 0px;
    }
}

@media screen and (max-width: 640px) {
    .follow-back {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        padding-bottom: 100%;
        width: 100%
    }

    .fys-proposal .col-xs-6 {
        width: 100%
    }

    .fys-header .header-content {
        padding: 0 15px
    }

    .fys-header .hamburger {
        margin-left: 0
    }

    .fys-header .fys-header-mobile .user {
        right: 15px;
        width: 32px
    }

    .fys-header .fys-header-mobile {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 15px;
        border-bottom: 1px solid #e8e8e8;
        box-shadow: 0 2px 11px rgba(0, 0, 0, .22)
    }

    #fys-index .fys-banner {
        margin-top: 55px
    }

    .fys-content {
        padding: 0 10px
    }

    #fys-index .fys-lookup-box h2, .fys-index-title {
        padding: 15px 5px;
        font-size: 20px
    }

    .fys-index-title a {
        padding-right: 20px;
        background-size: 18px;
        font-size: 14px
    }

    #fys-index [class*=col-] {
        padding: 5px
    }

    #fys-index .row {
        margin: 0
    }

    #fys-index .fys-project-lists > li {
        margin-bottom: 0
    }

    .fys-project-lists {
        padding-bottom: 15px
    }

    .fys-footer li {
        display: none
    }

    #fys-index .fys-footer-text .fys-footer-contact {
        display: block;
        text-align: center
    }

    #fys-index .fys-footer-text .fys-footer-contact h4 {
        margin-bottom: 15px
    }

    #fys-index .fys-footer-text {
        padding-bottom: 10px
    }

    #fys-index .fys-footer {
        padding: 15px
    }

    #fys-index .fys-footer-copyright {
        text-align: center
    }

    #fys-index .fys-project-text .fys-project-title {
        margin: 10px 0
    }

    #fys-index .fys-project-text .fys-project-time {
        margin-top: 0
    }

    #fys-index .fys-project-text .fys-project-outline {
        height: 45px;
        -webkit-line-clamp: 2
    }

    /* 登录 */
    .login-box {
        height: auto;
    }

    .login-box .login-center {
        width: 100%;
        height: 100%;
        margin-top: 55px;

    }

    .login-box .login-center input.btnInput {
        margin-top: 12;
    }

    .login-box .login-center .field {
        display: none;
    }

    .login-box .login-center .input-box input, .login-box .login-center .input-box {
        width: 100%;
    }

    .login-box .login-center .code {
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .login-box .login-center ul li {
        padding-left: 0;
        font-size: 14px;

    }

    .login-box .login-center ul li:nth-child(2) {
        text-align: right;
    }

    #fys-index .fys-lookup-left form ul li > .form-group:nth-child(2) {
        margin-bottom: 5px;
    }

    .designer-details {
        margin-top: 65px;
    }

    .project-lists li {
        padding: 20px 15px;
    }

    .project-lists .project-lists-img {
        width: 100%;
        float: none;
        padding-bottom: 72%;
        margin-bottom: 20px;
    }

    #fys-index .designer-list .project-lists-text {
        width: 100%;
        float: none;
    }

    .project-lists .project-lists-title > h2 {
        margin-right: 0;
        width: 100%;
    }

    .designer-list .project-lists-title .time {
        width: 100%;
        vertical-align: middle;
        margin-top: 0.3em;
    }

    .designer-list .project-lists-title > h2 > .gender {
        vertical-align: middle;
    }

    #fys-index .designer-list .project-lists-introduce {
        white-space: pre-wrap;
    }

    .project-lists .project-lists-tag > span {
        margin-right: 0.5em;
        padding: 0 1em;
        font-size: 12px;
    }

    .project-lists dl > dd {
        margin-right: 0;
        width: 50%;
        line-height: 24px;
    }

    .project-lists dl > dd > img {
        width: 16px;
    }

    .projectDetails-sub {
        padding: 0;
    }

    .projectDetails-sub-list li {
        margin: 0;
        width: 33.33%;
        text-align: center;
        padding-bottom: 0;
        line-height: 50px;
        font-size: 16px;
    }

    .projectDetails-sub-list li {
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        font-size: 15px;
    }

    .projectDetails-sub-list li.hover {
        border-width: 2px;
    }

    .projectDetails-sub-listBox {
        padding: 20px 15px;
    }

    .projectDetails-sub-listBox .recommend-text {
        padding: 0 1em;
    }

    .designerDetails-sub .projectDetails-sub-listBox .recommend-text > h5 {
        font-weight: normal;
        font-size: 14px;
    }

    .projectDetails-sub-listBox .recommend > li {
        margin-bottom: 0px;
    }

    .designerDetails-sub .projectDetails-sub-listBox .works {
        margin-top: 20px;
    }

    .fys-content .projectDetails-head li {
        padding: 25px 15px;
    }

    .fys-content .projectDetails-head {
        margin-top: 65px;
    }

    .fys-content .projectDetails-head .project-lists-img {
        padding-bottom: 68%;
    }

    .fys-content .projectDetails-head .project-lists-img, .project-lists .project-lists-text {
        width: 100%;
    }

    .project-lists .project-lists-title > h2 > a {
        width: 100%;
        white-space: inherit;
        font-size: 16px;
        line-height: 1.5;
        overflow: inherit;
        text-overflow: unset;
        margin-bottom: 6px;
        white-space: pre-wrap;
    }

    .project-lists .project-lists-title {
        padding-right: 0;
    }

    .project-lists .project-lists-title > h2, .project-lists .project-lists-title > h2 > a {
        white-space: wrap;
    }

    .project-lists .project-lists-title .purchase {
        position: unset;
    }

    .project-lists .project-lists-introduce, .project-lists .project-lists-title, .project-lists .project-lists-tag {
        margin-bottom: 0.5em;
    }

    .project-lists.projectDetails-head ul dl > dd {
        margin-right: 0;
    }

    .projectDetails-head .btnBox > a {
        width: 48%;
        margin-right: 4%;
    }

    .projectDetails-head .btnBox > a:last-child {
        margin-right: 0;
    }

    .projectDetails-sub-list li {
        width: 33%;
    }

    #fys-index .projectDetails-sub-listBox .fys-material-text {
        width: 72%;
    }

    #fys-index .fys-material-text .fys-material-title {
        margin: 10px 0 0;
    }

    .projectDetails-sub-listBox .designerList .designerList-img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

    .projectDetails-sub-listBox .designerList .designerList-text {
        padding-left: 74px;
    }

    .projectDetails-sub-listBox .designerList .designerList-text > p {
        margin-bottom: 0;
    }

    .projectDetails-sub-listBox .designerList .designerList-text > h5 {
        font-size: 18px;
        margin-bottom: 0.3em;
    }

    .projectDetails-sub-listBox .comment-sub {
        padding-left: 74px;
    }

    .projectDetails-sub-listBox .comment-sub .comment-img {
        width: 60px;
        height: 60px;
        margin-right: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .projectDetails-sub-listBox .comment-sub .star {
        position: relative;
        margin: 0;
        overflow: hidden;
    }

    .projectDetails-sub-listBox .comment-sub .comment-name > h5 {
        margin-top: 0;
        font-size: 16px;
    }

    .projectDetails-sub-listBox .comment-sub .comment-name > p {
        margin: 8px 0 2px;
        font-size: 12px;
    }

    .projectDetails-sub-listBox .commentText {
        font-size: 14px;
        line-height: 1.4em;
    }

    .projectDetails-sub-listBox .enclosure > li {
        margin-bottom: 12px;
    }

    .project_payment .project-lists .project-lists-text {
        width: 100%;
    }

    .project-payment .method li {
        width: 100%;
        margin-bottom: 15px;
        height: 60px;
        line-height: 60px;
    }

    .project-payment .method li.wechat {
        margin-bottom: 0;
    }

    .project-payment .method {
        margin-bottom: 0;
    }

    .project-payment h4 {
        margin: 10px 0 0;
        line-height: 50px;
    }

    .project-payment .method {
        padding-bottom: 30px;
    }

    .project-payment h4.price {
        font-size: 16px;
    }

    .project-payment h4 > p {
        font-size: 24px;
    }

    .project-payment .definePayment {
        margin-bottom: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .projectDetails-sub {
        margin-bottom: 30px;
    }

    .seek_designer {
        padding-top: 55px;
    }

    .project-nav-box .form-left li {
        width: 100%;
        padding-top: 0;
    }

    .project-nav-box .form-left li .control-label {
        line-height: 48px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .project-nav-box .form-left li .form-group {
        margin-bottom: 12px;
    }

    .project-nav-box .form-right {
        padding: 10px 20px 0;
    }

    .project-nav-box .form-right input {
        width: 100%;
    }

    .project-nav-box form input[type="text"], .project-nav-box form select {
        width: 100%;
        font-size: 14px;
    }

    .project-nav-type .left {
        display: none;
    }

    .project-nav-type .right {
        padding-right: 0;
        width: 100% !important;
        height: 50px;
        line-height: 50px;
    }

    .project-nav-type .right ul {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .project-nav-type .right > ul > li {
        margin-right: 0;
        width: 33%;
        font-size: 14px;
        text-align: center;
        margin-right: 0;
    }

    .seek_designer .project-lists li {
        padding: 24px 20px;
    }

    #fys-index .seek_designer .designer-list .project-lists-text {
        width: 100%;
        overflow: hidden;
    }

    #fys-index .seek_designer .designer-list .project-lists-title {
        overflow: hidden;
    }

    .project-sort .project-sort-box .project-nav-type {
        display: block;
    }

    .seek_project .project-nav-type {
        display: none;
    }

    .seek_project {
        padding-top: 55px;
    }

    .project-nav-map {
        font-size: 14px;
        padding: 0 20px;
    }

    .project-nav-box .form-left li .form-group.show-xs-only {
        display: block;
    }

    .seek_project .project-lists .project-lists-text {
        width: 100%;
    }

    .seek_project .project-lists .money.show-xs-only a {
        float: none;
        margin: 0 auto;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        width: 100%;
    }

    /* 	.designer_apply_form .input_group{
            padding-left: 90px;
        } */
    .designer_apply_form .input_group label {
        font-size: 14px;
        width: 110px;
    }

    .designer_apply_form .input_group input, .designer_apply_form .input_group select {
        font-size: 14px;
    }

    .modify_information_form .input_group {
        min-width: auto;
    }


    .designer_apply .result p {
        font-size: 16px;
    }

    .user_center {
        padding-top: 65px;
    }

    .user_container .user_content {
        min-height: unset;
    }

    #fys-index .edit_works .container-fluid [class*=col-] {
        padding-left: 90px;
    }

    #fys-index .imgFile .imgDiv {
        padding-bottom: 48%;
    }

    .keyWord_Box .add_keyWord {
        font-size: 14px;
    }

    .personal .personal_head .headPortrait_box {
        float: initial;
        margin: 0 auto;
    }

    .personal .personal_head .headPortrait_text {
        text-align: center;
    }

    .property .transaction_btn > input {
        margin-top: 20px;
    }

    .project-nav-box .form-left li .form-group {
        height: 86px;
    }

    .form-group .searchable-select {
        width: 92%;
    }

    .user_order .project-lists .project-lists-text {
        width: 100%;
    }

    .user_order .project-lists .project-lists-title > h2 {
        width: 100%;
        max-width: 100%
    }

    .user_order .project-lists .project-lists-title > h2 > a {
        display: block;
        width: 100%;
    }

    .user_order .project-lists .money.show-xs-only {
        width: 100%;
    }

    .project-lists .money.show-xs-only a {
        width: 100%;
    }

    .property .table-responsive .works {
        text-align: left;

    }

    .property .table-responsive div.single {
        width: 100%;
    }

    .projectDetails-sub-listBox .comment-add .title {
        font-size: 18px;
        line-height: 1;
        padding: 15px 0 0px;
        height: auto;
    }

    .projectDetails-sub-listBox .comment-add .submit button {
        height: 42px;
        line-height: 42px;
        width: 48%;
        margin: 0 auto;
        font-size: 16px;
        color: #fff;
    }

    .searchable-select-dropdown .searchable-select-input {
        margin: 10px auto;
        height: 40px !important;
        line-height: 40px;
        font-size: 14px;
    }

    .searchable-select-item {
        line-height: 2;
        font-size: 14px;
    }

    .searchable-select .searchable-select-holder {
        font-size: 14px;
    }

    .w-e-toolbar .w-e-menu {
        padding: 0 10px;
        line-height: 1.5em;
    }

    .designer_apply_form .input_group.oneSub label {
        display: none;
    }
}


/*首页标签*/
.tag-mobile-expand {
    display: none;
}

.tag-mobile .tag-mobile-expand {
    display: inline;
}

.tag-mobile #tagContainer {
    height: 100px;
    overflow: hidden;
    transition: height .3s;
}


.tag-mobile #tagContainer.tag-mobile-expanding {
    height: 220px;
}

.tag-mobile #tagContainer a {
    font-size: 10px;
}

.tag-mobile #tagContainer li {
    margin-bottom: 0;
}