﻿@charset "UTF-8";
/*pad*/
@media screen and (min-width: 767px) and (max-width: 991px){

    /************************ 网站公用头部header页面************************/
    #boot_base_header .navbar-brand{
        padding: 0;
    }
    #boot_base_header .pc_nav_right li a{
        padding: 0 0.5em;
    }
    #boot_base_header .links .dropdown a{
        padding: 0;
    }
    #boot_base_header .links .has_login{
        padding: 0 1.2em;
    }
    #boot_base_header .navbar-brand{
        padding: 0;
    }
    #boot_base_header .pc_nav_right li a{
        height: 3.8em;
        line-height: 3.8em;
    }
    #boot_base_header .pc_nav_right li.search button{
        padding: 0 0.3em;
    }
    #boot_base_header .pc_nav .trigger{
        left: -0.5em;
    }
    #boot_base_header .pc_nav_right li.search input{
        padding-left: 0.5em;
        width: 120px;
    }
    #boot_base_header .top,#boot_base_header.header-s .top{
        height: 2.5em;
    }
    #boot_base_header .mobile_nav_right,#boot_base_header.header-s .mobile_nav_right{
        padding: 0.8em 1em 0.8em 1.3em;
    }

    /************************ 网站公用底部footer页面************************/
    #boot_base_footer .content{
        padding-top: 0em;
    }
    #boot_base_footer .contact .others{
        padding-top: 0.5em;
    }
    #boot_base_footer .contact .sina{
        margin-right: 1em;
    }
    #boot_base_footer .content .links ul li a{
        line-height: 2em;
    }


    /************************ 下单流程公共头部页面************************/
    .order_header{
        font-size: 0.8em;
    }

    /*********  下单流程公共底部悬浮  ***********/
    .order_common .order_common_footer_wrap .col-xs-6{
        padding: 0;
    }
    .order_common .order_common_footer_wrap .btn{
        width: 100%;
    }

    /*****************选择应用场景页面********************/
    .b_scene .scene_choose{
        min-height:235px;
    }
    .b_scene .scene_choose .scene_wrap img{
        height:177px;
    }

    /***************** 10-需求预览页 ********************/
    .j_require_preview .j_r_common{
        font-size: 0.8em;
    }
    .j_require_preview .j_r_common .r_title h1{
        text-align: center;
        padding-bottom: 1em;
    }


    /***************** 网站改版--新首页 ********************/
    /*导航*/
    .t_n_header{
        /*padding-top: 0;*/
        margin-bottom: 10px;
    }
    .t_n_header .logo{
       padding-right: 2em;
    }
    .t_n_header .login a{
        z-index: auto;
    }
    .t_n_header .nav > ul > li > a{
        padding: 0 15px 0 15px;
    }
	.t_n_header .nav > ul > li > a i{
		left: 15px;
	}
    /*banner*/
    .tcy_banner_wrap  .b_left{
        height: 35em;
    }
    .tcy_banner_wrap  .b_left .b_l div.d_1{
        margin-bottom: 0.78em;
        font-size: 2em;
    }
    .tcy_banner_wrap  .b_left .b_l div{
        font-size: 1em;
    }
    .tcy_banner_wrap  .b_right.fslider .slides li{
        height: 30em;
    }
    .tcy_banner_wrap  .b_left .b_l{
        margin-top: -100px;
    }
    /*分类*/
    .tcy_new_index .sort .col-sm-2{
        width: 20%;
    }
    .tcy_new_index .sort .col-sm-2 .sort_con{
        width:100%;
        margin-left: 0;
    }
    .tcy_new_index .sort h3{
        font-size: 1.4em;
        margin: 0.5em 0;
    }
    .tcy_new_index .sort p{
        font-size: 1.25em;
    }
    /*case*/
    .tcy_new_index .common_title .title h4{
        font-size: 1.714em;
    }
    .tcy_new_index .common_title .title div{
        font-size: 1em;
    }
    .tcy_new_index .case{
        padding: 3.5em 0;
    }

    /**/
    .tcy_new_index .latest_nav_con{
        width: 10em;
    }
    /**/
    .tcy_new_index .latest_nav li{
        padding-bottom: 2em;
    }
    .tcy_new_index .latest_nav_con{
        margin: 0 auto;
    }
    .tcy_new_index .latest_nav ul{
        padding: 0;
        height: 20em;
    }
    .tcy_new_index .case .case_list .examples .card_list{
        margin-top: 0;
    }
    .tcy_new_index .latest_nav .opacity_1,
    .tcy_new_index .latest_nav .opacity_2{
        height: 4em;
    }
    .tcy_new_index .latest_nav li .dot{
        margin-right: 20px;
    }
    .tcy_new_index .latest_nav li:after{
        right: 26px;
    }
    .tcy_new_index .latest_nav_wrap{
        height: auto;
    }
    .tcy_new_index .latest_case .latest_list .latest_card{
        width: 70%;
    }
    .tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot{
        bottom: 2em;
    }
    .tcy_new_index .latest_case .latest_list .latest_card:nth-child(2) .item_layer{
        display: block;
    }

    /*开始设计+咨询+获取建议*/
    .design_start .container{
        padding: 80px 15px;
    }
    .design_start .container .row .d_con{
        padding: 0 8px;
    }
    .design_start .container .row .d_con.phone .d_c_2 p{
        font-size: 12px;
    }
    .design_start .container .row .phone .form-group input[type="text"]{
        width: 63%;
    }
    .design_start .container .row .phone .form-group input[type="submit"]{
        width: 37%;
    }
    /*媒体报道 --"奈福正在发生"*/
    .tcy_happening .thumb_event .row>div img{
        width: 200px;
        height: 80px;
        margin: auto;
        display: block;
    }
    .tcy_happening .thumb_event .row{
        margin-top: -2.5em;
    }
    .tcy_happening .thumb_event .row>div{
        margin-top:2.5em;
    }
    .tcy_happening .content{
        border-bottom: 1px solid #E9F0F5;
        padding-bottom: 70px;
    }
    /*奈福--视频*/
    .tcy_video .content{
        height: 31em;
    }
    .tcy_video .content .video1{
        width:21em;
        height:18.42em;
        top:2.83em;
        margin-right: 4.42em;
    }
    .tcy_video .content .video1 .under_block{
        width:17.25em;
        margin-top: 2.75em;
        margin-left: 3.58em;
        padding-top: 10em;
    }
    .tcy_video .content .video1 .under_block .video_con{
        width:19.75em;
        top:-1.25em;
        left: -3.75em;
    }
    .tcy_video .content .video1 .under_block .video_explain{
        padding:1.15em;
        left: 0;
        top: 10.5em;
    }
    .tcy_video .content .video2{
        width: 29.25em;
        height:13.25em;
        margin-left: -3.75em;
    }
    .tcy_video .content .video2 .under_block{
        width: 23.08em;
    }
    .tcy_video .content .video2 .under_block .video_con{
        top:1.25em;
        right: -6.17em;
        width: 17.25em;
    }
    .tcy_video .content .video2 .under_block .video_explain{
        width:9.5em;
        height:9em;
        left:1.25em;
        top: 2.5em;
    }
    .tcy_video .content .video3{
        width: 16.08em;
        height: 17.67em;
        margin-left: -3.75em;
        top:14em;
    }
    .tcy_video .content .video3 .under_block{
        padding-top: 9.7em;
    }
    .tcy_video .content .video3 .under_block .video_con{
        top: 1.25em;
        left: 0;
        width: 14.83em;
    }
    .tcy_video .content .video3 .under_block .video_explain{
        top: 10em;
        left: 0;
        padding: 1.25em;
    }
    .tcy_video .content>div .under_block .video_explain h4{
        font-size: 1.2em;
    }
    .tcy_video .content>div .under_block .video_explain p{
        font-size: 1em;
        line-height: 1.5em;
        padding-top: 0.6em;
    }
    .tcy_video .content .video1 .under_block .video_explain p{
        height: 4.2em;
    }
    .tcy_video .content .video2 .under_block .video_explain p{
        height: 7.8em;
    }
    .tcy_video .content .video3 .under_block .video_explain p{
        height: 4.2em;
    }
    .tcy_video .content .under_block .video_con .video_btn{
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
    }
    .tcy_video .content .btn_more{
        margin-right: 4.42em;
        height: 2.92em;
    }
    /*新版首页-合作媒体*/
    .work_media .thumb_event .row>div p{
        top: 0;
    }
    /*单品页*/
    .t_s_pro_banner_btn input{
        width: 180px;
    }
    .tcy_single_pro .nearby_project .nearby_con .card{
        width: 40%;
    }
    .service-flow .f_s_con p {
        font-size: 2em;
    }
    .service-flow .flow_step .f_s_con {
        padding: 0 2em 0 2em;
    }
    .tcy_single_pro .single_nav .logo_design{
        margin-right: 16px;
    }
    .tcy_single_pro .single_nav .s_nav li a{
        padding: 0 16px;
    }
    .tcy_single_pro .eys_con .box .right .top2 span,
    .tcy_single_pro .eys_con .box .right .top2 strong{
        width: 15px;
        height: 15px;
    }
    .tcy_single_pro .others_eyes .eys_con .flex-viewport{
        padding: 0;
    }
    .tcy_single_pro .others_eyes .eys_con .box{
        width: auto;
        margin: 20px 15px;
        padding: 10px 15px;
    }
    .tcy_single_pro .others_eyes .eys_con .box:first-child{
        margin-top: 0;
    }
    .tcy_single_pro .others_eyes .eys_con .box .left{
        width: 90px;
    }
    .tcy_single_pro .eys_con .box .left h5{
        font-size: 16px;
        margin: 7px 0 7px 0;
    }
    .tcy_single_pro .eys_con .box .left p{
        font-size: 12px;
    }
    .tcy_single_pro .eys_con .box .left img{
        width: 55px;
        height: 55px;
    }
    .tcy_single_pro .others_eyes .eys_con .box .right{
        margin-left: 90px;
        padding-left: 10px;
    }
    .tcy_single_pro .eys_con .box .right .top1{
        font-size: 14px;
        line-height: 20px;
        height: 65px;
    }
    .tcy_single_pro .eys_con .box .right .top2{
        margin-top: 10px;
    }
    .tcy_single_pro .eys_con .box .right .top2 span,
    .tcy_single_pro .eys_con .box .right .top2 strong{
        width: 15px;
        height: 15px;
    }
    .tcy_single_pro .eys_con .flex-control-nav{
        position: static;
        margin-bottom: 0;
    }
    .tcy_single_pro .nearby_project .scroll_btn{
        display: none;
    }
    .tcy_single_pro .nearby_project .nearby_con .card{
        margin-left: 15px;
    }

    /*单品页-服务特色*/
    .service_feature .container.s_con .row>div{
        padding-left: 5px;
        padding-right: 5px;
    }
    .tcy_single_pro .service_feature .s_con .box{
        padding: 15px ;
    }
    .tcy_single_pro .service_feature .s_con .box h4{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .logo_package .logo_package_con .l_p_plan:nth-child(2n+1){
        clear: both;
    }

    /*新版案例页*/
    .design_case_con>.col-sm-6:nth-last-child(1),
    .design_case_con>.col-sm-6:nth-last-child(2),
    .design_case_con>.col-sm-6:nth-last-child(3),
    .design_case_con>.col-sm-6:nth-last-child(4){
        /*display: none;*/
    }
    /*新版案例筛选页*/
    .filter_design .f_d_con{
        padding: 0 10px;
    }
    .filter_design .f_d_con .row>div {
        padding-right: 7px;
        padding-left: 7px;
    }
    .filter_design .f_d_con .row>div:nth-child(4n+1){
        clear: none;
    }
    .filter_design .f_d_con .row>div:nth-child(3n+1){
        clear: both;
    }
    .case_list_show .design_case_con>div:nth-child(4n+1){
        clear: none;
    }
    .case_list_show .design_case_con>div:nth-child(3n+1){
        clear: none;
    }
    .case_list_show .design_case_con>div:nth-child(2n+1){
        clear: both;
    }

    /****** 案例详情页 ********/
    .t_case_details_assess{
        margin-top: 50px;
    }
    .t_case_details_assess .assess_left:after{
        display: none;
    }
    .t_case_details_assess .assess_right .box1{
        border-top: 1px solid #e9f0f6;
    }

    /*********** 分类页 **************/
    .t_classic_alone:nth-child(4n+1){
        clear: none;
    }
    .t_classic_alone:nth-child(3n+1){
        clear: both;
    }
    .t_classic_alone a{
        font-size: 14px;
    }
    .t_classic_alone h4{
        font-size: 16px;
        margin: 25px 0 15px 0;
    }

    /*客户证言*/
    .t_customer_item{
        padding: 0 15px;
    }
    /*弹层*/
    .t_n_modal .modal-dialog{
        width: 460px;
        margin-left: -330px; /*240+90*/
    }
    .t_n_modal .case_team{
        position: fixed;
        left: 50%;
        width: 220px;
        margin-left: 140px;/*-110+220+20*/
        background: #fff;
        border-radius: 3px;
        padding-bottom: 20px;
    }
    /*关于奈福*/
    .t_n_about_tcy .t_introduction{
        padding-left: 15px;
    }
    .t_power{
        padding-left: 15px;
    }
    .t_business .row>div:nth-child(1){
         padding-left: 10px;
     }
    .t_business .row>div:nth-child(3){
        padding-left: 10px;
    }
    /*奈福合作伙伴*/
    .tcy_partner.tcy_partner_1 .container .row>div:nth-child(2n+1){
        clear: both;
    }
    .tcy_partner.tcy_partner_2 .container .row>div:nth-child(3n+1){
        clear: both;
    }

    /**************注册协议模态框样式***********/
    .service_provision .modal-dialog{
        width:600px;
    }

    /************平台介绍****************/
    .tcy_introduction {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .process_txt .b_l div.d_1 {
        font-size: 2em;
    }
    .process_txt .b_l div.d_3 {
        margin-bottom: 1.5em;
    }
    .tcy_introduction .container .row>div>div {
        height: 310px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .tcy_introduction .container .row>div>div.process_img{
        padding-top: 5%;
    }

    /**********关于我们02**********/
    .a_t_p_con .row .col-sm-4 .about_img img{
        width: 100%;
    }

    /**/
    .footer-booking .footer_main{
        padding: 10px 0;
    }
    .footer-booking .img{
        width: 80px;
    }
    .footer-booking .letter{
        font-size: 16px;
        margin-left: 70px;
    }
    .footer-booking .phone{
        padding-right: 10px;
    }
    .footer-booking .phone input{
        width: 180px;
    }
    .footer-booking .phone span{
        padding: 0 20px;
    }
    .footer-booking .close_btn{
        top: 28px;
    }
    /*通用底部*/
    .footer-booking .img_wrap,
    .footer-booking .img_wrap .img{
        width: 120px;
    }
    .footer-booking .left{
        margin-left: 110px;
        min-width: 24%;
    }
    .footer-booking .letter{
        margin-left: 0;
        margin-top: 3px;
    }
    .footer-booking .close_btn{
        right: 10px;
    }
    .footer-booking .footer_logo .letter{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .footer-booking .phone_normal input{
        width: 130px;
    }
    .footer-booking .phone_normal input,
    .footer-booking .phone_normal span,
    .footer-booking .online_adv .btn_blue_border,
    .footer-booking .online_adv .number{
        padding: 0 7px;
    }
    .footer-booking .phone_normal input,
    .footer-booking .phone_normal span,
    .footer-booking .online_adv .btn_blue_border,
    .footer-booking .online_adv .number{
        font-size: 14px;
    }

    /*********平台介绍-视频调整*******/
    .customer_video .video_rela{
        height: auto;
        margin-top: 20%;
    }

    /*单品页面--商标注册*/
    .single_logo_brand .box1{
        padding: 0;
    }
    .single_logo_brand .box1 .c{
        min-height: 243px;
    }
    .single_logo_brand .box1 .con .left h5{
        font-size: 22px;
    }
    .single_logo_brand .box1 .con p{
        font-size: 12px;
    }

    /***************v2.0版 下单流程-填写表单*************/
    /*公共-下单步骤标题*/
    .order_common_step .container ul li .order_title span{
        width: 42%;
    }

    /*搜索案例*/
    .designers_case_list .search_wrap{
        text-align: left;
    }
    .designers_case_list .search_wrap .box button{
        right: auto;
        left: 185px;
    }
    /*支付选择*/
    .order_pay_select .pay_type ul li{
        width: 220px;
    }
    /*设计师主页*/
    .designer_page .container .row:nth-child(2){
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
    }
    .d_p_contact_info .ordered {
        text-align: center;
        margin-top: 25px;
    }
    .d_p_contact_info .news_chat {
        margin-top: 20px;
        text-align: center;
    }
    .designer_details_con .introduce .introduce_img {
        width: 70%;
        margin: 0 auto 35px;
        display: block;
    }
    /*** 创意人详情 ***/
    .des_case_details .d_right{
        width: 90%;
    }
    .des_case_details .stylist_case .case .bottom{
        padding-bottom: 20px;
    }
    .engage_ta .e_ta_wrap{
        width: 80% !important;
        padding-left: 35px;
        padding-right: 20px;
    }
    .engage_ta .e_ta_con form{
        width: 60%;
    }
    .engage_ta .e_ta_con .e_ta_right{
        width: 39%;
    }
    /*****创意人加入****/
    .creatives_wrap .join_creatives .row > div:nth-child(3){
        clear: both;
    }
    .creatives_wrap .tcy_get .tcy_get_con > div:nth-child(3){
        clear: both;
    }
    .creatives_wrap .join_creatives .join_num_con{
        margin: auto;
    }
    .creatives_wrap .creatives_enter .creatives_vip .creatives_vip_col{
        padding-left: 10px;
        padding-right: 10px;
        width: 33.333333%;
        float: left;
        margin-bottom: 20px;
    }
    .creatives_wrap .creatives_enter .creatives_vip .creatives_vip_con{
        height: 236px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_80{
        left: -50px;
        top: -150px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_20{
        right: -50px;
        top: 350px;
        left: auto;
    }
    .creatives_wrap .tcy_safe{
        margin: 170px auto 185px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_80 .tcy_safe_80_con .box_80,.creatives_wrap .tcy_safe .tcy_safe_20 .tcy_safe_20_con .box_20{
        width: 330px;
        height: 110px;
        padding: 0 10px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_80,.creatives_wrap .tcy_safe .tcy_safe_20{
        width: 330px;
        height: 110px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_80 .tcy_safe_80_con .line_80{
        right: 25px;
        top: 105px;
        width: 1px;
        height: 130px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_20 .tcy_safe_20_con .line_20{
        width: 1px;
        height: 155px;
        left: 85px;
        top: -151px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_80 .tcy_safe_80_con .circle_80{
        right: 20px;
        top: 235px;
    }
    .creatives_wrap .tcy_safe .tcy_safe_20 .tcy_safe_20_con .circle_20{
        left: 79px;
        top: -163px;
    }
    /*奈福加入*/
    .cyr_area .box{
        width: 33%;
    }
    /**/
    .designers_case_list .d_banner h3{
        font-size: 26px;
    }
    .designers_case_list .d_banner .b_slogan .d_4{
        display: block;
    }
    /*首页新增案例推荐轮播图*/
    .case_slider{
        width: 675px;
        padding: 0 15px;
    }
    /*34-项目详情*/
    .t_project_info .speed_con .speed_con_box ul li{
        margin-right: 100px;
    }
    .t_project_info .pro_info .p_item_con .left{
        float: none;
        margin-bottom: 30px;
    }
    /******吉祥物投放页banner发布需求输入框*******/
    .in_mascot.t_s_pro_banner_btn input{
        font-size: 13px;
        width: 200px;
        letter-spacing: 0;
    }
    .in_mascot.t_s_pro_banner_btn span{
        width: 30%;
        padding: 0 5px;
        font-size: 13px;
        text-align: center;
    }
    .tcy_banner_wrap .b_left .b_l{
        width: 90%;
    }
    .tcy_banner_wrap .b_left .b_l .d_1{
        font-size: 2.167em;
    }
    /*首页-正在进行的项目*/
    .ongoing_case_con{
        bottom: -24px;
    }
    .ongoing_case{
        padding-bottom: 13px;
    }
}





















