@charset "UTF-8";

/* 最小屏  移动端 */

@media screen and (max-width: 768px) {
    .mobile_line{
        display: block;
        height: 10px;
        background: #f7f7f7;
    }
    .tcygom_header_wrap{
        height: 44px;
        text-align: center;
    }
    .tcygom_header_wrap .tcygo_menu_btn{
        float: left;
        width: 22px;
        height: 22px;
        background: url("../../../images/bootstrap/tcygo/tcygo_m_menu.png") no-repeat center;
        background-size: 22px auto;
        margin-top: 11px;
    }
    .tcygom_header_wrap .tcygo_m_logo{
        display: inline-block;
        width: 112px;
        margin-top: 13px;
        position: relative;
    }

    .tcygom_header_wrap .tcygo_m_logo a{
        display: block;
        background: #fff;
        opacity: 0.1;
        height: 23px;
        position: absolute;
        top:0;
    }
    .tcygom_header_wrap .tcygo_m_logo a.go_tcy{
        left: 0;
        width: 70px;
    }
    .tcygom_header_wrap .tcygo_m_logo a.go_tcygo{
        left: 70px;
        width: 42px;
    }
    .tcygom_header_wrap .tcygo_m_logo img{
        width: 100%;
    }
    .tcygom_header_wrap .tcygo_m_user{
        width: 30px;
        height: 30px;
        float: right;
        margin-top: 7px;
        overflow: hidden;
        border-radius: 50%;
    }
    .tcygom_header_wrap .tcygo_m_user img{
        width: 100%;
    }

    .mobile_menu_nav{
        position: fixed;
        top: 0;
        left: 0;
        width: 68%;
        height: 100%;
        background: #fff;
        z-index: 3001;
        display: none;
    }
    .mobile_menu_nav .mn_center_box{
        padding: 4px 5.8% 20px;
        height: 100%;
        overflow-y: auto;

    }
    .mobile_menu_nav .mn_center_box a{
        display: block;
        font-size: 16px;
        line-height: 1.4;
        margin-top: 21px;
        color: #333;
    }
    .mobile_menu_nav .mn_center_box .drop_m_down p{
        font-size: 16px;
        line-height: 1.4;
        margin-top: 21px;
        color: #333;
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right center;
        background-size: 12px auto;
    }
    .mobile_menu_nav .mn_center_box .drop_m_down p.up_none{
        color: #ff3465;
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png") no-repeat right center;
        background-size: 12px auto;
    }
    .mobile_menu_nav .mn_center_box .drop_m_down ul li{
        padding-left: 5.8%;
    }

    .mobile_menu_nav .mn_center_box .drop_m_down ul li a.top_m{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right center;
        background-size: 12px auto;
    }
    .mobile_menu_nav .mn_center_box .drop_m_down ul li a.top_mup{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png") no-repeat right center;
        background-size: 12px auto;
        color: #ff3465;
    }

    .mobile_menu_nav .mn_center_box .drop_m_down ul li .sec_nav{
        padding-left: 5.8%;
        display: none;
    }




    .mobile_menu_nav .mn_center_box .drop_m_down ul{
        display: none;
    }


    .mobile_user_center{
        position: fixed;
        top: 0;
        left: 0;
        width: 68%;
        height: 100%;
        background: #fff;
        z-index: 3001;
        display: none;
    }
    .mobile_user_center .mn_center_box{
        padding: 4px 5.8% 0;
    }
    .mobile_user_center .mn_center_box a{
        display: block;
        font-size: 16px;
        line-height: 1.4;
        margin-top: 21px;
        color: #333;
        position: relative;
    }
    .mobile_user_center .mn_center_box a span{
        width: 3px;
        height: 3px;
        display: inline-block;
        vertical-align: top;
        border-radius: 100%;
        background: #ff3465;
    }


    .tcygo_m_footer .footer_con_top{
        position: relative;
        padding: 13px 15px;
        border-bottom: 1px solid #ddd;
    }
    .tcygo_m_footer .footer_con_top .fct_m_left{
        float: left;
    }
    .tcygo_m_footer .footer_con_top .fct_m_left p{
        margin-top: 15px;
        color: #666;
    }
    .tcygo_m_footer .footer_con_top .fct_m_left span{
        line-height: 1.4;
        font-weight: 600;
        margin-top: 4px;
        color: #ff3465;
        font-size: 19px;
    }
    .tcygo_m_footer .footer_con_top .fct_m_right{
        float: right;
        width: 65px;
    }
    .tcygo_m_footer .footer_con_top .fct_m_right img{
        width: 100%;
        border: 1px solid #ddd;
    }
    .tcygo_m_footer .footer_con_top .fct_m_right span{
        display: block;
        font-size: 12px;
        margin-top: 2px;
        text-align: center;
        color: #999;
    }
    .tcygo_m_footer .footer_con_middle{
        padding:10px  15px;
        border-bottom: 1px solid #ddd;
    }
    .tcygo_m_footer .footer_con_middle ul li{
        float: left;
        width: 37%;
        margin: 5px 0;
    }
    .tcygo_m_footer .footer_con_middle ul li:nth-child(3n){
        width: 26%;
    }
    .tcygo_m_footer .footer_con_middle ul li a{
        display: block;
        line-height: 1.4;
        color: #666;
    }
    .tcygo_m_footer .footer_con_bottom{
        padding: 12px 15px;
    }
    .tcygo_m_footer .footer_con_bottom p{
        font-size: 12px;
        color: #999;
    }
    .back_to_top{
        position: fixed;
        right: 15px;
        bottom: 65px;
        width: 35px;
        height: 35px;
        background: url("../../../images/bootstrap/tcygo/back_to_top.png") no-repeat center;
        background-size: 35px auto;
        z-index: 999;
    }
    .tcygo_find_designer{
        padding-top: 0;
    }
    .tcygo_m_search{
        position: relative;
        background: #f0f0f0;
        border-radius: 3px;
        margin-top: 10px;
    }
    .tcygo_m_search .search_icon{
        position: absolute;
        right: 15px;
        top: 13px;
        width: 20px;
        height: 20px;
        background: url("../../../images/bootstrap/tcygo/search_btn.png") no-repeat center;
        background-size: 20px auto;
    }
    .tcygo_m_search p{
        line-height: 45px;
        color: #aaa;
        margin-left: 15px;
    }
    .tcygo_m_search p.hassearch{
        color: #333;
    }
    .tcygo_m_search .clear_result{
        width: 20px;
        height: 20px;
        background: url("../../../images/bootstrap/tcygo/seearch_clear.png") no-repeat center;
        background-size: 20px auto;
        position: absolute;
        right: 45px;
        top: 13px;
    }
    .tcygo_content_wrap{
        background: #fff;
        padding-bottom: 0;
    }
    .works_detail_wrap{
        padding-top: 0;
    }
    .screen_m_condition{
        padding-bottom: 12px;
        position: relative;
    }
    .screen_m_position{
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1001;
    }
    .screen_m_condition .screen_m_bottom{
        padding-top: 0;
        color: #666;
        font-size: 13px;
    }
    .screen_m_condition .screen_m_bottom .all_m_service{
        float: left;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p{
        padding-right: 18px;
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right center;
        background-size: 11px auto;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p.show_service{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png") no-repeat right center;
        background-size: 11px auto;
    }
    .screen_m_condition .screen_m_bottom .basic_m_sort{
        float: right;
        margin-left: 30px;
    }
    .screen_m_condition .screen_m_bottom .all_m_types{
        float: right;
    }
    .screen_m_condition .screen_m_bottom .all_m_types p{
        padding-right: 18px;
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right center;
        background-size: 11px auto;
    }
    .screen_m_condition .screen_m_bottom .all_m_types p.show_types{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png") no-repeat right center;
        background-size: 11px auto;
    }
    .screen_m_condition .screen_m_bottom .best_hots{
        float: right;
        margin-left: 20px;
        line-height: 38px;
    }
    .screen_m_condition .screen_m_bottom .best_news{
        float: right;
        margin-left: 20px;
    }
    .screen_m_condition .screen_m_bottom .best_hots.on{
        color: #ff3465;
    }
    .screen_m_condition .screen_m_bottom .best_news.on a{
        color: #ff3465;
    }
    .screen_m_condition .city_all_box{
        position: absolute;
        left: 0;
        top: 35px;
        width: 100%;
        background: #f6f6f6;
        z-index: 102;
        display: none;
    }
    .screen_m_condition .city_all_box .left_province{
        width: 34%;
        overflow: hidden;
        background: #fff;
    }
    .screen_m_condition .city_all_box .left_province ul{
        width: 106%;
        height: 400px;
        overflow-y: auto;
    }
    .screen_m_condition .city_all_box .left_province ul li{
        display: block;
        line-height: 40px;
        padding-left: 15px;
    }
    .screen_m_condition .city_all_box .left_province ul li.on{
        background: #f6f6f6;
        color: #ff3465;
    }
    .screen_m_condition .city_all_box .right_city{
        position: absolute;
        left: 34%;
        top: 0;
        width: 100%;
    }
    .screen_m_condition .city_all_box .right_city .city_lists{
        display: none;
        height: 400px;
        overflow: auto;
    }
    .screen_m_condition .city_all_box .right_city .city_lists a{
        display: block;
        padding-left: 15px;
        line-height: 40px;
        color: #666;
    }
    .screen_m_condition .city_all_box .right_city .city_lists a.on_city{
         color: #ff3465;
     }
    .screen_m_condition .city_all_box .right_city .city_lists a:focus{
        color: #ff3465;
    }
    .screen_m_condition .service_mall_type{
        position: absolute;
        left: 0;
        top: 35px;
        width: 100%;
        background: #f6f6f6;
        z-index: 102;
        display: none;
    }
    .screen_m_condition .service_mall_type .left_main_service{
        width: 48%;
        overflow: hidden;
        background: #fff;
    }
    .screen_m_condition .service_mall_type .left_main_service ul{
        width: 106%;
        height: 350px;
        overflow-y: auto;
    }
    .screen_m_condition .service_mall_type .left_main_service ul li{
        display: block;
        padding-left: 15px;
        line-height: 40px;
        color: #666;
    }
    .screen_m_condition .service_mall_type .left_main_service ul li.on{
        background: #f6f6f6;
        color: #ff3465;
    }
    .screen_m_condition .service_mall_type .right_branch_service{
        position: absolute;
        left: 48%;
        top: 0;
        width: 52%;
    }
    .screen_m_condition .service_mall_type .right_branch_service .service_list{
        display: none;
        height: 320px;
        overflow: auto;
    }
    .screen_m_condition .service_mall_type .right_branch_service .service_list a{
        display: block;
        padding-left: 15px;
        line-height: 40px;
        color: #666;
    }
    .screen_m_condition .service_mall_type .right_branch_service .service_list a.on_service{
        color: #ff3465;
    }
    .screen_m_condition .service_mall_type .right_branch_service .service_list a:focus{
        color: #ff3465;
    }
    .screen_m_condition .belong_m_all{
        position: absolute;
        left: 0;
        top: 35px;
        width: 100%;
        background: #fff;
        z-index: 100;
        display: none;
    }
    .screen_m_condition .belong_m_all a{
        display: block;
        padding-left: 15px;
        line-height: 40px;
        color: #666;
    }
    .screen_m_condition .belong_m_all a.on{
        color: #ff3465;
    }
    .screen_m_condition .screen_m_bg{
        display: none;
        position: absolute;
        width: 100%;
        height: 1000px;
        background: #000;
        opacity: 0.6;
        top: 35px;
        left: 0;
        z-index: 101;

    }

    .find_designer_list{
        background: #f7f7f7;
        padding: 0 0 0 15px;
    }
    .find_designer_list .fd_box_row{
        padding: 15px 0;
    }
    .personal_information_box .pib_middle .achievement{
        display: none;
    }
    .personal_information_box .pib_left {
        margin-right: 13px;
    }
    .personal_information_box .pib_left .d_header{
        width: 42px;
        height: 42px;
    }
    .personal_information_box .pib_left .d_info_cont{
        margin-top: 0;
        margin-left: 50px;
        height: 42px;
    }
    .personal_information_box .pib_left .d_info_cont .name a{
        margin-right: 5px;
        max-width: 80px;
    }
    .personal_information_box .pib_left .d_info_cont .name .old_year{
        margin-right: 0;
        margin-left: 0;
    }
    .personal_information_box .pib_left .d_info_cont .name .identity_single{
        margin-right: 5px;
    }
    .personal_information_box .pib_left .d_info_cont .name .identity_group{
        margin-right: 5px;
    }
    .personal_information_box .pib_left .d_info_cont .name .entry_year{
        margin-right: 5px;
        margin-left: 0;
    }
    .personal_information_box .pib_left .d_info_cont .cont{
        position: relative;
        top: -9px;
        font-size: 13px;
    }
    .personal_information_box .pib_left .d_info_cont .cont .describe{
       display: none;
    }
    .personal_information_box .pib_middle{
        margin-top: 0;
    }
    .personal_information_box .pib_middle .counter_mark_list{
        padding-left: 0;
        border-left:none;
    }
    .personal_information_box .pib_middle .counter_mark_list .cml_box{
        width: 18px;
        height: 37px;
        margin-right: 5px;
    }
    .personal_information_box .pib_middle .counter_mark_list .cb_01{
        background: url("../../../images/bootstrap/tcygo/counter_mark_move01.png") no-repeat center;
        background-size: 18px auto;
    }
    .personal_information_box .pib_middle .counter_mark_list .cb_02{
        background: url("../../../images/bootstrap/tcygo/counter_mark_move02.png") no-repeat center;
        background-size: 18px auto;
    }
    .personal_information_box .pib_middle .counter_mark_list .cb_03{
        background: url("../../../images/bootstrap/tcygo/counter_mark_move03.png") no-repeat center;
        background-size: 18px auto;
    }
    .personal_information_box .pib_middle .counter_mark_list .cb_04{
        background: url("../../../images/bootstrap/tcygo/counter_mark_move04.png") no-repeat center;
        background-size: 18px auto;
    }
    .personal_information_box .order_right{
        top: 8px;
        right: 15px;
    }
    .personal_information_box .order_right .complex_box{
        width: 22px;
        height: 22px;
        overflow: hidden;
        margin-right: 0;
    }
    .case_presentation{
        margin-top: 15px;
    }
    .case_presentation .swiper-container{
        width: 100%;
        overflow-x: scroll;
    }
    .case_presentation .swiper-container .swiper-wrapper .swiper-slide{
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 170px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-right: 5px;
    }
    .page_m_box{
        padding: 13px 0;
        background: #f7f7f7;
        font-size: 0;
        text-align: center;
    }
    .page_m_box a{
        display: inline-block;
        font-size: 15px;
        color: #999;
    }
    .page_m_box a:hover{
        color: #ff3465;
    }
    .page_m_box .page_num{
        display: inline-block;
        font-size: 0;
        padding: 0 45px ;
        color: #666;
    }
    .page_m_box .page_num span{
        font-size: 16px;
    }
    .popular_label{
        margin-top: 0;
        padding: 15px 0;
    }
    .popular_label .lab_nav{
        padding: 0 15px;
    }
    .popular_label .lab_nav li{
        font-size: 15px;
        padding-bottom: 4px;
        margin-right: 30px;
        color: #999;
        font-weight: 400;
    }
    .popular_label .label_con_list{
        padding-top: 10px;
    }
    .popular_label .label_con_list .label_box{
        padding: 0 15px;
    }
    .popular_label .label_con_list .label_box p{
        height: 52px;
        overflow: hidden;
    }
    .popular_label .label_con_list .label_box p a{
        line-height: 2;
        margin-right: 16px;
    }
    .popular_label .label_con_list .label_box .label_toggle{
        display: inline-block;
        font-size: 12px;
        color: #666;
        line-height: 25px;
        background: #f6f6f6;
        padding: 0 10px;
        margin-top: 10px;
    }
    .popular_label .label_con_list .label_box .label_toggle span{
        display: block;
        padding-right: 13px;
        background: url(../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png) no-repeat right center;
        background-size: 11px auto;
    }
    .popular_label .label_con_list .label_box .label_toggle.all_show span{
        background: url(../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png) no-repeat right center;
        background-size: 11px auto;
    }
    .one_button_appointment{
        height: 60px;
        padding: 0 15px;
    }
    .one_button_appointment .order_center_box .order_left_designer{
        margin-top: 11px;
    }
    .want_order_info{
        width: 38px;
        height: 38px;
    }
    .want_order_info .dr_img{
        width: 38px;
        height: 38px;
    }
    .want_order_info:hover .open_btn{
        display: none;
    }
    .want_order_info .delete_btn{
        display: none;
    }
    .want_order_info .d_info_cont{
        display: none;
    }
    .want_order_info .m_delete_btn{
        position: absolute;
        top: 0;
        right: -8px;
        width: 10px;
        height: 10px;
        background: url("../../../images/bootstrap/tcygo/m_close_delete_btn.png") no-repeat center;
        background-size: 8px auto;
    }
    .order_onekey_box p.order_surplus{
        display: none;
    }
    .order_onekey_box p.order_m_surplus{
        font-size: 14px;
        display: inline-block;
    }
    .order_onekey_box p.order_m_surplus span{
        color: #666;
        padding-right: 0;
    }
    .order_onekey_box input.black_border_btn02{
        display: none;
    }
    .order_onekey_box input.black_bg_btn{
        width: 80px;
        line-height: 36px;
        margin-left: 12px;
    }
    .personal_information_box .order_right .complex_box .order_mongolia{
        background: url("../../../images/bootstrap/tcygo/tcygo_morder_btn02.png") no-repeat center;
        background-size: 22px auto;
        opacity: 1;
    }
    .mobile_public_mongoliabg{
        position: fixed;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        top: 0;
        left: 0;
        z-index: 3000;
        display: none;
    }

    .search_popup_overall{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 9999;
        display: none;
    }
    .search_popup_overall .sp_top{
        position: relative;
        margin: 15px;
    }
    .search_popup_overall .sp_top .pop_search_box{
        border: 1px solid #ddd;
        margin-right: 45px;
        border-radius: 3px;
        position: relative;
    }
    .search_popup_overall .sp_top .pop_search_box input{
        line-height: 35px;
        font-size: 14px;
        color: #333;
        border: none;
        padding: 0 35px;
        width: 100%;
        outline: none;
        background: #f8f8f8;
    }
    .search_popup_overall .sp_top .pop_search_box input::placeholder{
        color: #aaa;
    }
    .search_popup_overall .sp_top .pop_search_box .pop_search_btn{
        position: absolute;
        left: 10px;
        top: 7px;
        display: block;
        width: 18px;
        height: 18px;
        background: url(../../../images/bootstrap/designers_case_search3.png) no-repeat;
        background-size: 18px auto;
        border: none;
    }
    .search_popup_overall .sp_top .pop_search_box .clearcont{
        position: absolute;
        right: 10px;
        top: 10px;
        width: 15px;
        height: 15px;
        background: url(../../../images/bootstrap/search_clear.png) no-repeat center;
        background-size: 15px auto;
        display: none;
    }
    .search_popup_overall .sp_top .search_cancel {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 15px;
        line-height: 36px;
        color: #999;
    }
    .search_popup_overall .sp_bottom h3{
        padding-top: 5px;
        font-size: 15px;
        color: #999;
        line-height: 1.4;
        margin: 0 15px 16px;
    }
    .search_popup_overall .sp_bottom ul{
        margin: 0 15px;
    }
    .search_popup_overall .sp_bottom ul li{
        width: 50%;
        float: left;
        line-height: 1.4;
        margin-bottom: 16px;
    }
    .search_popup_overall .sp_bottom ul li a{
        color: #333;
        font-size: 15px;
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .search_popup_overall .sp_bottom ul li:nth-child(2n) a{
        padding-left: 5px;
    }
    .search_popup_overall .sp_bottom .mobile_line{
        margin-bottom: 16px;
    }
    .search_popup_overall .sp_bottom ul.mc_choice_tabs li.on a{
        color: #ff3465;
    }


    .find_works_list{
        background: #f7f7f7;
        padding: 10px 15px 0;
        border-bottom: 1px solid #ddd;
    }
    .find_works_list ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }
    .find_works_list ul li .case_show_box a .about_tab_pop{
        display: none;
    }
    .find_works_list ul li .case_show_box a .about_tab_bg{
        display: none;
    }
    .find_works_list ul li .case_show_box{
        padding: 0;
    }
    .find_works_list ul li:nth-child(4n){
        margin-right: 4%;
    }
    .find_works_list ul li:nth-child(2n){
        margin-right: 0;
    }
    .find_works_list ul li .owner_box .designer_info{
        display: block;
    }
    .find_works_list ul li .owner_box .case_title{
        padding: 10px 0;
    }
    .find_works_list ul li .inner_case_title{
        padding: 10px 5px 10px 10px;
        margin: 0;
    }
    .find_works_list ul li .owner_box{
        margin: 0;
        padding: 0 10px;
    }
    .find_works_list ul li .owner_box .designer_info{
        padding: 10px 0;
    }   
    .find_works_list ul li .owner_box .designer_info .di_name{
        margin-left: 8px;
        margin-right: 0;
    }
    .fwl_single_high ul li .owner_box .designer_info .di_name{
        max-width: 112px;
    }
    .find_works_list ul li .owner_box .designer_info .identity_single{
        margin-right: 5px;
        width: 20px;
        background-size: 20px auto;
        display: none;
    }
    .find_works_list ul li .owner_box .designer_info .location_info {
        display: none;
    }
    .find_works_list ul li .owner_box .designer_info .old_year{
        margin-right: 0;
        display: none;
    }
    .find_works_list ul li .owner_box .designer_info .old_year .y_tip{
        display: none;
    }
    .find_works_list ul li .owner_box .designer_info .identity_group{
        margin-right: 5px;
        display: none;
    }
    .find_works_list ul li .owner_box .designer_info .entry_year{
        margin-right: 0;
        display: none;
    }
    

    .popular_label{
        position: relative;
    }
    .popular_label .works_lab_nav{
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
        font-size: 0;
        margin:0 15px;
        padding: 0;
    }
    .popular_label .works_lab_nav li{
        display: inline-block;
        vertical-align: top;
        float: none;
        margin-right: 28px;
        line-height: 1.4;
        text-align: center;
    }
    .popular_label .arrow{
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        width: 40px;
        height: 20px;
        background: url("../../../images/bootstrap/tcygo/popular_arrow.png") no-repeat center;
        background-size: 40px auto;
    }

    .search_result_wrap{
        padding: 15px 30px;
        border-bottom: 1px solid #e6e6e6;
    }
    .search_result_wrap h1{
        font-size: 17px;
        padding-bottom: 6px;
    }
    .search_result_wrap p{
        font-size: 13px;
        height: 18px;
        overflow: hidden;
        padding-right: 20px;
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right 6px;
        background-size: 11px auto;
    }
    .search_result_wrap p.pack_up{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png") no-repeat right 6px;
        background-size: 11px auto;
    }
    .related_recommend{
        margin: 15px;
    }
    .related_recommend span{
        float: none;
        margin-bottom: 5px;
    }
    .related_recommend ul{
        margin-left: 0;
    }
    .related_recommend ul li{
        margin-left: 0;
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .related_recommend ul li a{
        font-size: 12px;
        line-height: 23px;
        padding: 0 10px;
    }
    .find_works_list ul li .case_show_box a{
        height: 216px;
    }
    .case_presentation .swiper-container .swiper-wrapper .swiper-slide{
        height: 106px;
        background: none;
    }
    .case_presentation .swiper-container .swiper-wrapper .swiper-slide .case_box{
        height: 106px;
    }
    .case_presentation .swiper-container .swiper-wrapper .swiper-slide .case_box a{
        height: 106px;
        display: block;
    }
    .case_presentation .swiper-container .swiper-wrapper .swiper-slide .case_box a .image_show{
        height: 106px;
    }
    .case_presentation .case_box .image_show img{
        width: auto;
        height: 100%;
    }
    .get_public_pop{
        width: 344px;
        margin-left: -172px;
    }
    .get_public_pop h3{
        margin: 38px 0 15px;
        font-size: 17px;
    }
    .get_public_pop .msg_info_form{
        margin: 0 25px;
    }
    .get_public_pop .msg_info_form .form_group .must_fill{
        left: -10px;
    }
    .get_public_pop .msg_info_form .form_group select{
        height: 45px;
        line-height: 45px;
    }
    .get_public_pop .msg_info_form .form_group .select_arrow{
        top: 20px;
    }
    .get_public_pop .msg_info_form .form_group textarea{
        padding: 12px 10px 0;
    }
    .get_public_pop .msg_info_form .pink_pop_btn{
        line-height: 45px;
        height: 45px;
        font-size: 15px;
    }
    .get_public_pop .msg_info_form .form_group input.input_msg{
        height: 45px;
        line-height: 45px;
    }
    .get_public_pop .msg_info_form .form_group .label_radio{
        margin-right: 12px;
    }
    .get_public_pop .protect_tips{
        margin-top: 7px;
    }
    .get_public_pop .msg_info_form .form_group input.get_code{
        height: 45px;
        line-height: 45px;
    }
    .popular_label .lab_nav li span{
        display: none;
    }
    .personal_information_box .pib_left .d_info_cont .name{
      height: 28px;
    }
    .submit_emate_box{
        width: 96%;
        left: 2%;
        margin-left: 0;
        height: 255px;
        margin-top: -177px;
    }
    .submit_emate_box .seb_center_box{
        z-index: 1002;
        padding: 40px 25px;
    }
    .submit_emate_box .seb_center_box .success_icon{
        display: block;
        width: 47px;
        margin: 0 auto 9px;
    }
    .submit_emate_box .seb_center_box p.pc_tips{
        display: none;
    }
    .submit_emate_box .seb_center_box p.move_tips{
        display: block;
    }
    .submit_emate_box .seb_center_box .gzqr_code{
        display: none;
    }
    .submit_emate_box .seb_center_box .gzqr_tips{
        display: none;
    }
    .estimate_whole_wrap{
        background: #fff;
        padding: 0;
    }
    .estimate_explain_left{
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        margin: 0 15px;
    }
    .estimate_explain_left .center_box{
        padding: 25px 15px;
    }
    .estimate_explain_left .center_box h3{
        font-size: 17px;
    }
    .estimate_explain_left .center_box .line{
        width: 25px;
        height: 2px;
        margin: 5px 0 13px;
    }
    .estimate_explain_left .center_box ul li p{
        margin-bottom: 5px;
    }
    .submit_demand_form .forms_title ul{
        margin-bottom: 15px;
    }
    .submit_demand_form .forms_title ul li{
        font-size: 17px;
    }

    .submit_demand_form .vslider .flex-viewport ul li{
        font-size: 12px;
    }
    .submit_demand_form{
        margin-left: 0;
        padding: 20px 0 0;
    }
    .submit_demand_form .forms_detail{
        margin-top: 15px;
    }
    .want_do_choose{
        margin-top: 0;
        margin-bottom: 15px;
    }
    .want_do_choose .phone_nums input[type="text"]{
        height: 45px;
    }
    .want_do_choose .select_bipolar .selected_cont{
        line-height: 45px;
        height: 45px;
    }
    .want_do_choose .ql_sub_btn{
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
    }
    .want_do_choose p.sr_tip{
        text-align: center;
        font-size: 14px;
    }
    .submit_demand_form .sdf_center_box{
        padding: 0 15px;
    }
    .order_design_mbg{
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }
    .mobile_service_typebox{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 57.4%;
        background: #fff;
        z-index: 1001;
        overflow-y: scroll;
        display: none;
    }
    .mobile_service_typebox ul li{
        line-height: 48px;
        font-size: 16px;
        color: #333;
        text-align: center;
        border-top: 1px solid #eee;
    }
    .mobile_service_typebox ul li:first-child{
        border-top: none;
    }
    .mobile_service_typebox ul li.on{
        color: #ff3465;
    }
    .mobile_city_addressbox{
        position: fixed;
        left: 0;
        top: 0;
        width: 77.3%;
        height: 100%;
        background: #f6f6f6;
        z-index: 1001;
        overflow: hidden;
        display: none;
    }
    .mobile_city_addressbox .m_left_province{
        background: #fff;
        width: 44%;
        overflow: hidden;
        height: 100%;
    }
    .mobile_city_addressbox .m_left_province ul{
        overflow-y: auto;
        height: 100%;
    }
    .mobile_city_addressbox .m_left_province ul li{
        line-height: 40px;
        color: #333;
        padding-left: 15px;
        font-size: 14px;
    }
    .mobile_city_addressbox .m_left_province ul li.on{
        background: #f6f6f6;
        color: #ff3465;
    }
    .mobile_city_addressbox .m_right_city{
        position: absolute;
        right: 0;
        top: 0;
        width: 56%;
        height: 100%;
        overflow: hidden;
    }
    .mobile_city_addressbox .m_right_city .city_lists{
        display: none;
        overflow-y: auto;
        height: 100%;
    }
    .mobile_city_addressbox .m_right_city .city_lists a{
        display: block;
        line-height: 40px;
        color: #333;
        padding-left: 15px;
        font-size: 14px;
    }
    .designer_order_lists .order_roll_msg{
        left: auto;
        top: auto;
        position: static;
        margin: 0 15px 10px;
        width: auto;
    }
    .designer_order_lists .order_roll_msg .vslider ul li{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }



    .latest_case{
        padding-left: 10px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .index_cases_list .swiper-slide{
        width: 78.6%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .index_cases_list .swiper-slide .tcygo_top_case{
        background: #fff;
        padding: 10px;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
        border-radius: 2px;
        margin-left: 5px;
    }
    .index_cases_list .swiper-button-next{
        display: none;
    }
    .index_cases_list .swiper-button-prev{
        display: none;
    }
    .tcygo_top_case{
        padding: 10px;
    }

    .tcygo_top_case .designer_part .pib_left .d_header{
        width: 42px;
        height: 42px;
    }
    .tcygo_top_case .designer_part .pib_left .d_info_cont{
        margin-left: 50px;
        margin-top: 0;
    }
    .index_find_designer{
        padding: 15px;
    }
    .index_find_designer .designer_if_list li{
        float: none;
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0;
    }
    .index_find_designer .designer_if_list li:nth-child(4n+1){
        margin-left: 2%;
    }
    .index_find_designer .designer_if_list li:nth-child(2n+1){
        margin-left: 0;
    }
    .index_find_designer .tcygo_top_case{
        padding: 0;
    }
    .index_find_designer .tcygo_top_case .designer_part{
        padding: 10px;
        margin: 0;
    }
    .index_find_designer .find_works_list {
       padding: 0;
        border-bottom: none;
    }

    .index_find_designer .find_works_list ul li{
        margin-left: 0;
    }
    .index_find_designer .move_i_link{
        display: inline-block;
        font-size: 14px;
        color: #666;
        text-align: center;
    }
    .index_find_designer .move_i_link span{
        padding-right: 26px;
        background: url("../../../images/bootstrap/tcygo/tcygo_index_icon01.png") no-repeat right center;
        background-size: 16px;
    }
    .tcygo_index_banner .mobile_banner img{
        width: 100%;
    }
    .tcygo_index_banner .banner_tit{
        width: 200px;
        margin-left: -100px;
    }
    .tcygo_index_banner .banner_tit p{
        font-size: 14px;
        margin-top: 10px;
    }
    .tcygo_forum_center .tcygo_content_wrap{
        padding:0;
    }
    .tcygo_top_case .designer_part .pib_left .d_info_cont .cont{
        margin-top: 4px;
        padding: 0;
        text-align: left;
    }
    .tcygo_top_case .designer_part .pib_left .d_info_cont .name .entry_year{
        margin-left: 5px;
    }
    .tcygo_top_case .designer_part .pib_left .d_info_cont .name .old_year{
        margin-left: 5px;
    }
    .advantage{
        background: #f7f7f7;
        padding: 15px;
    }
    .advantage ul li{
        background: #fff;
    }
    .advantage ul li img{
        position: static;
        width: 30px;
        margin: 15px auto 5px;
    }
    .advantage ul li .ae_box{
        border: none;
        padding: 0;
        text-align: center;
    }
    .advantage ul li .ae_box p{
        font-size: 14px;
        max-width: 58px;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .advantage ul li .ae_box p.d_width{
        width: 40px;
    }
    .advantage ul li .ae_box span{
        display: none;
    }
    .pubilc_i_title{
        margin:20px 15px 0;
    }
    .pubilc_i_title h3{
        font-size: 17px;
        margin: 0;
    }
    .pubilc_i_title .line{
        width: 30px;
        height: 2px;
        margin-top: 5px;
    }
    .pubilc_i_title .designer_top{
        top: 0;
    }

    .designer_classify{
        position: relative;
        bottom: auto;
        right: auto;
        padding: 0 15px;
    }
    .designer_classify ul{
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
        font-size: 0;
    }
    .designer_classify ul li{
        display: inline-block;
        vertical-align: top;
        float: none;
        padding: 10px 0;
        margin-left: 0;
        margin-right: 15px;
        line-height: 1.4;
        text-align: center;
    }
    .designer_classify ul li.more{
        display: none;
    }
    .designer_classify ul li a{
        padding-bottom: 0;
        font-size: 14px;
    }
    .designer_classify ul li .line{
        display: none;
    }
    .designer_classify .posgd_arrow {
        display: block;
        width:40px;
        height: 20px;
        position: absolute;
        right: 15px;
        bottom: 10px;
    }
    .designer_classify .posgd_arrow img{
        width: 100%;
    }

    .works_classify{
        position: relative;
        bottom: auto;
        right: auto;
        padding: 0 15px;
    }
    .works_classify ul{
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
        font-size: 0;
    }
    .works_classify ul li{
        display: inline-block;
        vertical-align: top;
        float: none;
        padding: 10px 0;
        margin-left: 0;
        margin-right: 15px;
        line-height: 1.4;
        text-align: center;
    }
    .works_classify ul li.more{
        display: none;
    }
    .works_classify ul li a{
        padding-bottom: 0;
        font-size: 14px;
    }
    .works_classify ul li .line{
        display: none;
    }
    .works_classify .posgd_arrow {
        display: block;
        width:40px;
        height: 20px;
        position: absolute;
        right: 15px;
        bottom: 10px;
    }
    .works_classify .posgd_arrow img{
        width: 100%;
    }

    .index_designer_interview{
        padding-top: 0;
        margin: 0 15px;
    }
    .index_designer_interview .interview_half{
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .dynamic_msg{
        margin: 0 15px 15px;
    }
    .dynamic_msg .msg_half{
        width: 100%;
        float: none;
    }
    .dynamic_msg .msg_half{
        margin-left: 0;
        margin-top: 15px;
    }
    .swiper-button-bannerprev,.swiper-button-bannernext{
        display: none;
    }
    .common-modal{
        display: block;
        opacity: 0;
        visibility: hidden;
        z-index: -9999;
    }
    .personal_information_box .order_right{
        top: 0;
    }
    .personal_information_box .order_right a.at_once_order{
        width: 90px;
    }
    .personal_information_box .order_right a.cn_once_order{
        width: 90px;
        border: 1px solid #999;
    }
    .personal_information_box .order_right a.cn_once_order:hover,.personal_information_box .order_right a.cn_once_order:focus{
        background: none;
    }
    .adsense_box a{
        margin: 0 15px 15px;
    }

    .personal_information_box .order_right .complex_box{
        width: 90px;
        height: 40px;
    }
    .personal_information_box .order_right .complex_box a.add_order_list{
        width: 90px;
        display: block;
        background: none;
        color: #333;
        line-height: 38px;
        text-align: center;
        border: 1px solid #333;
        border-radius: 3px;
    }
    .personal_information_box .order_right .complex_box a.remove_order_list{
        color: #fff;
        background: #333;
    }
    .personal_information_box .order_right .complex_box a.noadd_order_list{
        border: 1px solid #999;
        width: 100%;
    }
    .personal_information_box .order_right .complex_box a.noadd_order_list:hover,.personal_information_box .order_right .complex_box a.noadd_order_list:focus{
        border: 1px solid #999;
    }
    .personal_information_box .order_right .complex_box .order_mongolia{
        background: none;
    }
    .adsense_box{
        margin-top: 10px;
    }

    .tcygom_header_wrap .designer_stay{
        float: right;
        margin-right: 15px;
        margin-top: 8px;
    }
    .tcygom_header_wrap .designer_stay a{
        width:80px;
        height:27px;
        display: block;
        line-height: 27px;
        text-align: center;
        color: #fff;
        background:rgba(255,52,101,1);
        border-radius:3px;
        font-size: 12px;
    }
    .tcygo_shortm_search{
        margin-right: 80px;
        margin-left: 15px;
    }

    .screen_m_top .designer_m_label{
        float: left;
    }
    .screen_m_top .designer_m_label p{
        font-size: 17px;
        color: #ff3465;
        font-weight: 600;
        margin-top: 10px;
    }
    .screen_m_top .designer_mgary_label{
        margin-left: 30px;
    }
    .screen_m_top .designer_mgary_label p{
        color: #666;
        font-weight: normal;
    }
    .screen_m_top .city_m_screen{
        float: right;
    }
    .screen_m_top .my-city {
        float: right;
        width: calc(100vw - 65px);
    height: 50px;
    line-height: 50px;
   border-radius: 3px;
    border: 1px solid #FFFFFF;
    font-size: 17px;
    font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
   color: #FFFFFF;
   padding-left: 20px;
   padding-right:15px ;
    }

   .screen_m_top .city_m_screen p{
        padding-right: 18px;
        color: #666;
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right center;
        background-size: 11px auto;
    }
    .screen_m_top .city_m_screen p.show_city{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png") no-repeat right center;
        background-size: 11px auto;
    }
 

    .fdesigners_screenm_top{
        padding-bottom: 10px;
        position: absolute;
        right: 15px;
        top: 14px;
    }
    .fdesigners_screenm_top .designer_m_label{
        float: left;
    }
    .fdesigners_screenm_top .designer_m_label p{
        font-size: 17px;
        color: #ff3465;
        font-weight: 600;
    }
    .fdesigners_screenm_top .designer_mgary_label{
        margin-left: 30px;
    }
    .fdesigners_screenm_top .designer_mgary_label p{
        color: #666;
        font-weight: normal;
    }
    .fdesigners_screenm_top .city_m_screen{
        float: right;
        position: relative;
    }
    .fdesigners_screenm_top .city_m_screen p{
        padding-right: 18px;
        color: #666;
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right center;
        background-size: 11px auto;
    }
    .fdesigners_screenm_top .city_m_screen p.show_city{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow02.png") no-repeat right center;
        background-size: 11px auto;
    }
    .screen_m_top .my-city p {
        color: #FFFFFF !important;
        background: url("../../../images/index-img/arrow-down.png") no-repeat right center;
        background-size: 20px auto;
    }
    .screen_m_top .my-city p.show_city {
        background: url("../../../images/index-img/arrow-on.png") no-repeat right center;
        background-size: 20px auto;
    }
    .screen_m_condition .city_all_box{
        top: 10px;
    }
    .tcygo_content_wrap{
        padding-top: 15px;
    }
    .screen_m_condition .recommend_list{
        float: left;
    }
    .screen_m_condition .recommend_list a{
        display: block;
        float: left;
        margin-right: 10px;
        width:62px;
        line-height: 31px;
        border: 1px solid #e6e6e6;
        text-align: center;
        color: #333;
        border-radius:3px;
    }
    .screen_m_condition .recommend_list a.on{
        color: #FF3465;
        border: 1px solid #FF3465;
    }
    .screen_m_condition .screen_m_bottom .all_m_service{
        float: right;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p{
        line-height: 33px;
    }
    .screen_m_condition .service_mall_type{
        top: 44px;
    }
    .screen_m_condition .screen_m_bg{
        top: 50px;
    }
    .screen_m_condition .screen_m_bottom .best_news{
        margin-right: 0;
        line-height: 38px;
        float: right;
        margin-left: 20px;
    }
    .designer_order_lists .sort_show_list{
        background: #f7f7f7;
        border-bottom: 1px solid #ddd;
    }
    .designer_order_lists .sort_show_list .belonging_to_list{
        float: left;
        margin-left: 15px;
    }
    .designer_order_lists .sort_show_list .belonging_to_list a{
        display: block;
        float: left;
        margin-right: 30px;
        color: #333;
        font-size: 14px;
        line-height: 45px;
    }
    .designer_order_lists .sort_show_list .belonging_to_list a.on{
        color: #FF3465;
    }
    .designer_order_lists .sort_show_list .ranking_list{
        float: right;
        margin-right: 15px;
    }
    .designer_order_lists .sort_show_list .ranking_list a{
        display: block;
        float: left;
        margin-left: 30px;
        color: #333;
        font-size: 14px;
        line-height: 45px;
    }
    .designer_order_lists .sort_show_list .ranking_list a.on{
        color: #FF3465;
    }
    .move_achievement{
        margin-top: 10px;
        font-size: 14px;
        color: #999;
    }






    .all_demand{
        width: 384px;
        height: 510px;
        overflow: hidden;
        margin-left: -192px;
        margin-top: -255px;
        border-radius: 3px;
    }
    .all_demand .direct_link_box{
        float: none;
    }
    .all_demand .get_public_pop{
        margin-left: 0;
        height: auto;
        width: auto;
    }
    .all_demand .direct_link_box .pd_box{
        width: auto;
        padding: 38px 20px 18px;
    }
    .all_demand .direct_link_box .pd_box .left_designer{
        height: auto;
        border-bottom: none;
        padding-bottom: 0;
    }
    .all_demand .direct_link_box .pd_box .operate_box{
        display: none;
    }
    .all_demand .direct_link_box .pd_box h3{
        margin-bottom: 0;
    }
    .all_demand .direct_link_box .pd_box .left_designer .want_order_info{
        float: left;
        margin-right: 20px;
        width: 42px;
        height: 42px;
    }
    .all_demand .direct_link_box .pd_box .left_designer .want_order_info .m_delete_btn{
        display: none;
    }
    .get_public_pop h3{
        margin: 20px 0 15px 25px;
    }
    .all_demand .direct_link_box .pd_box .left_designer .want_order_info .dr_img{
        width: 42px;
        height: 42px;
    }
    .all_demand .direct_link_box .pd_box .left_designer .want_order_info .d_info_cont{
        display: none;
    }
    .personal_information_box .order_right .complex_box a.add_order_list{
        border: 1px solid #666;
        color: #333!important;
    }
    .personal_information_box .order_right .complex_box a.remove_order_list{
        color: #fff!important;
        border: 1px solid #333;
    }
    .all_demand .get_public_pop .back_prev{
        left: 12px;
        bottom: auto;
        top: 12px;
        font-size: 12px;
    }
    .get_public_pop .phone_tips{
       margin-left: 25px;
    }
    .screen_m_condition .recommend_list a{
        width: 69px;
    }
    .screen_m_condition .screen_m_bottom .all_m_service{
        position: relative;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p{
        background: none;
        font-size: 15px;
        line-height: 1.4;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p.ams_btn{
        padding-right: 0;
        width: 68px;
        border: 1px solid #e6e6e6;
        text-align: center;
        height: 33px;
        background: url("../../../images/bootstrap/tcygo/tcygo_mc_other01.png") no-repeat center;
        background-size: 17px auto;
        border-radius: 3px;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p.show_service{
        background: url("../../../images/bootstrap/tcygo/tcygo_mc_other.png") no-repeat center;
        background-size: 17px auto;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p.xzcolor{
        background: url("../../../images/bootstrap/tcygo/tcygo_mc_other.png") no-repeat center;
        background-size: 17px auto;
    }
    .guid_box{
        width: 320px;
    }
    .guid_box p{
        margin: 20px 20px 0;
    }
    .guid_box>div a{
        line-height: 33px;
        text-align: center;
    }
    .guid_box>div a.keep_explore_btn{
        border: 1px solid #FF3465;
        width: 88px;
        padding: 0;
    }
    .guid_box>div a.ngok_btn{
        border: 1px solid #FF3465;
        width: 88px;
        text-align: center;
        padding: 0;
    }
    .fdesigners_screenm_top .city_m_screen .gb_designers_top01{
        top: 41px;
    }
    .fdesigners_screenm_top .city_m_screen .gb_designers_top01 .guide_hint{
        top: -43px;
        right: 16px;
    }
    .fdesigners_screenm_top .city_m_screen .gb_designers_top01 p{
        padding-right: 0;
        background: none;
        color: #333;
    }
    .screen_m_condition .screen_m_bottom .all_m_service .gb_designers_top01 p{
        color: #333;
    }
    .gb_designers_top01{
        top: 50px;
    }
    .gb_designers_top02{
        right: 10px;
    }
    .gb_designers_top03{
        right: 10px;
    }
    .gb_designers_top03 .guide_hint{
        right: 26px;
    }
    .order_onekey_box input.black_bg_btn {
        width: 90px;
        line-height: 40px;
    }
    .order_onekey_box{
        margin-top: 10px;
    }
    .order_onekey_box .gb_designers_top03{
        right: 13px;
    }
    .order_left_designer .gb_designers_top03{
        bottom: 52px;
    }
    .order_left_designer .gb_designers_top03:before{
        left: 14px;
    }
    .order_left_designer .gb_designers_top03 .guide_hint{
        left: -1px;
    }
    .screen_m_condition .recommend_list a:first-child{
        width: 87px;
    }
    .gb_designers_top03:before{
        right: 35px;
    }
    .screen_m_condition .screen_m_bottom .all_m_service{
        float: left;
    }

    .public_bottom_adsense{
        height: auto;
        padding: 20px 0 10px;
        margin-top: 0;
    }
    .public_bottom_adsense h3{
        display: block;
        top: auto;
        font-size: 16px;
        margin: 0;
        font-family:PingFang-SC-Regular,PingFang-SC;
        font-weight: 400;
    }
    .public_bottom_adsense a{
        display: block;
        margin: 10px auto 15px;
        width: 170px;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
    }
    .public_bottom_adsense .register_demand_demand{
        top: auto;
        display: block;
        width: 100%;
    }
    .public_bottom_adsense .register_demand_demand span{
        font-size: 12px;
    }


    .find_works_list ul li.frist_g_box{
        height: auto;
    }
    .find_works_list ul li.frist_g_box .fgb_info{
        left: 25px;
        top: 20px;
    }
    .find_works_list ul li.frist_g_box .fgb_info p{
        font-family:PingFang-SC-Regular,PingFang-SC;
        font-weight:400;
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 3px;
    }
    .find_works_list ul li.frist_g_box .fgb_info span{
        margin-bottom: 3px;
        font-size: 12px;
    }
    .find_works_list ul li.frist_g_box .fgb_info div{
        width: 137px;
        line-height: 35px;
        height: 35px;
        font-size: 12px;
        margin-top: 6px;
    }
    .find_works_list ul li.frist_g_box img{
        position: static;
        transform: translate(0,0);
    }
    .screen_m_condition .screen_m_bottom .all_msw_service p{
        background: url("../../../images/bootstrap/tcygo/tcygo_mpublic_arrow01.png") no-repeat right center !important;
        background-size: 11px auto !important;
    }
    .screen_m_condition .screen_m_bottom .best_news a:focus{
        color: #333;
    }
    .screen_m_top .designer_mgary_label p a:focus{
        color: #333;
    }

    .search_title_wrap{
        position: static;
        top: auto;
        left: auto;
        height: 215px;
        background: linear-gradient(292deg, #136CFB 0%, #FF3465 38%, #FF3465 100%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .search_title_wrap .st_h_title{
        padding-top: 24px;
        font-size: 30px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #FFFFFF;
        width: 100%;
        display: flex;
        padding-left: 32.5px;
        padding-right: 32.5px;
        justify-content: center;
    }
    .m_fdesigners_top {
        width: 100%;
    }
    .city-go {
     width: calc(100vw - 65px);
     margin-top: 10px;
    }
    .search_title_wrap .st_b_search{
        width: auto;
        margin: 15px 20px;
    }
    .search_title_wrap  .mc_hot_tab{
        margin: 0 15px;
        font-size: 0;
        text-align: center;
    }
    .search_title_wrap  .mc_hot_tab a{
        display: inline-block;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 3px;
        line-height: 23px;
        text-align: center;
        padding: 0 8px;
        margin: 0 5px;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .search_title_wrap  .mc_hot_tab span{
        display: none;
    }
    .mc_choice_tab{
        position: fixed;
        left: 0;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 3001;
    }
    .mc_choice_tab ul li{
        line-height: 47px;
        text-align: center;
        color: #333;
        font-size: 16px;
        border-top: 1px solid #eeeeee;
    }
    .mc_choice_tab ul li:first-child{
        border-top: none;
    }
    .mc_choice_tab ul li.on{
        color: #FF3465;
    }
    .search_result_wrap .related_recommend{
        margin: 0;
    }
    .search_result_wrap .related_recommend ul{
        white-space: nowrap;
        overflow-x: auto;
    }
    .search_result_wrap .related_recommend ul li{
        float: none;
        display: inline-block;
    }
    .designer_order_lists .screen_new_wrap{
        left: auto;
        padding-left: 15px;
        position: relative;
    }
    .designer_order_lists .screen_new_wrap .ss_on{
        border: none;
    }
    .designer_order_lists .screen_new_wrap .public_screen{
        border: none;
    }
    .designer_order_lists .screen_new_wrap .public_screen:hover{
        border: none;
    }
    .designer_order_lists .screen_new_wrap .public_screen p.ps_tit{
        padding: 0 20px 0 0;
        margin-right: 0;
    }
    .designer_order_lists .screen_new_wrap .public_screen p.ps_tit span{
        width: 74px;
    }
    .lock{
        overflow: hidden;
    }
    .mc_menu_bg{
        display: none;
        position: absolute;
        height: 1000px;
        left: 0;
        top: 38px;
        width: 100%;
        background: #000;
        opacity: 0.6;
        z-index: 1;
    }
    .mc_menu_screen{
        display: none;
        position: absolute;
        left: 0;
        top: 38px;
        width: 100%;
        height: 360px;
        background: #F6F6F6;  
        z-index: 2;
    }
    .mc_menu_screen .public_mc{
        position: relative;
        height: 100%;
        display: none;
    }
    .mc_menu_screen .public_mc .left_u{
        width: 35%;
        background: #fff;
        height: 100%;
        overflow-y: auto;
        display: none;
    }
    .mc_menu_screen .public_mc .pm_show{
        display: block;
        position: relative;
        z-index: 1;
    }
    .mc_menu_screen .public_mc .left_u ul li{
        padding: 0 15px;
    }
    .mc_menu_screen .public_mc .left_u ul li a{
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        color: #333;
        display: block;
    }
    .mc_menu_screen .public_mc .left_u ul li.on {
        background: #F6F6F6;
    }
    .mc_menu_screen .public_mc .left_u ul li.on a{
        color: #FF3465;
    }
    .mc_menu_screen .public_mc .right_u{
        position: absolute;
        left: 0;
        padding-left: 35%;
        width: 100%;
        height: 100%;
        top: 0;
        overflow-y: auto;
    }
    .mc_menu_screen .public_mc .right_u ul li{
        display: none;
        overflow-y: auto;
    }
    .mc_menu_screen .public_mc .right_u ul li.on{
        display: block;
    }
    .mc_menu_screen .public_mc .right_u ul li a{
        line-height: 40px;
        padding-left: 15px;
        color: #666;
        font-size: 14px;
        display: block;
    }
    .mc_menu_screen .public_mc .right_u ul li a.on{
        color: #ff3465;
    }
    .search_title_wrap .st_b_search input[type = "text"]{
        padding-left: 120px;
    }
    .fwl_single_high h2{
        margin-top: 20px;
        font-size: 24px;
    }
    .fwl_single_high .t_line{
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 480px){
    .find_works_list ul li .case_show_box a{
        height: 135px;
    }
    .blank_page_wrap{
        padding: 30px 0 40px;
        border-bottom: 10px solid #f7f7f7;
    }
    .blank_page_wrap img{
        max-width: none;
        padding: 0 15px;
    }
    .blank_page_wrap p{
        font-size: 13px;
    }
    .tcygo_index_banner .banner_tit{
        top: 70px;
    }
    .index_designer_interview .interview_half a img{
        float: none;
        max-width: 100%;
    }
    .index_designer_interview .interview_half a .ih_msg{
        margin-left: 0;
        margin-top: 15px;
        height: auto;
    }
    .index_designer_interview .interview_half a .ih_msg .title{
        margin-bottom: 10px;
    }
    .index_designer_interview .interview_half a .ih_msg .date{
        position: static;
        top: auto;
        left: auto;
        margin-top: 10px;
    }
    .dynamic_msg .msg_half .mh_center_box a.pink_bg_btn{
        width: 170px;
        font-size: 15px;
    }
    .dynamic_msg .demand_half .mh_center_box .some_links_box{
        width: auto;
        font-size: 0;
    }
    .dynamic_msg .demand_half .mh_center_box a.blue_bg_btn{
        width: 170px;
        display: inline-block;
        font-size: 15px;
    }
    .dynamic_msg .demand_half .mh_center_box a.blue_word_btn{
        position: static;
        display: inline-block;
        font-size: 15px;
        margin-left: 15px;
    }
    .dynamic_msg .demand_half .mh_center_box a.blue_word_btn span{
        padding-right: 0;
        background: none;
    }
}
@media screen and (max-width: 414px){
    .find_works_list ul li .case_show_box a{
        height: 115px;
    }
    .tcygo_index_banner .banner_tit{
        top: 25px;
        width: 100%;
        left: 0;
        margin-left: 0;
        text-align: center;
    }
    .tcygo_index_banner .banner_tit img{
        width: 150px;
        display: inline-block;
    }






    .find_works_list ul li.frist_g_box{
        height: 200px;
    }
    .find_works_list ul li.frist_g_box .fgb_info{
        top: 15px;
        left: 12px;
    }
    .find_works_list ul li.frist_g_box img{
        width:auto;
        height: 100%;
    }
}
@media screen and (max-width: 375px){
    .find_works_list ul li .case_show_box a{
        height: 103px;
    }
    .find_works_list ul li {
        margin-bottom: 12px;
    }
    .find_works_list ul li .owner_box .designer_info .di_name{
        max-width: 100px;
    }
    .fwl_single_high ul li .owner_box .designer_info .di_name{
        max-width: 112px;
    }
    .personal_information_box .order_right a.at_once_order{
        width: 66px;
    }
    .personal_information_box .order_right a.cn_once_order{
        width: 66px;
    }
    .personal_information_box .pib_left{
        margin-right: 5px;
    }

    .personal_information_box .order_right .complex_box{
        width: 66px;
    }
    .personal_information_box .order_right .complex_box a.add_order_list{
        width: 66px;
    }
    .all_demand{
        width: 346px;
        margin-left: -173px;
    }
    .guid_box{
        width: 290px;
    }
    .screen_m_condition .recommend_list a{
        width: 63px;
        margin-right: 8px;
    }
    .screen_m_condition .screen_m_bottom .all_m_service p.ams_btn{
        width: 60px;
    }
    .find_works_list ul li.frist_g_box{
        height: 188px;
    }
}
@media screen and (max-width: 320px) {
    .find_works_list ul li .owner_box .designer_info .di_name{
        max-width: 85px;
    }
    .screen_m_condition .service_mall_type .left_main_service ul{
        height: 320px;
    }
    .personal_information_box .pib_left{
        margin-right: 10px;
    }
    .personal_information_box .pib_left .d_info_cont .name a{
        font-size: 15px;
        max-width: 64px;
    }
    .personal_information_box .pib_middle .counter_mark_list{
        padding-left: 0;
        border-left: none;
    }
    .find_works_list ul li .case_show_box a{
        height: 87px;
    }
    .find_works_list ul li {
        margin-bottom: 10px;
    }
    .get_public_pop{
        width: 290px;
        margin-left: -145px;
    }
    .personal_information_box .pib_middle{
        display: none;
    }
    .personal_information_box .order_right a.at_once_order{
        width: 80px;
    }
    .personal_information_box .order_right a.cn_once_order{
        width: 80px;
    }
    .personal_information_box .order_right .complex_box{
        width: 80px;
    }
    .personal_information_box .order_right .complex_box a.add_order_list{
        width: 80px;
    }
    .screen_m_condition .recommend_list a{
        width: 50px;
    }
    .designer_order_lists .sort_show_list .ranking_list a{
        margin-left: 25px;
    }
    .designer_order_lists .sort_show_list .belonging_to_list a{
        margin-right: 25px;
    }



    .all_demand{
        width: 290px;
        margin-left: -145px;
    }
    .order_onekey_box input.pink_bg_btn{
        width: 80px;
    }
    .find_works_list ul li.frist_g_box{
        height: 172px;
    }
    .find_works_list ul li.frist_g_box .fgb_info div{
        background: none;
        color: #fff;
        text-align: left;
        width: auto;
        margin-top: 3px;
        height: auto;
        line-height: 1.8;
        text-decoration: underline;
    }
    .find_works_list ul li.frist_g_box .fgb_info{
        top: 10px;
    }
}