@charset "UTF-8";
@import url(../font-awesome.min.css);

/*reset--css*/
body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

body {
    font-family: "微软雅黑";
    font-size: 14px;
}

.h65 {
    height: 90px;
}

a:focus,
button {
    outline: none !important;
}

a:hover {
    text-decoration: none;
}

.unset_default_a {
    text-decoration: none !important;
    color: #666666;
    outline: none !important;
}

.unset_default_a:hover {
    color: #7CACEE;
}

/*************************** 表单验证错误提示 *************************/
.onError,
.onFocus {
    position: absolute;
    right: -18px;
    top: -25px;
    padding: 2px 12px;
    line-height: 24px;
    background: #ffcccc;
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    color: #be0000;
}

.onFocus,
.onFocus:after {
    background: #ffe59e;
    color: #dd6300;
}

.onError:before,
.onFocus:before {
    content: "";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    margin-right: 0.3em;
}

.onError:after,
.onFocus:after {
    content: '';
    position: absolute;
    right: 28px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: #ffcccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.onFocus,
.onFocus:after {
    background: #ffe59e;
    color: #dd6300;
}

.onCorrect {
    position: absolute;
    right: 15px;
    top: 12px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: none;
}

.onCorrect:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    color: #37bd76;
}

.onShow,
.onLoad {
    display: none;
}

.formvalidator-errorBd {
    border-color: #f00 !important;
}

/*************************下单流程页面公用的步骤头部************************/
.order_common {
    margin: 1.5em 0 1em;
    padding-top: 60px;
}

.order_header .row {
    margin: 0;
}

.order_header .top_nav {
    margin: 1em 0;
    overflow: hidden;
    background: #e5e5e5;
}

.order_header .top_nav li {
    float: left;
    width: 25%;
    color: #999999;
    text-align: center;
    height: 2.5em;
    line-height: 2.5em;
    font-size: 1.1em;
}

.order_header .top_nav li.cur {
    background: #337ab7;
    color: #fff;
}

.order_header .top_nav li.cur.last {
    font-weight: bold;
}

.order_header .top_nav li>div {
    position: relative;
    height: 100%;
}

.order_header .top_nav li>div:after {
    position: absolute;
    right: -1.25em;
    top: 0;
    display: block;
    content: "";
    width: 2.5em;
    height: 2.5em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: transparent;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    border-right: 3px solid #e5e5e5\0;
    border-top: 3px solid #e5e5e5\0;
}

.order_header .top_nav li.cur>div:after {
    background: #337ab7;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;

}

.order_header .top_nav li.cur.last>div:after {
    background: #337ab7;
    border-right: 3px solid #337ab7;
    border-top: 3px solid #337ab7;
}


/************************* 下单流程中公共的大标题部分 ************************/

.order_common .title {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: center;
}

.order_common .title h2 {
    color: #333;
    font-size: 1.714em;
    padding: 0.5em 0;
    width: 100%;
    position: relative;
}

.order_common .title h2:after {
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 30%;
    height: 2px;
    background: #4683af;
    display: block;
    content: "";
    margin-left: -15%;
}

.order_common .title p {
    color: #999;
    padding: 1em 0;
}

/************************* 下单流程中公共的底部悬浮按钮部分 ************************/
.order_common .order_common_footer_wrap {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    z-index: 10;
    padding: 23px 0;
    color: #999999;
    font-size: 16px;
}

.order_common .order_common_footer_wrap .next_step_wrap {
    text-align: right;
}

.order_common .order_common_footer_wrap .btn,
.j_place_order .p_o_footer .pay {
    font-size: 16px;
    border: 3px solid #e7e7e7;
    border-radius: 3px;
    background: #fff;
    height: 44px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    letter-spacing: 3px;
    width: 120px;
    color: #999;
    text-decoration: none;
    text-align: center;
    -webkit-transition: border 0.35s, color 0.35s, background 0.35s;
    transition: border 0.35s, color 0.35s, background 0.35s;
}

.order_common .order_common_footer_wrap .btn.next_step {
    border: 3px solid #f5f5f5;
    background: #f5f5f5;
}

.order_common .order_common_footer_wrap .btn.n_b_active,
.j_place_order .p_o_footer .pay {
    color: #fff;
    background: #7caced;
    border: 3px solid #7caced;
}

.order_common .order_common_footer_wrap .btn:hover {
    color: #666;
    border: 3px solid #d0d0d0;
    text-decoration: none;
}

.order_common .order_common_footer_wrap .btn.next_step:hover {
    color: #999;
    border: 3px solid #f5f5f5;
}

.order_common .order_common_footer_wrap .btn.n_b_active:hover,
.j_place_order .p_o_footer .pay:hover {
    color: #fff;
    border: 3px solid #6ea2eb;
    background: #6ea2eb;
}

.order_common .order_common_footer_wrap .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.order_common .order_common_footer_wrap .percent {
    float: left;
    width: 120px;
    height: 44px;
    line-height: 44px;
}

.order_common .order_common_footer_wrap .progress {
    margin: 17px 0 17px 120px;
    height: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
}

.order_common .order_common_footer_wrap .progress .progress-bar {
    background: #44e7ba;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
}

/*************************01-选择行业页面************************/
.j_vocation .vocation_choose .right {
    margin-top: 5em;
}

.j_vocation .vocation_choose .s_title {
    font-size: 1.25em;
    padding: 0.8em 2em;
    background: #337ab7;
    color: #fff;
    border-radius: 5px;
    position: relative;
}

.j_vocation .vocation_choose .s_title em {
    font-style: normal;
}

.j_vocation .vocation_choose .s_title b {
    position: absolute;
    width: 2px;
    height: 1.85em;
    background: #fff;
    top: 0.6em;
    right: 6em;
    display: block;
}

.j_vocation .vocation_choose .s_title span {
    position: absolute;
    top: 1.3em;
    right: 2.3em;
    display: block;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-top: 0.8em solid #fff;
}

.j_vocation .vocation_choose .s_title.unfold span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.j_vocation .vocation_choose .s_con {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 1em;
    margin: 2em 0;
    border-radius: 5px;
    position: relative;
    display: none;
}

.j_vocation .vocation_choose .s_con ul {
    overflow: hidden;
    border-radius: 5px;
}

.j_vocation .vocation_choose .s_con ul li {
    float: left;
    line-height: 2.2em;
    width: 33%;
    padding-left: 1.5em;
}

.j_vocation .vocation_choose .s_con ul li span:hover {
    background: #337ab7;
    color: #fff;
    cursor: pointer;
}

.j_vocation .vocation_choose .s_con .arrow b,
.j_vocation .vocation_choose .s_con .arrow span {
    position: absolute;
    display: block;
    font-size: 3em;
}

.j_vocation .vocation_choose .s_con .arrow b {
    top: -0.75em;
    right: 1em;
    color: #e6e6e6;
}

.j_vocation .vocation_choose .s_con .arrow span {
    top: -0.70em;
    right: 1em;
    color: #fff;
}

/*************************02-选择标志页面************************/
.j_logo .logo_choose {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.j_logo .logo_choose.col-sm-offset-1 {
    clear: both;
}

.j_logo .logo_choose .img_wrap {
    border: 1px solid #e0e0e0\0;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.j_logo .logo_choose .img_wrap:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
}

.j_logo .logo_choose .img_wrap img {
    width: 100%;
    display: block;
}

.j_logo .logo_choose.active .img_wrap {
    position: relative;
}

.j_logo .logo_choose.active .img_wrap p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: "";
    border: 2px solid #4582ae;
}

.j_logo .logo_choose.active .img_wrap div {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    display: block;
    content: "";
    width: 2em;
    height: 2em;
    background: url("../../images/bootstrap/icon_check.png") no-repeat center center;
}

.j_logo .logo_choose.active .img_wrap:hover,
.j_logo .logo_choose.gray .img_wrap:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.j_logo .logo_choose.gray .img_wrap img {
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

/*************************03-选择调性页面************************/
.j_brand_style .brand {
    margin: 2.5em 0;
}

.j_brand_style .brand .b_slide {
    position: relative;
    padding: 0;
}

.j_brand_style .brand .b_style_1,
.j_brand_style .brand .b_style_2 {
    margin-top: -0.7em;
}

.j_brand_style .brand .b_style_1 {
    text-align: right;
}

.j_brand_style .brand .b_slide_markers {
    width: 100%;
    //height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.j_brand_style .brand .m_wrap {
    float: left;
    width: 16.6%;
    text-align: center;
}

.j_brand_style .brand .m_wrap.m_wrap1 {
    width: 8%;
    text-align: left;
}

.j_brand_style .brand .m_wrap.m_wrap2 {
    text-align: right;
}

.j_brand_style .brand .b_slide_markers .marker {
    cursor: pointer;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    width: 3.15em;
    text-align: center;
    line-height: 1.3em;
    //vertical-align: middle;
    opacity: 0;
    display: inline-block;
    margin: 0 auto;
}

.j_brand_style .brand .b_slide:hover .b_slide_markers .marker,
.j_brand_style .brand .b_slide_markers.active .marker {
    opacity: 1;
}

.j_brand_style .brand .b_slide_markers .marker:after {
    content: '';
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    background: #fff;
    border-radius: 100px;
}

.j_brand_style .brand .b_slider {
    width: 100%;
    background-color: #e6e6e6;
    height: 1.5em;
    border-radius: 15px;
}

.j_brand_style .brand .b_slide_handler {
    width: 2.8em;
    height: 2.8em;
    border-radius: 9999px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    position: relative;
    background: #999;
    background-image: -webkit-linear-gradient(top, #999, #555);
    background-image: linear-gradient(to bottom, #999, #555);
    top: -0.8em;
}

.j_brand_style .brand .b_slide_handler:after {
    width: 1.2em;
    height: 1.2em;
    border-radius: 9999px;
    content: '';
    position: absolute;
    background: #fff;
    top: 0.85em;
    left: 0.8em;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.j_brand_style .brand .b_slide_handler_active {
    -webkit-transform: scale(1.125, 1.125);
    -ms-transform: scale(1.125, 1.125);
    transform: scale(1.125, 1.125);
}

.j_brand_style .brand .b_slide_handler_active:after {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
}

/*************************04-选择颜色页面************************/
.j_color {
    background: #f8f8f8;
}

.j_color .color_choose {
    position: relative;
    text-align: center;
    margin-top: 2em;
}

.j_color .color_choose p {
    color: #666;
    padding: 1em 0 0;
}

.j_color .color_choose .img_wrap {
    position: relative;
    border: 1px solid #e0e0e0\0;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.j_color .color_choose .img_wrap:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
}

.j_color .color_choose.active .img_wrap:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.j_color .color_choose img {
    width: 100%;
    display: block;
}

.j_color .color_choose .tips {
    position: absolute;
    left: 15%;
    top: -1em;
    width: 70%;
    padding: 0.5em 5%;
    background: #fff;
    color: #333;
    border-radius: 3px;
    display: none;
}

.j_color .color_choose .tips>div {
    position: relative;
}

.j_color .color_choose .tips>div:before {
    position: absolute;
    left: 40%;
    bottom: -1.3em;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-top: 1.0em solid #fff;
}

.j_color .color_choose.active .img_wrap {
    border: 2px solid #4c86af;
}

.j_color .color_choose.active span {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    bottom: 10px;
    background: url("../../images/bootstrap/icon_check.png") no-repeat center center;
}

.j_color .color_choose.gray .img_wrap img {
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

/*************************06-填写信息************************/
.b_order_edit {
    margin-bottom: 0;
}

/*下单流程，填写信息表单样式*/
.b_order_edit .cus_input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #F8F7F6;
    border-radius: 0;
    border: 1px solid #E3E3E3;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
    line-height: 44px;
}

.b_order_edit textarea.textarea_custom {
    background: #F8F7F6;
    border-radius: 0;
    border: 1px solid #E3E3E3;
    color: inherit;
    display: block;
    outline: 0;
    padding: 10px;
    resize: none;
    text-decoration: none;
    width: 100%;
    height: 150px;
    overflow: auto;
}

.b_order_edit .o_e_title_wrap {
    width: 100%;
    background: #F7F5F4;
}

.b_order_edit .o_e_title_wrap .po_title {
    margin: 0;
}

.b_order_edit .o_e_title_wrap .po_title h2 {
    font-weight: bold;
    font-size: 1.8em;
    color: #4683af;
    padding: 0.8em 0 0.5em;
}

.b_order_edit .o_e_title_wrap .po_title p {
    color: #999999;
    font-size: 1.3em;
    padding-bottom: 1em;
}

.b_order_edit .label_text {
    font-size: 20px;
    color: #4683af;
    font-weight: bold;
    text-align: left !important;
}

.b_order_edit .b_form-group .row {
    margin-left: 0;
    margin-right: 0;
}

.b_order_edit .b_input_info {
    font-size: 1.7rem;
    color: #343434;
    font-weight: normal !important;
    padding: 7px 0 7px 0;
}

.b_order_edit .b_upload_txt {
    padding: 1.2em 0 0.8em 0;
}

.b_order_edit .b_form_input>div,
.b_order_edit .b_form_textarea>div {
    padding: 0;
}

.b_order_edit .b_help-block {
    color: #f00;
    padding: 0 0 0 5px;
    margin-top: 8px;
}

.b_order_edit .b_help-block2 {
    text-indent: 20px;
    font-size: 14px;
    color: #cbcbcb;
}

.b_order_edit .b_form_add {
    margin-top: 1em;
    margin-bottom: 1em;
}

.b_order_edit .b_form_add label {
    color: #999999;
    font-size: 1.3rem;
    cursor: pointer;
    position: relative;
    font-weight: normal;
}

.b_order_edit .b_form_add label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    opacity: 0;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 0;
}

.b_order_edit .b_form_add label input+i {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 2px;
    left: -2px;
    width: 21px\0;
    height: 20px\0;
    top: 0px\0;
    left: -2px\0;
    background: url("../../images/bootstrap/no_checked.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.b_order_edit .b_form_add label input:checked+i {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 2px;
    left: -2px;
    width: 21px\0;
    height: 20px\0;
    top: 0px\0;
    left: -2px\0;
    background: url("../../images/bootstrap/checked.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.b_order_edit .b_form_add label input~b {
    font-weight: normal;
    color: #999;
}

.b_order_edit .b_form_add label input:checked~b {
    color: #666;
}

.b_order_edit .btn_custom {
    display: block;
    width: 143px;
    height: 36px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.b_order_edit .ct_title {
    font-size: 18px;
    color: #343434;
    padding-top: 15px;
    font-weight: normal !important;
}

.b_order_edit .ct_add {
    margin-left: 8.4%;
    margin-top: 0.8em;
}

.b_order_edit .b_c_ts {
    color: #999999;
    font-size: 14px;
    line-height: 30px;
}

.b_order_edit .ct_add label {
    position: relative;
    cursor: pointer;
    color: #666666;
    font-size: 18px;
    font-weight: normal !important;
}

.b_order_edit .ct_add label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    opacity: 0;
    width: 17px;
    height: 17px;
    display: inline-block;
}

.b_order_edit .ct_add label input~b {
    font-weight: normal;
    color: #999;
}

.b_order_edit .ct_add label input:checked~b {
    color: #666666;
}

.b_order_edit .ct_add label input+i {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 7px;
    top: 4px\0;
    background: url("../../images/bootstrap/no_checked2.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.b_order_edit .ct_add label input:checked+i {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 7px;
    top: 4px\0;
    background: url("../../images/bootstrap/checked2.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.b_order_edit .b_boss_radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #4683AF;
    border-radius: 50%;
}

.b_order_edit .b_bottom_div {
    width: 100%;
    height: 110px;
    margin: auto;
}

.b_order_edit .b_order_footer {
    width: 100%;
    overflow: hidden;
    background: #F8F8F8;
    border-top: 1px solid #d2d0d0;
}

.b_order_edit .b_o_f_con a {
    font-size: 14px;
    margin-top: 0.7em;
    display: block;
    float: right;
    margin-right: 20px;
    /*text-decoration: underline;*/
    color: #999999;
    position: relative;
}

.b_order_edit .b_o_f_con a:hover {
    text-decoration: none;
}

.b_order_edit .b_o_f_con a:after {
    height: 1px;
    content: "";
    background: #999999;
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
}

.b_order_edit .b_o_f_con button {
    float: right;
    font-size: 14px;
}

.b_order_edit .b_form-group {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px dashed #D1D1D1;
}

.b_order_edit .b_form_textarea textarea {
    resize: none;
    min-height: 8em;
}

.b_order_edit .b_mt {
    margin-top: 20px;
}

.b_order_edit .b_o_f_con {
    margin: auto;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    overflow: hidden;
}

.b_order_edit .btn_upload {
    margin-top: 0.5em;
}

.b_order_edit .b_c_type {
    padding: 0;
}

.b_order_edit .lxr .b_form_group {
    margin-top: 0.5em;
}

/********************************* 07-推荐下单页面 **********************************/
.b_recommend .h90 {
    height: 90px;
    width: 100%;
}

.b_recommend .b_r_title {
    width: 100%;
    background: #F8F8F8;
    margin-top: 3.2em;
    margin-bottom: 3.2em;
}

.b_recommend .b_r_title h2 {
    font-size: 1.8em;
    color: #4683af;
    padding: 0.8em 0 0.5em;
    font-weight: bold;
}

.b_recommend .b_r_title p {
    color: #999999;
    font-size: 1.3em;
    padding-bottom: 1em;
}

/*推荐度*/
.b_recommend .b_r_sign {
    background: #F8F8F8;
    padding: 1.6em;
    box-shadow: 0 3px 9px 2px #CCCCCC;
    -webkit-box-shadow: 0 3px 9px 2px #CCCCCC;
    -moz-box-shadow: 0 3px 9px 2px #CCCCCC;
    margin-bottom: 2em;
}

.b_recommend .b_r_sign .b_r_text p {
    color: #9a9a9a;
    font-size: 1.1em;
    line-height: 1.6em;
    padding: 1em 0;
}

.b_recommend .b_r_sign .b_r_text h2 {
    position: relative;
    width: 100%;
    color: #333333;
    font-weight: bold;
    font-size: 1.645em;
    padding: 0.4em 0;
}

.b_recommend .b_r_sign .b_r_text h2 span {
    color: #4683af;
    font-size: 0.8em;
    font-weight: normal;
}

.b_recommend .b_r_sign .b_r_text h2:after {
    position: absolute;
    bottom: 2px;
    content: "";
    height: 1px;
    background: #4683AF;
    width: 100%;
    left: 0px;
}

.b_recommend .b_r_sign .b_r_img {
    padding: 1.5em 0.4em;
    overflow: hidden;
}

.b_recommend .b_r_sign .b_r_img img {
    width: 100%;
}

/*标志类型选择*/
.b_recommend .sign_choose_title {
    padding: 1.5em 0 0;
    font-size: 1.2em;
    color: #4683af;
    cursor: pointer;
}

.b_recommend .b_sign_choose {
    display: none;
    margin-bottom: 5em;
}

.b_recommend .sign_choose,
.b_recommend .no_require {
    margin-top: 2em;
}

.b_recommend .sign_wrap {
    position: relative;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    -webkit-box-shadow: 0 -3px 9px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -3px 9px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 -3px 9px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 -3px 9px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -3px 9px 0 rgba(0, 0, 0, .1);
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.b_recommend .sign_wrap:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
}

.b_recommend .sign_wrap p {
    width: 100%;
    height: 3em;
    line-height: 3em;
    background: #4683AF;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
}

.b_recommend .sign_wrap img {
    display: block;
    width: 100%;
}

.b_recommend .b_sign_choose input {
    display: none;
}

.b_recommend .b_sign_choose .sign_choose.gray,
.b_recommend .b_sign_choose .no_require.gray {
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.b_recommend .b_sign_choose .sign_choose.active .sign_wrap,
.b_recommend .b_sign_choose .no_require.active .sign_wrap {
    position: relative;
}

.b_recommend .b_sign_choose .sign_choose.active .sign_wrap span,
.b_recommend .b_sign_choose .no_require.active .sign_wrap span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: "";
    border: 2px solid #4582ae;
}

.b_recommend .b_sign_choose .sign_choose.active .sign_wrap div,
.b_recommend .b_sign_choose .no_require.active .sign_wrap div {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    display: block;
    content: "";
    width: 2em;
    height: 2em;
    background: url("../../images/bootstrap/icon_check.png") no-repeat center center;
}


/********************************* 09-确认下单 **********************************/
.j_place_order {
    background: #fff;
}

.j_place_order .j_p_title {
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.j_place_order .j_p_title .container {
    font-size: 24px;
    color: #333333;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    letter-spacing: 2px;
}

.j_place_order .j_p_o_info {
    margin-bottom: 70px;
}

.j_place_order .j_p_o_info .container .row {
    padding: 1.5em 15px;
    border-bottom: 1px solid #ececec;
    letter-spacing: 3px;
}

.j_place_order .j_p_o_info .container .row .top {
    position: relative;
}

.j_place_order .j_p_o_info .container .row .top h4 {
    font-size: 16px;
    color: #999999;
    letter-spacing: 2px;
    padding-bottom: 1em;
}

.j_place_order .j_p_o_info .container .row .top .right {
    position: absolute;
    right: 0;
    top: 0;
    color: #7caced;
    font-size: 1.2em;
    cursor: pointer;
    letter-spacing: 0;
}

.j_place_order .j_p_o_info .container .row .top .right.write {
    display: none;
}

.j_place_order .j_p_o_info .container .row .top .right.write>div {
    display: inline-block;
}

.j_place_order .j_p_o_info .container .row .top .right i {
    padding-right: 0.3em;
    font-size: 1.3em;
    vertical-align: middle;
}

.j_place_order .j_p_o_info .container .lxr .bot {
    width: 80%;
    margin: 0.5em auto;
}

.j_place_order .j_p_o_info .container .lxr .bot ul {
    color: #868686;
    font-size: 1.15em;
    width: 100%;
    overflow: hidden;
}

.j_place_order .j_p_o_info .container .lxr .bot ul li {
    width: 50%;
    padding: 0.5em 0.2em;
    float: left;
}

.j_place_order .j_p_o_info .container .lxr .bot .b_c_ts {
    color: #337ab7;
    padding: 0.5em 0.2em;
}

.j_place_order .j_p_o_info .container .lxr .bot label {
    font-weight: normal;
    float: left;
    width: 80px;
}

.j_place_order .j_p_o_info .container .lxr .bot input {
    width: 60%;
    display: none;
}

.j_place_order .j_p_o_info .container .lxr .bot span {
    word-break: break-all;
    overflow: hidden;
}

.j_place_order .j_p_o_info .container .dx_info .p_t {
    padding-bottom: 0.5em;
}

.j_place_order .j_p_o_info .container .dx_info .p_t,
.j_place_order .j_p_o_info .container .dx_info .p_b {
    position: relative;
}

.j_place_order .j_p_o_info .container .dx_info .p_t h6 {
    display: block;
    float: left;
    color: #333333;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.j_place_order .j_p_o_info .container .dx_info .p_b .fp_info_wrap,
.j_place_order .j_p_o_info .container .addr .a_b .a_in_wrap {
    overflow: hidden;
}

.j_place_order .j_p_o_info .container .dx_info .p_b .fp_info,
.j_place_order .j_p_o_info .container .addr .a_b .a_info {
    width: 90%;
    margin-left: 5px;
    float: left;
    color: #333333;
}

.j_place_order .j_p_o_info .container .dx_info .p_t .price {
    float: left;
    margin-left: 40px;
    font-size: 1.5em;
    color: #ff4f7d;
    padding-top: 8px;
    font-weight: bold;
}

.j_place_order .j_p_o_info .container .dx_info .fp_info {
    color: #868686;
    font-size: 1.15em;
    padding-left: 20px;
}

.j_place_order .j_p_o_info .container .dx_info .fp_tips {
    font-size: 1.15em;
    padding: 6px 0;
    color: #999999;
    letter-spacing: 2px;
}

.j_place_order .j_p_o_info .container .dx_info .fp_tips span {
    color: #ff4f7d;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox {
    margin-bottom: 0;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox a {
    color: #83a3e1;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox a:hover {
    color: #83a3e1;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    display: block;
    margin-left: -25px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox label {
    position: relative;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox input:focus {
    outline: none;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox input+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -25px;
    top: 7px;
    background: url("../../../statics/images/bootstrap/order/right_icon_bg.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    /*IE9+用图片表示勾选，IE8用原生的*/
    /*display: none\0;
	display: none\9\0;*/
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox input:checked+i {
    width: 18px;
    height: 18px;
    /*display: block\9\0;*/
    display: block;
    /*display: none\0;*/
    position: absolute;
    left: -25px;
    top: 7px;
    background: url("../../../statics/images/bootstrap/order/right_icon.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.j_place_order .j_p_o_info .dx_info .fp_info .checkbox input:checked~span {
    color: #666 !important;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_code,
.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice {
    display: none;
}

/*发票类型选择，信息填写改版*/
.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group {
    margin-bottom: 16px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group span {
    display: block;
    float: left;
    width: 100px;
    padding-top: 12px;
    font-size: 14px;
    color: #666;
    letter-spacing: 1px;
    margin-right: 25px;
    text-align: right;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group ul li {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group ul li.on {
    border: 2px solid #7FADEB;
    border-radius: 2px;
    line-height: 30px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group ul li.on:after {
    display: block;
    content: "";
    background: url(../../images/bootstrap/pay_order/small_blue_right.svg) center no-repeat;
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    position: absolute;
    right: 2px;
    bottom: 3px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group input {
    display: block;
    width: 370px;
    height: 42px;
    border: 2px solid #EDF0EF;
    border-radius: 2px;
    padding-left: 10px;
    line-height: 38px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 14px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group select {
    display: block;
    width: 370px;
    height: 42px;
    border: 2px solid #EDF0EF;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 30px;
    line-height: 38px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    color: #666;
    letter-spacing: 1px;
    font-size: 14px;
    background: url(../../images/bootstrap/pay_order/down_gray.svg) 98% center no-repeat;
    background-size: 12px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group textarea {
    display: block;
    overflow: hidden;
    color: #666;
    width: 370px;
    font-size: 14px;
    letter-spacing: 1px;
    height: 42px;
    outline: none;
    border: 2px solid #EDF0EF;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    resize: none;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group textarea:focus,
.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group select:focus,
.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group input:focus {
    border: 2px solid #7FADEB;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap {
    float: left;
}

/*.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .blue_bg_btn{
	display: inline-block;
	width: 118px;
	height: 42px;
	line-height: 42px;
	background: #7CACEE;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 10px;
}
.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .blue_bg_btn i{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 28px;
	vertical-align: sub;
	font-style: normal;
}*/
.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap {
    width: 189px;
    height: 114px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap a.mask {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap a.mask_2 {
    background: none;
    border: 2px solid #EDF0EF;
    color: #999;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap a.mask i {
    display: block;
    font-style: normal;
    font-size: 28px;
    width: 20px;
    height: 20px;
    margin: 34px auto 12px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap .progress {
    width: 90%;
    left: 5%;
    bottom: 10px;
    margin-bottom: auto;
    height: 4px;
    position: absolute;
    z-index: 3;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap .progress .progress-bar {
    line-height: 4px;
    background-color: #7CACEE;
    box-shadow: none;
    width: 0;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap p {
    font-size: 14px;
    color: #999;
    line-height: 21px;
    letter-spacing: 1px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap p i {
    font-style: normal;
    color: #ff507c;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap {
    display: block;
    width: 189px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 10px;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap img {
    display: block;
    width: 100%;
    height: 100%;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap .mask {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
}

.j_place_order .j_p_o_info .dx_info .fp_info .inp_invoice .inp_group .upload_wrap .img_wrap .mask i {
    display: inline-block;
    font-size: 28px;
    text-align: center;
    font-style: normal;
    margin-top: 35px;
}

/*发票类型选择，信息填写改版end*/
.j_place_order .j_p_o_info .dx_info .fp_info .inp_code {
    position: relative;
}

.j_place_order .j_p_o_info .dx_info .fp_info .code_money {
    position: absolute;
    right: 0;
    font-size: 1.3em;
    color: #ec3838;
    display: none;
}

.j_place_order .j_p_o_info .container .dx_info .fp_info .inp {
    padding: 0;
    margin-left: -50px;
}

.j_place_order .j_p_o_info .container .dx_info .form-group {
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 8px;
}

.j_place_order .j_p_o_info .container .dx_info .fp_info label {
    color: #868686;
    font-weight: normal;
    padding: 6px 0;
    letter-spacing: 3px;
}

.j_place_order .j_p_o_info .container .address {
    display: none;
}

.j_place_order .j_p_o_info .container .address .a_in_wrap {
    width: 90%;
    float: left;
    color: #333333;
    letter-spacing: 0;
}

.j_place_order .j_p_o_info .container .address .a_info {
    overflow: hidden;
    margin-bottom: 0.8em;
    color: #868686;
    font-size: 1.15em;
}

.j_place_order .j_p_o_info .container .address .a_info .a_t {
    overflow: hidden;
    font-size: 0.9em;
}

.j_place_order .j_p_o_info .container .address .a_info .a_t:hover {
    background: #E1E9F3;
}

.j_place_order .j_p_o_info .container .address .a_info .left {
    float: left;
    line-height: 1.9em;
    font-size: 14px;
    color: #666666;
}

.j_place_order .j_p_o_info .container .address .a_info .left .span_name {
    width: 65px;
    display: inline-block;
}

.j_place_order .j_p_o_info .container .address .a_info .right {
    float: right;
    color: #999999;
    line-height: 1.9em;
    font-size: 14px;
}

.j_place_order .j_p_o_info .container .address .a_info .left1 {
    border: 1px solid #ddd;
    color: #999999;
    width: 80px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    margin-right: 1em;
    position: relative;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.j_place_order .j_p_o_info .container .address .a_info .left1:hover {
    border: 2px solid #7caced;
    cursor: pointer;
}

.j_place_order .j_p_o_info .container .address .a_info .left1 span em {
    font-style: normal;
}

.j_place_order .j_p_o_info .container .address .a_info .right span {
    cursor: pointer;
    margin: 0 3px;
}

.j_place_order .j_p_o_info .container .address .a_info .right span:hover {
    color: #f00;
}

.j_place_order .j_p_o_info .container .address .a_info .right .editing_cancel {
    color: #337ab7;
    display: none;
}

.j_place_order .j_p_o_info .container .address .a_info.has_select .left1 b {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 12px;
    height: 12px;
    display: block;
    background: url("../../../statics/images/bootstrap/order/style_key_icon.png") no-repeat;
}

.j_place_order .j_p_o_info .container .dx_info .form-group .form-control:focus {
    border: 2px solid #7CACED;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,172,237,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,172,237,.6);*/
}

#invoice_con {
    width: 40%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../../images/bootstrap/order/select_bg_icon.png) right center no-repeat transparent;
}

.j_place_order .j_p_o_info .container .address .form-control:focus {
    border: 2px solid #7CACED;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,172,237,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,172,237,.6);*/
}

.j_place_order .j_p_o_info .container .address .a_info.has_select .left1 {
    border: 2px solid #7caced;
}

.j_place_order .j_p_o_info .container .address .a_info .set_default {
    display: inline-block;
}

.j_place_order .j_p_o_info .container .address .a_info.default .set_default {
    display: none;
}

.j_place_order .j_p_o_info .container .address .editing_con {
    margin-top: 0.8em;
    display: none;
}

.j_place_order .j_p_o_info .container .address .editing_con>input {
    width: 120px;
    margin-bottom: 0.5em;
}

.j_place_order .j_p_o_info .container .address .editing_con>div {
    margin-bottom: 0.5em;
    vertical-align: middle;
}

.j_place_order .j_p_o_info .container .address .editing_con .detail_addr {
    width: 220px;
}

.j_place_order .j_p_o_info .container .address .more_address {
    cursor: pointer;
    color: #7caced;
    font-size: 1.15em;
    margin-top: 1em;
}

.j_place_order .j_p_o_info .container .address .save_addr {
    vertical-align: baseline;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    box-sizing: content-box;
    margin-left: 0.8em;
    background: #7caced;
    border: 1px solid #7caced;
    opacity: 0.85;
}

.j_place_order .j_p_o_info .container .address .cancel_addr {
    vertical-align: baseline;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    box-sizing: content-box;
    margin-left: 0.8em;
    background: #7caced;
    border: 1px solid #7caced;
    opacity: 0.85;
}

.j_place_order .j_p_o_info .container .address .save_addr:hover {
    opacity: 1;
}

.j_place_order .j_p_o_info .container .address .cancel_addr:hover {
    opacity: 1;
}

.j_place_order .j_p_o_info .container .wx_tips {
    color: #868686;
    font-size: 1.15em;
    width: 80%;
    margin: 1.5em 0 1.5em 10%;
}

.j_place_order .j_p_o_info .container .wx_tips span {
    margin: 0 0.3em;
    cursor: pointer;
    text-decoration: underline;
}

.j_place_order .p_o_footer {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: right;
    background: #fff;
    z-index: 10;
    overflow: hidden;
    -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
    padding: 23px 0;
    color: #999999;
    font-size: 16px;
}

.j_place_order .p_o_footer span {
    vertical-align: middle;
}

.j_place_order .p_o_footer .p_0 {
    color: #666;
}

.j_place_order .p_o_footer .p_1 {
    color: #e94d4d;
    font-size: 1.2em;
}

.j_place_order .p_o_footer .p_2 {
    color: #ff4f7d;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.1em;
    margin-right: 0.3em;
}

.j_place_order .select-wrapper {
    float: left;
    margin: 5px;
}

/*上传资料示例弹窗*/
.pop_bg_layer {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
}

#sample_data_img_pop {
    display: none;
    border-radius: 2px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 5%;
    height: 90%;
    z-index: 1001;
    width: 700px;
    margin-left: -350px;
}

#sample_data_img_pop .pop_con {
    position: relative;
    height: 100%;
    background: #F5F5F5;
}

#sample_data_img_pop .pop_con .pop_close {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../../statics/images/bootstrap/1v1/close.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 24px;
    top: 27px;
    cursor: pointer;
}

#sample_data_img_pop {
    position: fixed;
    border-radius: 4px;
    overflow: hidden;
}

#sample_data_img_pop .pop_con h2 {
    text-align: center;
    line-height: 80px;
    background: #fff;
    font-size: 24px;
}

#sample_data_img_pop .pop_con .data_con {
    height: 81%;
    overflow-y: scroll;
}

#sample_data_img_pop .pop_con .data_img {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    background: #F5F5F5;
    padding: 11px;
}

#sample_data_img_pop .pop_con .data_img:nth-of-type(2) {
    background: #fff;
}

#sample_data_img_pop .pop_con .data_img p {
    font-size: 16px;
    color: #333;
    line-height: 33px;
    padding-left: 30px;
}

#sample_data_img_pop .pop_con .data_img img {
    display: block;
    margin: 0 auto;
    width: 270px;
}

#sample_data_img_pop .pop_con .footer_btn {
    position: absolute;
    width: 100%;
    height: 83px;
    padding-top: 16px;
    left: 0;
    bottom: 0;
    background: #fff;
}

#sample_data_img_pop .pop_con .footer_btn a {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 45px;
    line-height: 45px;
    background: #7FADEB;
    border-radius: 3px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none;
}

#sample_data_img_pop .pop_con .footer_btn a:visited,
#sample_data_img_pop .pop_con .footer_btn a:active {
    text-decoration: none;
}

/********************************** 10-需求预览页 **********************************/
.j_require_preview {
    background: #f8f8f8;
}

.j_require_preview .j_r_common {
    padding: 1em;
    background: #fff;
    box-shadow: 0 0 5px rgba(180, 180, 180, 0.8);
    margin-bottom: 2em;
}

.j_require_preview .j_r_common .r_title .h_1 {
    font-size: 1.3em;
    color: #4683af;
    font-weight: bold;
}

.j_require_preview .j_r_common .r_con h2 {
    font-size: 1.3em;
    line-height: 1.6em;
}

.j_require_preview .j_r_common .r_con .box {
    border-bottom: 1px dashed #efefef;
    padding: 0.5em;
}

.j_require_preview .j_r_common .r_con .box1 {
    padding-top: 0;
}

.j_require_preview .j_r_common .r_con .box>p,
.j_require_preview .j_r_common .r_con .box>div {
    color: #999;
    font-size: 1.15em;
    line-height: 1.8em;
}

.j_require_preview .j_r_common .r_con .box a {
    padding: 0.5em 0;
    display: block;
    font-size: 1.1em;
    text-decoration: underline;
    font-weight: bold;
    color: #333;
}

.j_require_preview .j_r_common .r_con .img_wrap {
    margin: 1em 0 0 -15px;
}

.j_require_preview .j_r_common .r_con .img_wrap img {
    width: 100%;
    display: block;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    margin-bottom: 1em;
}

.j_require_preview .j_r_common .r_con .r_brand .brand {
    margin: 1em 0;
    font-size: 0.8em;
    padding: 0.5em 0;
}

.j_require_preview .r_brand .brand .b_slide {
    position: relative;
    padding: 0;
}

.j_require_preview .r_brand .brand .b_style_1,
.j_require_preview .r_brand .brand .b_style_2 {
    margin-top: -1em;
}

.j_require_preview .r_brand .brand .b_style_1 {
    text-align: right;
}

.j_require_preview .r_brand .brand .b_style_1>p,
.j_require_preview .r_brand .brand .b_style_2>p {
    line-height: normal;
}

.j_require_preview .r_brand .brand .b_slide_markers {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.j_require_preview .r_brand .brand .m_wrap {
    float: left;
    width: 16.6%;
    text-align: center;
}

.j_require_preview .r_brand .brand .m_wrap.m_wrap1 {
    width: 8%;
    text-align: left;
}

.j_require_preview .r_brand .brand .m_wrap.m_wrap2 {
    text-align: right;
}

.j_require_preview .r_brand .brand .b_slide_markers .marker {
    cursor: pointer;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    width: 3.15em;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
    opacity: 1;
    display: inline-block;
    margin: -0.85em auto 0;
}

.j_require_preview .r_brand .brand .b_slide_markers .marker:after {
    content: '';
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    background: #fff;
    border-radius: 100px;
}

.j_require_preview .r_brand .brand .b_slider {
    width: 100%;
    background-color: #e6e6e6;
    height: 1.5em;
    border-radius: 15px;
}

.j_require_preview .r_brand .brand .b_slide_handler {
    width: 2.5em;
    height: 2.5em;
    border-radius: 9999px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    position: relative;
    background: #999;
    background-image: -webkit-linear-gradient(top, #999, #555);
    background-image: linear-gradient(to bottom, #999, #555);
    top: -0.7em;
}

.j_require_preview .r_brand .brand .b_slide_handler:after {
    width: 1.2em;
    height: 1.2em;
    border-radius: 9999px;
    content: '';
    position: absolute;
    background: #fff;
    top: 0.6em;
    left: 0.6em;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.j_require_preview .i_know {
    text-align: center;
}

/************************************ 网站改版  公共样式 ******************************************/
/*蓝色 btn */
.btn_blue {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 3px;
    background: #7caced;
    color: #fff;
    letter-spacing: 5px;
    border: 0;
    font-size: 18px;
    padding: 0;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: background;
    transition-property: background;
}

.btn_blue:hover,
.btn_blue:active,
.btn_blue.focus,
.btn_blue:focus {
    background: #6ea2eb !important;
    color: #fff !important;
    text-decoration: none;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* 蓝色边框 btn */
.btn_blue_border {
    display: inline-block;
    height: 56px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    color: #7caced;
    letter-spacing: 3px;
    border: 3px solid #7caced;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: border-color;
    transition-property: border-color;
}

.btn_blue_border:hover {
    border-color: #6ea2eb;
    color: #6ea2eb;
    text-decoration: none;
}

/*黑色边框 btn*/
.btn_black_border {
    display: inline-block;
    padding: 0 32px;
    width: 160px !important;
    height: 46px;
    border-radius: 4px;
    border: 2px solid #136CFB;
    line-height: 40px;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #136CFB;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: border-color;
    transition-property: border-color;
}

.btn_black_border:hover {
    color: #136CFB !important;
    text-decoration: none;
}

/**************** 公共线 *******************/
.t_line .row {
    /*width: 100%;*/
    /*height: 1px;*/
    /*background: #e3ecf5;*/
    border-bottom: 1px solid #e3ecf5;
}

/**************** 公共标题title *********************/
.t_common_title .title h4,
.t_common_title .title h2 {
    font-size: 28px;
    color: #000000;
    /* letter-spacing: 3px; */
    font-weight: bold;
}

.t_common_title .title h4:nth-child(2),
.t_common_title .title h2:nth-child(2) {
    margin-top: 10px;
}

.t_common_title .title>div div {
    color: #666;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 25px 0;
}

.t_common_title .title p {
    width: 36px;
    height: 5px;
    background: #FF507C;
    margin-bottom: 28px;
}

.t_common_title .title p.green {
    background: #44e7b9;
}

.t_common_title .title p.red {
    background: #ff507c;
}

.t_common_title .title p.blue {
    background: #7CACEE;
}

/****************** 公共星星样式  *************************/
.t_star b {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.t_star b.yellow {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
}

.t_star b.gray {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.png") no-repeat center center;
}

/****************** 公共单行省略号  ****************/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**************** 公共案例卡片样式*********************/
.t_case_card {
    width: 300px;
    height: 280px;
    background: #fff;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0 20px 0 0;
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    font-size: 12px;
}

.t_case_card:first-child {
    margin-left: 20px;
}

.t_case_card .img_wrap {
    width: 100%;
    overflow: hidden;
}

.t_case_card .img_wrap img {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    transition: transform 1.2s ease 0s;
    -webkit-transition: transform 1.2s ease 0s;
    -moz-transition: transform 1.2s ease 0s;
    -o-animation: transform 1.2s ease 0s;
}

.t_case_card .img_wrap:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.t_case_card h4 {
    color: #000;
    font-size: 1.5em;
    padding: 30px 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.t_case_card>p {
    text-align: left;
}

.t_case_card p strong {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.t_case_card span {
    float: right;
}

.t_case_card .item_hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}

.over_slider {
    overflow: hidden;
    position: relative;
}

.over_slider>img {
    opacity: 0;
}

.over_slider .slides li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    width: 100%;
}

.over_slider .slides li img {
    display: block;
    width: 100%;
}

.over_slider img {
    width: 100%;
}

.over_slider .slides li:first-child {
    z-index: 2;
}

@keyframes slide_in {
    from {
        transform: translate(60%, 0);
        opacity: .6;
    }

    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes slide_in {
    from {
        transform: translate(60%, 0);
        opacity: .6;
    }

    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes slide_out {
    from {
        transform: translate(0, 0);
        opacity: 1;
    }

    to {
        transform: translate(-50%, 0);
        opacity: .6;
    }
}

@-webkit-keyframes slide_out {
    from {
        transform: translate(0, 0);
        opacity: 1;
    }

    to {
        transform: translate(-50%, 0);
        opacity: .6;
    }
}

/*mg动画单品页样式*/
.mg_single .t_case_card {
    width: 360px;
}

.mg_single .t_case_card h4 {
    padding: 15px 0 10px;
}

.mg_single .t_case_card .mg_play_icon {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../../images/play_batton.png) center no-repeat;
    background-size: 100%;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -65px;
    z-index: 3;
    cursor: pointer;
}

.mg_single .t_case_card:hover .item_hover {
    background: rgba(0, 0, 0, .35);
    z-index: 2;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 79px;
}

.mg_single .t_case_card .mg_video_info {
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
}

.mg_single .t_case_card .mg_video_info p {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    font-size: 16px;
}

.mg_single .t_case_card .mg_video_info p span {
    display: inline-block;
    font-size: 25px;
    float: none;
    color: #fff;
}

.mg_single_modal_info img {
    margin: 30px auto 15px;
    display: block;
}

.mg_single_modal_info h5 {
    text-align: center;
    font-size: 18px;
    color: #333;
}

.mg_single_modal_info p {
    margin: 25px auto 30px;
    text-align: center;
    color: #999;
    font-size: 16px;
}

.mg_single_modal_info p span {
    font-size: 20px;
    color: #999;
}

.mg_video_con {
    margin-bottom: 30px;
    overflow: hidden;
    height: 480px;

}

/*mg动画单品页样式end*/
.t_case_card:hover .item_hover {
    opacity: 1;
    visibility: visible;
}

.t_case_card .item_hover .top {
    text-align: center;
    color: #333333;
    padding: 10px 0 25px 0;
}

.t_case_card .item_hover .top h5 {
    font-size: 18px;
    letter-spacing: 2px;
    margin: 15px 0;
}

.t_case_card .item_hover .top p {
    font-size: 14px;
}

.t_case_card .item_hover .bot {
    border-top: 1px solid #ededed;
    overflow: hidden;
}

.t_case_card .item_hover .bot>div {
    float: left;
    width: 32.5%;
    text-align: center;
    border-right: 1px solid #ededed;
}

.t_case_card .item_hover .bot>div:last-child {
    border-right: 1px solid #fff;
}

.t_case_card .item_hover .bot>div p:nth-child(1) {
    font-size: 20px;
    color: #333;
    padding: 10px 0 5px 0;
}

.t_case_card .item_hover .bot>div p:nth-child(2) {
    font-size: 14px;
    color: #666;
}

/**************** 公共LOGO图片放大效果*********************/
.img_enlarge img {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: transform;
    transition-property: transform;
    cursor: pointer;
}

.img_enlarge:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/**************** 公共图片放大效果*********************/
.img_enlarge_slow {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.img_enlarge_slow img {
    width: 100%;
    transition: transform 1.2s ease 0s;
    -webkit-transition: transform 1.2s ease 0s;
    -moz-transition: transform 1.2s ease 0s;
    -o-animation: transform 1.2s ease 0s;
}

.img_enlarge_slow:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

/**************** 公共常见问题样式 *********************/
.faq ul li {
    padding-bottom: 25px;
}

.faq ul li h4 {
    color: #666666;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 22px;
    cursor: pointer;
    padding: 2px 0 2px 30px;
    background: url(../../images/bootstrap/new_website_1/tips_icon_01.png) 0 0 no-repeat;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.faq ul li.on h4 {
    color: #333;
    font-size: 18px;
    background: url(../../images/bootstrap/new_website_1/tips_icon_02.png) 0 0 no-repeat;
}

.faq ul li p {
    display: none;
    font-size: 1.2em;
    color: #666666;
    padding: 1em 0 0 30px;
    line-height: 28px;
}

.faq ul li p a {
    display: block;
    font-size: 1em;
    color: #7fadeb;
    text-decoration: none;
}

/**************** 公共上箭头样式 *********************/
.t_arrow_top {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/**************** 公共tab切换 *********************/
.t_tab_nav {
    position: relative;
}

.t_tab_nav .t_tab_arrow {
    left: 16.7%;
    bottom: -8px;
    border-top: 1px solid #e3ecf5;
    border-right: 1px solid #e3ecf5;
}

.tab_platform .t_tab_nav .t_tab_arrow {
    left: 75%;
}

.t_help_details>div {
    display: none;
}

.t_tab_details>div.on {
    display: block;
}

.t_tab_nav>div.on a,
.t_tab_nav>div.on a:hover {
    color: #7fadeb !important;
}

/******* 其他静态页公共头部标题 *********/
.t_other_top_title {
    height: 340px;
    background: #eef0ef;
    font-size: 16px;
    color: #666666;
    letter-spacing: 3px;
}

.t_other_top_title.partners_banner {
    height: 70px;
}

.t_other_top_title h2 {
    font-size: 42px;
    color: #333333;
    margin: 140px 0 30px 40px;
    letter-spacing: 3px;
    font-weight: normal;
}

.t_other_top_title .row .container .row>div {
    margin-left: 40px;
}

/******** 公共视频样式 ************/
.t_new_video {
    position: relative;
}

.t_new_video video {
    display: block;
}

.t_new_video .video_img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
}

.t_new_video .video_btn {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    z-index: 3;
    cursor: pointer;
    outline: none;
    border: 0;
    background: url("../../images/bootstrap/new_website_1/video_play.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 100%;
    -webkit-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.super_company .t_new_video .video_btn {
    background: url("../../images/bootstrap/new_website_1/video_play_2.png") no-repeat;
}

.t_new_video .video_btn:hover {
    -webkit-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
}

/************************************ 网站改版   01-新首页 ******************************************/
/*新版首页顶部广告banner*/
.top_banner {
    width: 100%;
    margin: auto;
    height: 44px;
    background: rgba(124, 172, 237, 0.74);
    display: none;
}

.top_banner .container {
    padding-top: 11px;
    padding-bottom: 17px;
}

.top_banner .container p {
    float: left;
    width: 93%;
}

.top_banner .container p a {
    padding-left: 3%;
    text-align: center;
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    height: 20px;
    width: 100%;
}

.top_banner .container p a button {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    margin-left: 25px;
}

.top_banner .container span {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: .75;
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}

.top_banner .container span:hover {
    filter: alpha(opacity=80);
    opacity: .8;
}

/*开始*/
body {
    font-size: 12px;
    font-family: 'PingFang SC', "Helvetica Neue", "Helvetica", Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
}

.t_n_header {
    font-family: "PingFang SC", "Helvetica Neue", "Helvetica", Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
}

/*头部*/
.t_n_header {
    padding-top: 16px;
    padding-bottom: 16px;
    background: transparent;
    position: fixed;
    width: 100%;
    z-index: 1000;
    box-shadow: none;
    -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -o-transition: all ease .7s;
    transition: all ease .7s;
}

.t_n_header.headroom--pinned {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.t_n_header.headroom--unpinned {
    top: -60px;
}

.t_n_header.headroom--not--top {
    /*top: -60px;*/
}

.t_n_header.headroom--top {
    padding-top: 16px;
    padding-bottom: 16px;
    background: transparent;
    background-color: #fff\0;
    position: fixed;
    z-index: 1000;
    box-shadow: none;
    /*-webkit-transition: all ease .4s;*/
    /*-moz-transition: all ease .4s;*/
    /*-o-transition: all ease .4s;*/
    /*transition: all ease .4s;*/
}

.t_n_header .login {
    float: right;
    font-size: 1em;
    color: #333333;
}

.t_n_header .login>div {
    display: inline-block;
    height: 32px;
    width: 64px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.t_n_header .login .sign_in {
    border: 2px solid #333333;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.2s;
}

.t_n_header .login .sign_in:hover {
    border-color: #000000;
}

.t_n_header .login a {
    color: #333333;
    cursor: pointer;
    position: relative;
    z-index: 3;
    display: block;
}

.t_n_header .login a:hover {
    text-decoration: none;
    color: #111;
}

.t_n_header .login .pc_portrait {
    position: relative;
    top: -7px;
    right: 5px;
}

.t_n_header .login .pc_portrait img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    cursor: pointer;
    border: 2px solid #fff;
}

.t_n_header .login .pc_portrait span {
    position: absolute;
    right: 6px;
    top: -3px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    display: block;
    font-size: 12px;
    color: #fff;
    background: #ef1926;
    border-radius: 100%;
    z-index: 4;
}

.t_n_header .login .pc_after_login {
    position: absolute;
    right: 0;
    top: 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.t_n_header .login .after_login_cur {
    visibility: visible;
    opacity: 1;
}

.t_n_header .login .pc_after_login_con {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    letter-spacing: 3px;
    width: 150px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
    position: relative;
}

.t_n_header .login .pc_after_login_con em {
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background: transparent;
    margin: 0 3px;
}

.t_n_header .login .pc_after_login_con em.red {
    background: #ef1926;
}

.t_n_header .login .pc_after_login_con .triangle {
    position: absolute;
    right: 24px;
    top: -3px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1);
}

.t_n_header .login .pc_after_login_con .patch {
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 15px;
    background: transparent;
}

.t_n_header .logo {
    float: left;
    padding: 0 0 0 1.5em;
    margin-right: 40px;
}

.t_n_header .logo img {
    width: 9.75em;
    max-width: 9.75em;
}

.t_n_header .nav_wrap {
    padding: 0;
}

.t_n_header .nav_wrap nav {
    padding: 0;
}

.t_n_header .nav>ul>li {
    float: left;
}

.t_n_header .nav>ul>li>a {
    font-size: 16px;
    color: #333333;
    display: block;
    padding: 0 20px 0 20px;
    height: 32px;
    line-height: 32px;
    letter-spacing: 2px;
    position: relative;
    left: -20px;
}

.t_n_header .nav>ul>li a:hover {
    text-decoration: none;
    color: #000;
}

.t_n_header li.classic {
    position: relative;
    margin-right: 1em;
}

.t_n_header li.classic .classic_a {
    background: transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: background;
    transition-property: background;
}

.t_n_header li.classic .classic_a {
    position: relative;
}

.t_n_header li.classic .classic_a span {
    position: absolute;
    right: 1px;
    top: 13px;
    display: block;
    width: 13px;
    height: 8px;
    background: url("../../images/bootstrap/new_website_1/arrow_down2.png") no-repeat right center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.t_n_header li.classic.c_hover .classic_a span {
    position: absolute;
    right: 1px;
    top: 13px;
    display: block;
    width: 13px;
    height: 8px;
    background: url("../../images/bootstrap/new_website_1/arrow_up2.png") no-repeat right center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.t_n_header li.classic .details {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -20px;
    top: 43px;
    width: 210px;
    z-index: 10;
    background: #fff;
    padding: 10px 0;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.t_n_header li.classic .designer {
    width: 150px;
}

.t_n_header li.classic .arrow {
    position: absolute;
    left: 32px;
    top: 37px;
    background: #fff;
    height: 12px;
    width: 12px;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    /*box-shadow: 0 -2px 11px 0 rgba(0,0,0,0.05);*/

    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.t_n_header li.classic .patch {
    position: absolute;
    left: -20px;
    top: 20px;
    background: transparent;
    z-index: 9;
    width: 210px;
    height: 40px;
}

.t_n_header li.classic.c_hover .details,
.t_n_header li.classic.c_hover .arrow {
    opacity: 1;
    visibility: visible;
}

.t_n_header.headroom--unpinned li.classic .details,
.t_n_header.headroom--unpinned li.classic .arrow {
    opacity: 0;
    visibility: hidden;
}

.t_n_header li.classic .details .details_list a {
    color: #666666;
    font-size: 1.167em;
    padding: 0.857em 20px;
    display: block;
    width: 210px;
}

.t_n_header li.classic .designer .details_list a {
    width: 150px;
}

.t_n_header li.classic .details .details_list a:hover {
    text-decoration: none;
    background-color: #f3f2f0;
}

.t_n_header li.classic .details .details_list a {
    position: relative;
}

.t_n_header li.classic .details .details_list a span {
    position: absolute;
    left: 180px;
    top: 17px;
    display: block;
    width: 8px;
    height: 13px;
    background: url("../../images/bootstrap/new_website_1/arrow_right2.png") no-repeat right center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.t_n_header li.classic .details .second_level {
    display: none;
    position: absolute;
    left: 210px;
    top: 0;
    right: auto;
    min-width: 210px;
    min-height: 100%;
    background: #fff;
    padding: 10px 0;
    border-radius: 0 3px 3px 0;
}

.t_n_header li.classic .details .details_list.d_hover .second_level {
    display: block;
}

.t_n_header li.classic .details .details_list.d_hover .second_level:before {
    content: " ";
    display: block;
    width: 1px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    z-index: 10;
    background: #efefef;
}

.t_n_header li.classic .details .second_level>ul {
    border-left: 1px solid #e6e6e6;
}

.t_n_header.headroom.top_nav_add_css {
    /* top: 54px !important; */
}

/*手机导航*/
.t_m_header {
    position: relative;
    z-index: 1000;
}

.t_m_header .top {
    background: #edf0ef;
    padding: 10px 0;
    position: relative;
}

.t_m_header .top .left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 15px 15px 10px 15px;
}

.t_m_header .top .left span {
    width: 20px;
    height: 15px;
    display: block;
    background: url("../../images/bootstrap/new_website_1/m_nav_icon_1.png") no-repeat;
    background-size: 100% 100%;
    transition: background .3s;
}

.t_m_header .top .left.cur span {
    width: 15px;
    height: 15px;
    background: url("../../images/bootstrap/new_website_1/m_nav_icon_2.png") no-repeat;
    background-size: 100% 100%;
}

.t_m_header .top .center {
    text-align: center;
}

.t_m_header .top .center img {
    width: 100px;
}

.t_m_header .top .right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.t_m_header .top .right a {
    padding: 2px 7px;
    color: #333333;
    border: 2px solid #333333;
    border-radius: 3px;
    text-decoration: none;
    margin: 9px 15px;
    display: block;
}

.t_m_header .top .right .portrait {
    position: relative;
}

.t_m_header .top .right .portrait img {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin: 8px 15px 0 0;
}

.t_m_header .top .right .portrait span {
    position: absolute;
    right: 15px;
    top: 5px;
    display: block;
    width: 8px;
    height: 8px;
    background: #ef1926;
    border-radius: 100%;
}

.t_m_header .m_nav,
.t_m_header .after_login {
    position: absolute;
    left: 0;
    top: 50px;
    display: none;
    width: 100%;
    z-index: 1;
}

.t_m_header .m_nav_con,
.t_m_header .after_login_con {
    position: relative;
    background: #fff;
    padding: 15px 5px 15px 15px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.15);
}

.t_m_header a,
.t_m_header a:hover {
    text-decoration: none;
}

.t_m_header .has_con {
    position: relative;
}

.t_m_header .has_con p {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 10px 8px 15px;
}

.t_m_header .has_con p span {
    width: 8px;
    height: 13px;
    display: block;
    background: url("../../images/bootstrap/new_website_1/arrow_right2.png") no-repeat;
    background-size: 100% 100%;
}

.t_m_header .has_con.unfold p {
    padding: 10px 10px 8px 15px;
}

.t_m_header .has_con.unfold p span {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: rotate90;
    animation-name: rotate90;
}

@-webkit-keyframes rotate90 {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
    }
}

@keyframes rotate90 {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
    }
}

.t_m_header .hr {
    height: 1px;
    background: #e9f0f6;
    margin: 8px 10px 8px 0;
}

.t_m_header .m_nav h4 a,
.t_m_header .m_nav h3 a,
.t_m_header .m_nav ul li a,
.t_m_header .after_login_con a {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    padding: 8px 0;
    display: block;
    text-decoration: none;
}

.t_m_header .m_nav ul {
    display: none;
}

.t_m_header .has_con.unfold ul {
    display: block;
}

.t_m_header .m_nav ul li {
    padding-left: 19px;
}

.t_m_header .m_nav .triangle,
.t_m_header .after_login_con .triangle {
    position: absolute;
    left: 17px;
    top: -5px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1);
}

.t_m_header .after_login_con .triangle {
    left: initial;
    right: 30px;
}

.t_m_header .after_login_con span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #ef1926;
    vertical-align: middle;
    margin: 0 5px;
}

.t_m_header_layer {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none;
}

/*banner*/
.tcy_banner_wrap {
    background: #edf0ef;
    color: #666666;
    position: relative;
    overflow: hidden;
}

.tcy_banner_wrap .banner_con>div {
    height: 100%;
}

.tcy_banner_wrap .b_left {
    padding: 0;
    position: relative;
    height: 540px;
}

.tcy_banner_wrap .b_left .b_l {
    position: absolute;
    /*left: 0;*/
    left: 40px;
    top: 43%;
    margin-top: -12.291em;
    max-width: 90%;
}

.tcy_banner_wrap .banner-title {
    margin-left: 33.333%;
}

.tcy_banner_wrap .banner-con {
    margin-top: 40px;
    position: relative;
}

.tcy_banner_wrap .banner-con .f-tit {
    letter-spacing: 3px;
    color: #4c4c4c;
    font-size: 28px;
}

.tcy_banner_wrap .banner-con .s-tit {
    color: #666666;
    font-size: 16px;
    line-height: 72px;
    letter-spacing: 3px;
}

.map_box {
    height: 50px;
    background-color: black;
}

.production_map {
    color: #999999;
    padding: 0 !important;
    margin-top: 100px;
}

.production_map a {
    color: #666;
    text-decoration: none;
    margin-right: 5px;
}

.production_map span {
    margin-right: 5px;
    color: #666666;
}

.tcy_banner_wrap .banner-con .pink-line {
    width: 36px;
    height: 5px;
    background: #FF507C;
    margin-bottom: 30px;
}

.tcy_banner_wrap .b_left .b_l div,
.tcy_banner_wrap .b_left .b_l .d_1 {
    font-size: 1.35em;
    letter-spacing: 3px;
}

.tcy_banner_wrap .b_left .b_l .d_1 {
    margin-bottom: 0.35em;
    font-size: 3.167em;
    color: #000000;
    line-height: 1.42857143;
}

.tcy_banner_wrap .b_left .b_l .d_1 img {
    max-width: 85%;
    width: 85%;
    display: block;
}

.tcy_banner_wrap .b_left .b_l div.d_2 {
    margin-bottom: 0.7em;
}

.tcy_banner_wrap .b_left .b_l div.d_2 a {
    text-decoration: none;
    color: #666;
}

.tcy_banner_wrap .b_left .b_l div.d_3 {
    margin-bottom: 2em;
}

.tcy_banner_wrap .b_left .b_l div.d_4 {
    margin-bottom: 0.7em;
}

.tcy_banner_wrap .b_left .b_l div.d_5 {
    margin-bottom: 2.7em;
}

.tcy_banner_wrap .b_left .b_l div.d_4 b {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    vertical-align: middle;
    background: url("../../images/bootstrap/new_website_1/tcy_new_icon_1.png") no-repeat center center;
    background-size: 100% 100%;
}

.tcy_banner_wrap .b_left .b_l div.d_5 b {
    background: url("../../images/bootstrap/new_website_1/tcy_new_icon_1.png") no-repeat center center;
    background-size: 100% 100%;
}

.tcy_banner_wrap .b_left .b_l div.d_4 .cheapen i,
.t_mobile_banner_letter .cheapen i {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    border: 3px solid #ff507c;
    padding: 0 6px;
    font-style: normal;
    font-weight: normal;
    color: #ff507c;
    font-size: 14px;
    letter-spacing: 0;
    margin-left: 10px;
    margin-top: -1px;
}

.tcy_banner_wrap .b_left .b_l div.d_4 .cheapen i:before,
.t_mobile_banner_letter .cheapen i:before {
    display: block;
    content: "";
    position: absolute;
    left: -8px;
    top: 5px;
    border-right: 5px solid #ff507c;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.tcy_banner_wrap .start_btn {
    margin-top: 44px;
}

.tcy_banner_wrap .start_exp {
    width: 15.875em;
}

.tcy_banner_wrap .banner_right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.tcy_banner_wrap .b_right {
    background: #e4e4e4;
    padding: 0;
}

.tcy_banner_wrap .b_right.index-slider .slides li {
    height: 540px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav {
    position: absolute;
    left: 40px;
    bottom: 30px;
    z-index: 2;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav li {
    float: left;
    padding-right: 10px;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav li a {
    width: 12px;
    height: 12px;
    border: 3px solid #b3b3b3;
    display: block;
    border-radius: 100%;
    color: transparent;
    background: transparent;
    cursor: pointer;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav li a.flex-active {
    transform: scale(1.2);
    border: 3px solid #ff507c;
}

.tcy_banner_580 .b_right.index-slider .slides li {
    height: 580px;
}

.tcy_banner_wrap .b_right.fslider .slides li {
    height: 540px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav {
    position: absolute;
    left: 40px;
    bottom: 30px;
    z-index: 2;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav li {
    float: left;
    padding-right: 10px;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav li a {
    width: 12px;
    height: 12px;
    border: 3px solid #b3b3b3;
    display: block;
    border-radius: 100%;
    color: transparent;
    background: transparent;
    cursor: pointer;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav li a.flex-active {
    transform: scale(1.2);
    border: 3px solid #ff507c;
}

.tcy_banner_580 .b_right.fslider .slides li {
    height: 580px;
}

.tcy_banner_580 .b_left {
    padding: 0;
    position: relative;
    height: 580px;
}

/*公告*/
.tcy_new_index .notification {
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 55px;
    overflow: hidden;
}

.tcy_new_index .notification .vslider {
    background: url("../../images/bootstrap/new_website_1/tcy_new_icon_3.png") left center no-repeat;
    padding-left: 2.8em;
    height: 20px;
    overflow: hidden;
}

.tcy_new_index .notification .slides li {
    font-size: 1.17em;
    color: #666666;
}

.tcy_new_index .notification .slides li strong {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 70%;
    vertical-align: top;
}

.tcy_new_index .notification .slides li span {
    color: #999999;
    margin-left: 2.5em;
    display: inline-block;
    vertical-align: top;
}

/*分类*/
.tcy_new_index .sort {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*.tcy_new_index .sort .sort_con{
	width: 20%;
	float: left;
	!*padding: 0 3%;*!
	padding: 0 2.4%;
}*/
.tcy_new_index .sort .sort_con a,
.tcy_new_index .sort .sort_con a:hover {
    display: block;
    text-decoration: none;
    outline: none;
}

.tcy_new_index .sort h3 {
    font-size: 1.5em;
    color: #333333;
    margin: 1.2em 0 0.5em;
    letter-spacing: 2px;
    text-decoration: none;
}

.tcy_new_index .sort p {
    color: #666666;
    font-size: 1.2em;
    letter-spacing: 2px;
    text-decoration: none;
}

.tcy_new_index .sort .btn_black_wrap {
    text-align: center;
    padding: 3.122em 0 0;
}

.tcy_new_index .sort .btn_black_wrap a {
    font-size: 16px;
    letter-spacing: 3px;
    color: #7caced;
    text-decoration: none;
}

.tcy_new_index .sort .btn_black_wrap a:hover {
    color: #6ea2ed;
}

/*分类改版*/
.tcy_new_index .sort:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tcy_new_index .sort .sort_con {
    width: 33.33%;
    float: left;
    text-align: center;
    border-right: 1px solid #F2F6FB;
}

.tcy_new_index .sort .sort_con:nth-child(1) {
    height: 240px;
}

.tcy_new_index .sort .sort_con:nth-child(1) a {
    margin-bottom: 10%;
}

.tcy_new_index .sort .sort_con:nth-child(1) img {
    width: 40%;
}

.tcy_new_index .sort .sort_con:nth-child(2) {
    border-bottom: 1px solid #F2F6FB;
    height: 120px;
}

.tcy_new_index .sort .sort_con:nth-child(2) a,
.tcy_new_index .sort .sort_con:nth-child(3) a,
.tcy_new_index .sort .sort_con:nth-child(4) a,
.tcy_new_index .sort .sort_con:nth-child(5) a {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 80%;
    margin-bottom: 10%;
}

.tcy_new_index .sort .sort_con:nth-child(2) div,
.tcy_new_index .sort .sort_con:nth-child(3) div,
.tcy_new_index .sort .sort_con:nth-child(4) div,
.tcy_new_index .sort .sort_con:nth-child(5) div {
    display: block;
    float: left;
    margin-right: 10%;
}

.tcy_new_index .sort .sort_con:nth-child(2) h3,
.tcy_new_index .sort .sort_con:nth-child(3) h3,
.tcy_new_index .sort .sort_con:nth-child(3) h3,
.tcy_new_index .sort .sort_con:nth-child(4) h3,
.tcy_new_index .sort .sort_con:nth-child(5) h3 {
    padding-top: 10px;
}

.tcy_new_index .sort .sort_con:nth-child(3) {
    border-right: none;
    border-bottom: 1px solid #F2F6FB;
    height: 120px;
}

.tcy_new_index .sort .sort_con:nth-child(4) {
    height: 120px;
}

.tcy_new_index .sort .sort_con:nth-child(5) {
    border-right: none;
    height: 120px;
}

/*更新信息*/
.tcy_new_index .update_info {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.tcy_new_index .update_info .row.top {
    height: 115px;
    /*overflow: hidden;*/
}

.tcy_new_index .update_info .row .u_scroll {
    height: 114px;
    overflow: hidden;
}

.tcy_new_index .update_info .row .u_scroll ul li {
    height: 114px;
}

.tcy_new_index .update_info .row .bubble_hover {
    position: absolute;
    left: 15px;
    top: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 10;
    background: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
    display: block;
}

.tcy_new_index .update_info .row .bubble_con {
    position: absolute;
    left: 15px;
    bottom: 130px;
    z-index: 10;
    color: #999999;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity, visible;
    transition-property: opacity, visible;
}

.tcy_new_index .update_info .row .bubble_hover:hover+.bubble_con {
    opacity: 1;
    visibility: visible;
}

.tcy_new_index .update_info .row .bubble_con .b_c {
    position: relative;
    padding: 15px 8px 15px 15px;
    border: 3px solid #e3ecf5;
    background: #ffffff;
    border-radius: 3px;
}

.tcy_new_index .update_info .row .bubble_con .b_c .triangle {
    position: absolute;
    left: 20px;
    bottom: -16px;
    display: block;
    border-left: 8px solid #e3ecf5;
    border-top: 8px solid #e3ecf5;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.tcy_new_index .update_info .u_info_con .left {
    float: left;
    width: 5em;
}

.tcy_new_index .update_info .u_info_con .left img {
    max-width: 100%;
    width: 100%;
}

.tcy_new_index .update_info .u_info_con .right {
    margin-left: 6.67em;
}

.tcy_new_index .update_info .u_info_con .right h3 {
    color: #333333;
    font-size: 1.2em;
}

.tcy_new_index .update_info .u_info_con .right h3 span {
    margin-left: 0.583em;
}

.tcy_new_index .update_info .u_info_con .right .detail {
    color: #fff;
    font-size: 1.2em;
    margin: 1.25em 0 0.5em 0;
    height: 3.75em;
    line-height: 3.75em;
    padding: 0 1.25em;
    border-radius: 3px;
    position: relative;
}

.tcy_new_index .update_info .u_info_con .right .detail strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    font-weight: normal;
}

.tcy_new_index .update_info .u_info_con .right .detail em {
    position: absolute;
    left: -8px;
    top: 0.58em;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #000;
}

.tcy_new_index .update_info .u_info_con .right .detail strong span {
    color: #fff !important;
}

.tcy_new_index .update_info .u_info_con.first .right h3 span {
    color: #1ddca8;
}

.tcy_new_index .update_info .u_info_con.second .right h3 span {
    color: #509eed;
}

.tcy_new_index .update_info .u_info_con.third .right h3 span {
    color: #ff3e6b;
}

.tcy_new_index .update_info .u_info_con.first .right .detail {
    background: #44e7b9;
}

.tcy_new_index .update_info .u_info_con.second .right .detail {
    background: #7caced;
}

.tcy_new_index .update_info .u_info_con.third .right .detail {
    background: #ff507c;
}

.tcy_new_index .update_info .u_info_con.first .right .detail em {
    border-top: 6px solid #44e7b9;
}

.tcy_new_index .update_info .u_info_con.second .right .detail em {
    border-top: 6px solid #7caced;
}

.tcy_new_index .update_info .u_info_con.third .right .detail em {
    border-top: 6px solid #ff507c;
}

.tcy_new_index .update_info .u_info_con .right p {
    color: #999999;
    font-size: 1.167em;
}

.tcy_new_index .update_info .row.bot {
    text-align: center;
    font-size: 14px;
    color: #999999;
    padding-top: 40px;
    letter-spacing: 3px;
}

/***首页-最近推荐案例bxm_add***/
.case_slider {
    width: 1660px;
    max-height: 350px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    border-radius: 3px;
}

.case_slider .slides {
    height: 325px;
    overflow: hidden;
}

.case_slider .slides li {
    display: block;
    float: left;
    text-align: center;
    /*width: 300px!important;*/
    /*margin: 0 10px!important;*/
}

.case_slider .slides li>div {
    display: none;
    min-height: 110px;
}

.case_slider img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    cursor: pointer;
    height: 150px;
}

.case_slider .flex-prev,
.case_slider .flex-next {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    width: 58px;
    height: 58px;
    display: block;
    background: url("../../../statics/images/bootstrap/new_website_1/index/case_arrow_left.png") no-repeat center center;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    cursor: pointer;
    z-index: 5;
    border-radius: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.case_slider .flex-next {
    background: url("../../../statics/images/bootstrap/new_website_1/index/case_arrow_right.png") no-repeat center center;
}

.case_slider .flex-prev {
    left: 5px;
}

.case_slider .flex-next {
    right: 5px;
}

.case_slider ul li .t_case_card {
    margin: 0 auto;
}

.t_case_card p em {
    font-size: 14px;
    letter-spacing: 2px;
    font-style: normal;
    padding: 0 10px;
    border-radius: 3px;
}

.em_red {
    color: #FF507C;
    border: 2px solid #FF507C;
}

.em_blue {
    color: #7caced;
    border: 2px solid #7CACED;
}

.em_green {
    border: 2px solid #58E9BE;
    color: #57e9be;
}

.em_purple {
    border: 2px solid #C190E3;
    color: #c190e3;
}

.t_case_card p span {
    font-size: 14px;
    text-align: center;
    display: block;
    color: #666;
}

/*.t_case_card p span.static_green{
	background: #58E9BE;
	font-size: 12px;
	padding: 3px 11px;
	border-radius: 3px;
	text-align: center;
	display: block;
	color: #fff;
}*/
/*.t_case_card p span.static_blue{
	background: #7CACED;
	padding: 3px 11px;
	border-radius: 3px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 12px;
}
.t_case_card p span.static_red{
	background: #FE5680;
	padding: 3px 11px;
	border-radius: 3px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 12px;
}*/
.t_case_card .info_number {
    padding: 9px 0;
    width: 300px;
    margin-left: -15px;
    background: #F6F7F7;
    margin-top: 21px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.t_case_card .info_number span {
    line-height: 27px;
    width: 50%;
    height: 27px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.t_case_card .info_number span.n_left {
    border-right: 1px solid #EDEEEE;
    float: left;
    border-bottom-left-radius: 3px;
}

.t_case_card .info_number span.n_right {
    border-left: 1px solid #E8E9E9;
    float: right;
    border-bottom-right-radius: 3px;
}

.t_case_card .info_number:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

/*案例*/
.tcy_new_index .case {
    background: #e9f2f9;
    padding: 77px 0 5px;
}

.tcy_new_index .case .row {
    margin: 0;
}

/*案例上*/
.tcy_new_index .latest_wrap {
    padding: 0;
    margin-bottom: 3.083em;
    position: relative;
}

/*左侧导航*/
.tcy_new_index .latest_nav_con {
    width: 12em;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.tcy_new_index .latest_nav ul {
    position: relative;
}

.tcy_new_index .latest_nav li {
    padding-bottom: 2em;
    /*position: relative;*/
    position: absolute;
    left: 0;
    cursor: pointer;
    width: 100%;
}

.tcy_new_index .latest_nav li .li_c {
    position: relative;
    width: 100%;
}

.tcy_new_index .latest_nav li:after {
    display: block;
    content: "";
    position: absolute;
    right: 25px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
}

.tcy_new_index .latest_nav li:last-child {
    /*padding-bottom: 0;*/
}

.tcy_new_index .latest_nav li:last-child:after {
    /*background: transparent;*/
}

.tcy_new_index .latest_nav li .li_c>div {
    text-align: center;
    width: 5.333em;
    font-size: 14px;
    color: #333333;
}

.tcy_new_index .latest_nav li .letter {
    display: block;
    color: #333333;
}

.tcy_new_index .latest_nav li .letter_ac {
    display: none;
}

.tcy_new_index .latest_nav li.active .letter {
    display: none;
}

.tcy_new_index .latest_cur_month {
    text-align: center;
    padding-top: 20px;
    display: none;
}

.tcy_new_index .latest_nav li.active .letter_ac,
.tcy_new_index .latest_cur_month .letter_ac {
    display: block;
    border-radius: 3px;
    background: #fff;
    position: relative;
}

.tcy_new_index .latest_nav li.active .letter_ac h4,
.tcy_new_index .latest_cur_month .letter_ac h4 {
    font-size: 16px;
    background: #ff527e;
    padding: 6px 0;
    color: #fff;
    border-radius: 3px 3px 0 0;
    position: relative;
}

.tcy_new_index .latest_nav li.active .letter_ac h4 span,
.tcy_new_index .latest_cur_month .letter_ac h4 span {
    position: absolute;
    right: -8px;
    top: 10px;
    width: 0;
    height: 0;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #ff527e;
}

.tcy_new_index .latest_nav li.active .letter_ac p {
    padding: 8px 0;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
}

.tcy_new_index .latest_nav li .dot {
    float: right;
    width: 13px;
    height: 13px;
    display: block;
    border-radius: 100% 100%;
    background: #7eaded;
    margin: 3px 20px 0 0;
    position: relative;
    z-index: 2;
}

.tcy_new_index .latest_nav li.active .dot {
    background: #ff527e;
    margin-top: 9px;
}

.tcy_new_index .latest_nav .opacity_1,
.tcy_new_index .latest_nav .opacity_2 {
    display: none;
}

.tcy_new_index .latest_nav .opacity_1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 8em;
    background: -webkit-linear-gradient(rgba(233, 242, 249, 0.9), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0));
    background: -o-linear-gradient(rgba(233, 242, 249, 0.9), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0));
    background: -moz-linear-gradient(rgba(233, 242, 249, 0.9), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0));
    background: -ms-linear-gradient(rgba(233, 242, 249, 0.9), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0));
    background: linear-gradient(rgba(233, 242, 249, 0.9), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0));
}

.tcy_new_index .latest_nav .opacity_2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8em;
    background: -webkit-linear-gradient(rgba(233, 242, 249, 0), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0.9));
    background: -o-linear-gradient(rgba(233, 242, 249, 0), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0.9));
    background: -moz-linear-gradient(rgba(233, 242, 249, 0), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0.9));
    background: linear-gradient(rgba(233, 242, 249, 0), rgba(233, 242, 249, 0.8), rgba(233, 242, 249, 0.9));
}

/*右侧案例*/
.tcy_new_index .latest_case {
    overflow: hidden;
}

/*前一个*/
.tcy_new_index .latest_case .scroll_btn {
    width: 4.834em;
    height: 4.834em;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -2.417em;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: transform;
    transition-property: transform;
    z-index: 6;
}

.tcy_new_index .latest_case .scroll_btn.prev {
    left: -2.417em;
}

.tcy_new_index .latest_case .scroll_btn:hover {
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.tcy_new_index .latest_case .scroll_btn>div {
    position: relative;
    height: 100%;
}

.tcy_new_index .latest_case .scroll_btn>div span {
    position: absolute;
    left: 50%;
    top: 50%;
    border-top: 2px solid #5f6060;
    border-right: 2px solid #5f6060;
    width: 8px;
    height: 8px;
    display: block;
    background: #fff;
    margin: -5px 0 0 -5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.tcy_new_index .latest_case .scroll_btn.next>div span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/**/
.tcy_new_index .latest_case .latest_list {
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    font-size: 0;
    position: relative;
    bottom: -17px;
    margin-top: -17px;
}

.tcy_new_index .latest_case .latest_list .latest_card {
    width: 40%;
    overflow: hidden;
    background: #ffffff;
    border-radius: 3px;
    margin: 0 20px 0 0;
    padding: 1.5em 1.5em 2.5em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    font-size: 12px;
}

.tcy_new_index .latest_case .latest_list .latest_card.loading_wrap:hover .item_hover {
    opacity: 0;
    visibility: hidden;
}

.tcy_new_index .latest_case .latest_list .latest_card .loading {
    display: none;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 15;
}

.tcy_new_index .latest_case .latest_list .latest_card.loading_wrap .loading {
    display: block;
}

.tcy_new_index .latest_case .latest_list .latest_card .loading>div {
    /*position: relative;*/
}

.tcy_new_index .latest_case .latest_list .latest_card .loading img {
    width: 84px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -42px;
}

.tcy_new_index .latest_case .latest_list .latest_card .loading p {
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin: 10px 0 0 0;
    width: 100%;
    color: #787878;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 5;
}

.tcy_new_index .latest_case .latest_list .latest_card:nth-child(1) .item_layer,
.tcy_new_index .latest_case .latest_list .latest_card:nth-child(2) .item_layer {
    display: none;
}

.tcy_new_index .latest_case .latest_list .latest_card .img_wrap {
    width: 100%;
    overflow: hidden;
}

.tcy_new_index .latest_case .latest_list .latest_card .img_wrap img {
    width: 100%;
    max-width: 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card h4 {
    color: #000;
    font-size: 1.75em;
    padding: 1em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tcy_new_index .latest_case .latest_list .latest_card p strong {
    color: #666666;
    font-size: 1.167em;
    font-weight: normal;
}

.tcy_new_index .latest_case .latest_list .latest_card span {
    float: right;
}

.tcy_new_index .latest_case .latest_list .latest_card span b {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card span b.yellow {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
    background-size: 100% 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card span b.gray {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.png") no-repeat center center;
    background-size: 100% 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    border-radius: 3px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}

.tcy_new_index .latest_case .latest_list .latest_card:hover .item_hover {
    opacity: 1;
    visibility: visible;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .top {
    text-align: center;
    color: #333333;
    padding: 30px 0;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .top h5 {
    font-size: 1.5em;
    letter-spacing: 2px;
    padding: 20px 0 20px;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .top p {
    font-size: 1.167em;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot {
    border-top: 1px solid #ededed;
    overflow: hidden;
    margin: 0 50px;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot>div {
    float: left;
    width: 32.5%;
    text-align: center;
    border-right: 1px solid #ededed;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot>div:last-child {
    border-right: 2px solid #fff;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot>div p:nth-child(1) {
    font-size: 2em;
    color: #333333;
    padding: 0.4em 0 0.3em;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot>div p:nth-child(2) {
    font-size: 1.4em;
    color: #666666;
    padding-bottom: 0.3em;
}

/*案例下*/
.tcy_new_index .case .examples {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.tcy_new_index .case .case_list .examples .card_list {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    bottom: -17px;
    margin-top: -17px;
    font-size: 0;
}

/*******案例展示模态框*********/
.t_n_modal .modal-dialog {
    width: 880px;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    /*440+150*/
}

.t_n_modal .modal-dialog .case_thumb {
    width: 100%;
    padding: 0 20px;
    background: #fff;
}

.t_n_modal .case_team {
    position: fixed;
    left: 50%;
    top: 30px;
    width: 300px;
    background: #fff;
    border-radius: 3px;
    padding-bottom: 26px;
    margin-left: 300px;
    /*-150+440+20*/
}

.t_n_modal .modal-dialog .case_thumb {
    border-radius: 3px;
    padding-bottom: 10px;
}

.t_n_modal .modal-dialog .case_thumb h2 {
    font-size: 2.33em;
    line-height: 80px;
}

.t_n_modal .modal-dialog .case_thumb img {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.t_n_modal .modal-dialog .case_thumb p {
    margin-bottom: 30px;
}

.t_n_modal .modal-dialog .case_thumb p span b {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.t_n_modal .modal-dialog .case_thumb p span b.yellow {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
}

.t_n_modal .modal-dialog .case_thumb p span b.gray {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.png") no-repeat center center;
}

.t_n_modal .modal-dialog .case_thumb p strong {
    font-style: normal;
    font-weight: normal;
    font-size: 1.33em;
    color: #666666;
    padding-right: 1em;
}

.t_n_modal .case_team .top {
    text-align: center;
    color: #333333;
    padding: 3.4em 0;
}

.t_n_modal .case_team .top h5 {
    font-size: 1.5em;
    letter-spacing: 2px;
    margin: 0.834em 0;
}

.t_n_modal .case_team .top p {
    font-size: 1.167em;
}

.t_n_modal .case_team .bot {
    border-top: 1px solid #ededed;
    overflow: hidden;
    margin: 0 1.67em 1.67em;
}

.t_n_modal .case_team .bot>div {
    float: left;
    width: 32.5%;
    text-align: center;
    border-right: 1px solid #ededed;
}

.t_n_modal .case_team .bot>div:last-child {
    border-right: 2px solid #fff;
}

.t_n_modal .case_team .bot>div p:nth-child(1) {
    font-size: 1.67em;
    color: #333333;
    padding: 0.6em 0 0.3em;
}

.t_n_modal .case_team .bot>div p:nth-child(2) {
    font-size: 1.167em;
    color: #666666;
    padding-bottom: 0.3em;
}

.t_n_modal .case_team .start_ds {
    width: 85%;
    margin: auto;
    display: block;
}

/*********特创易-视频**********/
.tcy_new_index .video {
    padding: 77px 0 65px;
    overflow: hidden;
}

.tcy_new_index .video .row {
    margin: 0;
}

.tcy_video .new_content .video_wrap {
    width: 100%;
    margin: 0 auto;
}

.tcy_video .new_content .video_wrap:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tcy_video .new_content .video_explain.animate {
    -webkit-animation: video1Fly 2s ease 0s 1 normal;
    animation: video1Fly 2s ease 0s 1 normal;
}

.tcy_video .new_content .video_con.animate {
    -webkit-animation: video2Fly 2s ease 0s 1 normal;
    animation: video2Fly 2s ease 0s 1 normal;
}

/*视频解说文字*/
.tcy_video .new_content .video_explain {
    position: relative;
}

.tcy_video .new_content .video_explain div {
    position: absolute;
    left: 0;
    top: 30px;
    color: #fff;
    width: 28%;
    height: 270px;
    padding: 20px;
    border-radius: 2px;
    opacity: 0;
}

.tcy_video .new_content .video_explain div.opacity_show {
    opacity: 1;
}

.tcy_video .new_content .video_explain div.animate {
    opacity: 1;
    -webkit-animation: explain_animate 5s ease-in-out 0s 1 normal;
    animation: explain_animate 5s ease-in-out 0s 1 normal;
}

.tcy_video .new_content .video_explain div.animate_in {
    opacity: 1;
    -webkit-animation: explain_animate_in 4s ease-in-out 0s 1 normal;
    animation: explain_animate_in 4s ease-in-out 0s 1 normal;
}

.tcy_video .new_content .video_explain div.animate_out {
    opacity: 0;
    -webkit-animation: explain_hide_animate 1s ease-in-out 0s 1 normal;
    animation: explain_hide_animate 1s ease-in-out 0s 1 normal;
}

.tcy_video .new_content .video_explain div span {
    display: block;
    font-size: 24px;
    margin-bottom: 18px;
}

.tcy_video .new_content .video_explain div p {
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 35px;
    margin-bottom: 25px;
}

.tcy_video .new_content .video_explain div em {
    font-style: normal;
    font-size: 14px;
    letter-spacing: 3px;
}

.tcy_video .new_content .video_explain .blue_bg {
    background: #7FADEB;
}

.tcy_video .new_content .video_explain .green_bg {
    background: #44E7B9;
}

.tcy_video .new_content .video_explain .red_bg {
    background: #FF507C;
}

/*视频解说文字显示动画*/
@keyframes explain_animate {
    100% {
        opacity: 0;
        visibility: visible;
    }

    80% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    0% {
        opacity: 0;
        visibility: visible;
    }
}

@-webkit-keyframes explain_animate {
    100% {
        opacity: 0;
        visibility: visible;
    }

    80% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    0% {
        opacity: 0;
        visibility: visible;
    }
}

@keyframes explain_animate_in {
    100% {
        opacity: 1;
        visibility: visible;
    }

    80% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    0% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes explain_animate_in {
    100% {
        opacity: 1;
        visibility: visible;
    }

    80% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    0% {
        opacity: 1;
        visibility: visible;
    }
}

/*视频解说文字消失动画*/
@keyframes explain_hide_animate {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

@-webkit-keyframes explain_hide_animate {
    100% {
        opacity: 0;
    }

    0% {
        opacity: 1;
    }
}

/*视频播放容器*/
.tcy_video .new_content .video_con {
    width: 72%;
    float: left;
    margin-left: 28%;
}

.tcy_video .new_content .video_con .video_rela {
    position: relative;
    width: 100%;
}

.tcy_video .new_content .video_con .video_rela .cover_img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    display: block;
}

.tcy_video .new_content .video_con .video_rela .cover_img img {
    width: 100%;
    height: 100%;
    -webkit-animation: cover_hide_animate 5s ease-in-out 0s 1 normal;
    animation: cover_hide_animate 5s ease-in-out 0s 1 normal;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.tcy_video .new_content .video_con .video_rela .cover_img img.animate {
    -webkit-animation: cover_animate 5s ease-in-out 0s 1 normal;
    animation: cover_animate 5s ease-in-out 0s 1 normal;
}

.tcy_video .new_content .video_con .video_rela .cover_img img.opacity_show {
    opacity: 1;
}

.tcy_video .new_content .video_con .video_rela .video_btn {
    position: absolute;
    left: 40px;
    bottom: 25px;
    width: 210px;
    z-index: 3;
}

.tcy_video .new_content .video_con .video_rela .video_btn button {
    width: 70px;
    height: 70px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    background: url("../../images/bootstrap/new_website_1/paly_icon.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    -webkit-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.tcy_video .new_content .video_con .video_rela .video_btn button:hover {
    -webkit-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
}

.tcy_video .new_content .video_con .video_rela .video_btn span {
    font-size: 16px;
    letter-spacing: 3px;
    margin-left: 15px;
    color: #fff;
}

/*封面图显示动画*/
@keyframes cover_animate {
    100% {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06);
        opacity: 0;
        visibility: visible;
    }

    80% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        visibility: visible;
    }
}

@-webkit-keyframes cover_animate {
    100% {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06);
        opacity: 0;
        visibility: visible;
    }

    80% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        visibility: visible;
    }
}

/*********客户评价*********/
.tcy_new_index .customer_eval {
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}

.tcy_new_index .customer_eval .customer_eval_con {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: visible;
    position: relative;
    bottom: -17px;
    margin-top: -17px;
    font-size: 0;
    padding: 10px 0 20px 20px;
}

.tcy_new_index .customer_eval .customer_eval_item {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 30px 20px;
    border-radius: 2px;
    box-shadow: 0 2px 20px 0 rgba(18, 20, 21, 0.10);
    margin-right: 20px;
    width: 280px;
    text-align: center;
    cursor: default;
}

.tcy_new_index .customer_eval .customer_eval_item h4 {
    font-size: 18px;
    color: #333;
    padding-bottom: 10px;
}

.tcy_new_index .customer_eval .customer_eval_item p {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    text-align: center;
    padding-top: 5px;
    white-space: normal;
    cursor: default;
    letter-spacing: 1px;
}

.tcy_new_index .video .more_eval {
    font-size: 16px;
    letter-spacing: 3px;
    color: #7caced;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 35px;
}

.tcy_new_index .video .more_eval:hover {
    color: #6ea2ed;
}

.tcy_new_index .video .more_eval:focus {
    outline: none;
}

/**************老版视频样式，logo投放页使用***************/
.tcy_video .content {
    position: relative;
    width: 100%;
    height: 53.3em;
    margin: auto;
}

.tcy_video .content .under_block video {
    display: block;
}

.tcy_video .content .video1 {
    width: 38.33em;
    position: absolute;
    top: 64px;
    right: 50%;
    margin-right: 8.25em;
    opacity: 0;
}

.tcy_video .content .video1 .under_block {
    width: 31.67em;
    /*height: 31.42em;*/
    position: relative;
    margin-top: 2.33em;
    margin-left: 6.75em;
    background: #7fadeb;
    border-radius: 3px;
    padding-top: 18em;
}

.tcy_video .content .video1 .under_block .video_con {
    position: absolute;
    width: 36.167em;
    top: -2.25em;
    left: -7em;
    border-radius: 3px;
    overflow: hidden;
}

/*添加animate类执行动画*/
.tcy_video .content .video1.animate {
    animation: video1Fly 2s ease 0s 1 normal;
}

.tcy_video .content .video1.animate .under_block .video_con {
    animation: video1Fly-2 2s ease 0s 1 normal;
}

.tcy_video .content .video2.animate {
    animation: video2Fly 2s ease 0s 1 normal;
}

.tcy_video .content .video2.animate .under_block .video_con {
    animation: video2Fly-2 2s ease 0s 1 normal;
}

.tcy_video .content .video3.animate {
    animation: video3Fly 2s ease 0s 1 normal;
}

.tcy_video .content .video3.animate .under_block .video_con {
    animation: video3Fly-2 2s ease 0s 1 normal;
}

.tcy_video .content .video1 .under_block .video_explain {
    padding: 30px 30px 25px;
}

.tcy_video .content .video2 {
    position: absolute;
    width: 53.33em;
    height: 22.75em;
    left: 50%;
    margin-left: -6.75em;
    top: 0;
    opacity: 0;
}

.tcy_video .content .video2 .under_block {
    position: relative;
    margin-left: 0;
    margin-top: 0;
    width: 42.17em;
    height: 100%;
    background: #44e7b9;
    border-radius: 3px;
}

.tcy_video .content .video2 .under_block .video_con {
    position: absolute;
    top: 30px;
    right: -11.25em;
    width: 31.58em;
    /*height:19.67em;*/
    border-radius: 3px;
    overflow: hidden;
    /*box-shadow: 0 0 10px -3px;*/
}

.tcy_video .content .video2 .under_block .video_explain {
    position: absolute;
    width: 17.33em;
    height: 13.91em;
    left: 2.5em;
    top: 7em;
}

.tcy_video .content .video3 {
    position: absolute;
    width: 29.5em;
    /*height: 30.42em;*/
    left: 50%;
    margin-left: -6.75em;
    top: 24.29em;
    opacity: 0;
}

.tcy_video .content .video3 .under_block {
    position: relative;
    width: 100%;
    background: #ff507c;
    border-radius: 3px;
    padding-top: 17.7em;
}

.tcy_video .content .video3 .under_block .video_con {
    position: absolute;
    top: 30px;
    left: 0;
    width: 27em;
    border-radius: 3px;
    overflow: hidden;
}

.tcy_video .content .video3 .under_block .video_explain {
    padding: 30px 30px 25px;
}

.tcy_video .content>div .under_block .video_con {
    background: #2C2C2C;
}

.tcy_video .content>div .under_block .video_con img {
    width: 100%;
}

.tcy_video .content>div .under_block .video_explain h4 {
    font-size: 1.5em;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tcy_video .content>div .under_block .video_explain p {
    font-size: 1.2em;
    color: #fff;
    line-height: 1.6em;
    padding-top: 1em;
}

.tcy_video .content .video1 .under_block .video_explain p {
    height: 4.2em;
}

.tcy_video .content .video2 .under_block .video_explain p {
    height: 5.8em;
}

.tcy_video .content .video3 .under_block .video_explain p {
    height: 4.2em;
}

.tcy_video .content .btn_more {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: 8.25em;
}

/*动画效果*/
@keyframes video1Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;

    }

    0% {
        -webkit-transform: translate(-20%, 0);
        -moz-transform: translate(-20%, 0);
        -ms-transform: translate(-20%, 0);
        -o-transform: translate(-20%, 0);
        transform: translate(-20%, 0);
        opacity: 0;
    }
}

@keyframes video1Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(-20%, 0);
        -moz-transform: translate(-20%, 0);
        -ms-transform: translate(-20%, 0);
        -o-transform: translate(-20%, 0);
        transform: translate(-20%, 0);
        opacity: 1;
    }
}

@keyframes video2Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(20%, 0);
        -moz-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
        -o-transform: translate(20%, 0);
        transform: translate(20%, 0);
        opacity: 0;
    }
}

@keyframes video2Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(20%, 0);
        -moz-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
        -o-transform: translate(20%, 0);
        transform: translate(20%, 0);
        opacity: 0;
    }
}

@keyframes video3Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(0, 20%);
        -moz-transform: translate(0, 20%);
        -ms-transform: translate(0, 20%);
        -o-transform: translate(0, 20%);
        transform: translate(0, 20%);
        opacity: 0;
    }
}

@keyframes video3Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(20%, 0);
        -moz-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
        -o-transform: translate(20%, 0);
        transform: translate(20%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes video1Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(-20%, 0);
        -moz-transform: translate(-20%, 0);
        -ms-transform: translate(-20%, 0);
        -o-transform: translate(-20%, 0);
        transform: translate(-20%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes video1Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(-20%, 0);
        -moz-transform: translate(-20%, 0);
        -ms-transform: translate(-20%, 0);
        -o-transform: translate(-20%, 0);
        transform: translate(-20%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes video2Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(20%, 0);
        -moz-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
        -o-transform: translate(20%, 0);
        transform: translate(20%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes video2Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(20%, 0);
        -moz-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
        -o-transform: translate(20%, 0);
        transform: translate(20%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes video3Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(0, 20%);
        -moz-transform: translate(0, 20%);
        -ms-transform: translate(0, 20%);
        -o-transform: translate(0, 20%);
        transform: translate(0, 20%);
        opacity: 0;
    }
}

@-webkit-keyframes video3Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(20%, 0);
        -moz-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
        -o-transform: translate(20%, 0);
        transform: translate(20%, 0);
        opacity: 0;
    }
}

/*视频 响应移动端样式*/
.tcy_new_index .video_m {
    padding-top: 2em;
}

.tcy_new_index .video_m .title p {
    background: #ff507c;
}

.video_m .tcy_video_m {
    padding-bottom: 2.5em;
}

.video_m .tcy_video_m .m_video {
    width: 100%;
    height: 22.25em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 2.5em;
    border-radius: 3px;
}

.video_m .tcy_video_m video {
    display: block;
}

.video_m .container {
    padding-left: 0;
    padding-right: 0;
}

.video_m .tcy_video_m .m_video1 {
    background: #7FADEB;
}

.video_m .tcy_video_m .m_video2 {
    background: #44E7B9;
}

.video_m .tcy_video_m .m_video3 {
    background: #FF507C;
}

.video_m .tcy_video_m .m_video .video_con {
    width: 90%;
    /*height: 17.1em;*/
    position: absolute;
    top: -1.25em;
    left: 5%;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 10px -3px;
}

.video_m .tcy_video_m .m_video .video_con .video_rela {
    position: relative;
}

.video_m .tcy_video_m .m_video .video_con .video_img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
}

.video_m .tcy_video_m .m_video .video_con .video_btn {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    z-index: 3;
    cursor: pointer;
    outline: none;
    border: 0;
    background: url("../../images/bootstrap/new_website_1/video_play.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 100%;
    -webkit-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.video_m .tcy_video_m .m_video .video_con .video_btn:hover {
    -webkit-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    /*transform: scale(1.2);*/
}

.video_m .tcy_video_m .m_video .video_con img {
    width: 100%;
    height: 100%;
    display: block;
}

.video_m .tcy_video_m .m_video .video_explain {
    position: absolute;
    bottom: 15px;
    width: 90%;
    left: 5%;
}

.video_m .tcy_video_m .m_video .video_explain h4 {
    font-size: 1.35em;
    color: #fff;
    line-height: 1.5em;
}

.video_m .tcy_video_m .m_video .video_explain p {
    font-size: 1.1em;
    color: #fff;
    height: 3em;
}

.video_m .tcy_video_m .video_m_feedback {
    display: block;
    width: 100%;
    margin-top: 1.5em;
    text-align: center;
    letter-spacing: 3px;
}

/*添加animate类执行动画*/
.video_m .tcy_video_m .m_video1.animate {
    animation: m_video1Fly 2s ease 0s 1 normal;
}

.video_m .tcy_video_m .m_video1.animate .video_con {
    animation: m_video1Fly-2 2s ease 0s 1 normal;
}

.video_m .tcy_video_m .m_video2.animate {
    animation: m_video2Fly 2s ease 0s 1 normal;
}

.video_m .tcy_video_m .m_video2.animate .video_con {
    animation: m_video2Fly-2 2s ease 0s 1 normal;
}

.video_m .tcy_video_m .m_video3.animate {
    animation: m_video3Fly 2s ease 0s 1 normal;
}

.video_m .tcy_video_m .m_video3.animate .video_con {
    animation: m_video3Fly-2 2s ease 0s 1 normal;
}

/*老版视频移动版-动画效果*/
@keyframes m_video1Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;

    }

    0% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        -o-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0;
    }
}

@keyframes m_video1Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        -o-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 1;
    }
}

@keyframes m_video2Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        -o-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0;
    }
}

@keyframes m_video2Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        -o-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0;
    }
}

@keyframes m_video3Fly {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        -o-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0;
    }
}

@keyframes m_video3Fly-2 {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    0% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        -o-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0;
    }
}


/***************** 设计师团队 *************************/
.designers_team {
    padding: 77px 0 80px;
}

.designers_team .row {
    margin: 0;
}

.designers_team .container {
    font-size: 0;
}

.designers_team .team_con {
    /*overflow: hidden;*/
}

.designers_team .team_con .box {
    display: inline-block;
    width: 10%;
    vertical-align: top;
}

.designers_team .team_con .box_con {
    cursor: pointer;
    opacity: 0;
    margin: 0 auto;
}

.designers_team .box .con {
    display: block;
    position: relative;
}

.designers_team .team_con .box .mt120 {
    margin-top: 120px;
}

.designers_team .team_con .box .mt100 {
    margin-top: 100px;
}

.designers_team .team_con .box .mt110 {
    margin-top: 110px;
}

.designers_team .box .mt60 {
    margin-top: 60px;
}

.designers_team .box .mt40 {
    margin-top: 40px;
}

.designers_team .box .mt30 {
    margin-top: 30px;
}

.designers_team .box .mt25 {
    margin-top: 25px;
}

.designers_team .box .mt20 {
    margin-top: 20px;
}

.designers_team .box .mt15 {
    margin-top: 15px;
}

.designers_team .box .mt10 {
    margin-top: 10px;
}

.designers_team .box .mt5 {
    margin-top: 5px;
}

.designers_team .box .mb10 {
    margin-bottom: 10px;
}

.designers_team .box .img_100 {
    width: 100%;
}

.designers_team .box .img_90 {
    width: 90%;
}

.designers_team .box .img_80 {
    width: 80%;
}

.designers_team .box .img_70 {
    width: 70%;
}

.designers_team .box .img_60 {
    width: 60%;
}

.designers_team .box img {
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.designers_team .m_team_con .box img {
    opacity: 0;
}

.designers_team .team_con .box .box_con.des_animate {
    animation: DesignerFadeIn 1.5s both;
    -webkit-animation: DesignerFadeIn 1.5s both, Floating 2.5s 2s infinite alternate;
    /*animation: DesignerFadeIn 1.5s both, Floating 2.5s 2s infinite alternate ;*/
}

.designers_team .m_team_con img.m_des_animate {
    -webkit-animation: DesignerFadeIn 1.5s both;
    animation: DesignerFadeIn 1.5s both;
}

.designers_team .team_con .box .des_animate.img_delay_1,
.designers_team .m_team_con .m_des_animate.img_delay_1 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.designers_team .team_con .box .des_animate.img_delay_2,
.designers_team .m_team_con .m_des_animate.img_delay_2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.designers_team .team_con .box .des_animate.img_delay_6,
.designers_team .m_team_con .m_des_animate.img_delay_6 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.designers_team .team_con .box .des_animate.img_delay_3,
.designers_team .m_team_con .m_des_animate.img_delay_3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.designers_team .team_con .box .des_animate.img_delay_4,
.designers_team .m_team_con .m_des_animate.img_delay_4 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.designers_team .team_con .box .des_animate.img_delay_5,
.designers_team .m_team_con .m_des_animate.img_delay_5 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

@-webkit-keyframes Floating {
    from {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    to {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

/*@keyframes Floating{*/
/*from{*/
/*-webkit-transform:translateY(-3px);*/
/*transform:translateY(-3px)*/
/*}*/
/*to{*/
/*-webkit-transform:translateY(3px);*/
/*transform:translateY(3px)*/
/*}*/
/*}*/
@-webkit-keyframes DesignerFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes DesignerFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/*合作伙伴展示动画*/
@-webkit-keyframes companionAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 30%);
        -moz-transform: translate(0, 30%);
        -o-transform: translate(0, 30%);
        -ms-transform: translate(0, 30%);
        transform: translate(0, 30%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes companionAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 30%);
        -moz-transform: translate(0, 30%);
        -o-transform: translate(0, 30%);
        -ms-transform: translate(0, 30%);
        transform: translate(0, 30%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.designers_team .team_con .box .box_con .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    border-radius: 100%;
    opacity: 0;
    color: #333;
    font-size: 16px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.designers_team .team_con .box .box_con .info p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.designers_team .team_con .box .box_con:hover {
    position: relative;
    z-index: 888;
}

.designers_team .team_con .box .box_con:hover .info {
    opacity: 1;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.designers_team .team_con .box .box_con .tips {
    max-width: 200px;
    position: absolute;
    left: 60%;
    bottom: 110%;
    /*height: 30px;*/
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    display: inline;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.designers_team .team_con .box .box_con .tips_right {
    left: auto;
    right: 60%;
}

.designers_team .team_con .box .box_con:hover .tips {
    opacity: 1;
    visibility: visible;
}

.designers_team .team_con .box .box_con .tips .arrow {
    display: block;
    position: absolute;
    left: 10px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid #44e7b9;
    border-top: 5px solid #44e7b9;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.designers_team .team_con .box .box_con .tips_right .arrow {
    left: auto;
    right: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid #44e7b9;
}

.designers_team .team_con .box .box_con .tips span {
    display: inline-block;
    background: #44e7b9;
    padding: 3px 10px;
    border-radius: 3px;
    width: 200px;
    /*white-space: nowrap;*/
}

.designers_team .team_btn {
    margin-top: 40px;
    opacity: 0;
    font-size: 14px;
}

.designers_team .team_btn_con {
    padding-left: 1.428em;
}

.designers_team .team_btn_con a {
    color: #333;
}

.designers_team .team_btn.team_btn_fade {
    -webkit-animation: DesignerFadeIn 1.5s 2s both;
    animation: DesignerFadeIn 1.5s 2s both;
}

.designers_team .team_btn p {
    letter-spacing: 3px;
    padding: 25px 0 0 39px;
    cursor: pointer;
}

.designers_team .team_btn p a {
    text-decoration: none;
    color: #7cacee;
}

.designers_team .m_team_con {
    padding: 0 15px;
    font-size: 0;
}

.designers_team .m_team_con .box {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.designers_team .m_team_con .ml15 {
    margin-left: 15%;
}

.designers_team .m_team_con .ml5 {
    margin-left: 5%;
}

.designers_team .m_team_con .ml_40 {
    margin-left: -40%;
}

.designers_team .m_team_con .ml_20 {
    margin-left: -20%;
}

.designers_team .m_team_con .ml_15 {
    margin-left: -15%;
}

.designers_team .m_team_con .ml_13 {
    margin-left: -13%;
}

/*设计师弹出层*/
.designers_team_con .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -240px 0 0 -280px;
    width: 560px;
    border-radius: 3px;
    text-align: center;
    box-shadow: none;
    background: #fff;
}

.designers_team_con .img_wrap {
    width: 100%;
    position: absolute;
    top: -44px;
}

.designers_team_con .img_wrap .con {
    position: relative;
}

.designers_team_con .img_wrap .con .img_portrait {
    width: 88px;
    height: 88px;
    border-radius: 100%;
    border: 6px solid #fff;
}

.designers_team_con .img_wrap .con .img_vip {
    position: absolute;
    bottom: 7px;
    left: 50%;
    margin-left: 18px;
}

.designers_team_con .img_wrap .con .vslider_wrap {
    position: absolute;
    left: 55%;
    bottom: 93%;
}

.designers_team_con .img_wrap .con .vslider_wrap .v_c {
    position: relative;
    background: #44e7b9;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius: 3px;
}

.designers_team_con .img_wrap .con .vslider_wrap .v_c .fslider {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.designers_team_con .img_wrap .con .vslider_wrap .v_c .arrow {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 10px;
    bottom: -10px;
    border-left: 7px solid #44e7b9;
    border-top: 7px solid #44e7b9;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.designers_team_con h3 {
    margin-top: 44px;
    padding: 20px 0 0;
    letter-spacing: 3px;
    color: #4c4c4c;
    font-size: 24px;
}

.designers_team_con h3 strong {
    font-weight: normal;
}

.designers_team_con h3 span {
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.designers_team_con h3 span img {
    width: 100%;
    max-width: 100%;
    float: left;
    margin-top: -3px;
}

.designers_team_con .tag,
.designers_team_con .icon {
    padding-top: 17px;
}

.designers_team_con .tag span {
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    margin: 3px 3px 0;
    background: #f2f6fa;
    color: #666666;
    font-size: 14px;
}

.designers_team_con .tips {
    padding: 20px 0 0;
    font-size: 14px;
    color: #666;
}

.designers_team_con .details_img_wrap {
    padding: 25px 30px 30px;
    overflow: hidden;
}

.designers_team_con .details_img_wrap .img_l {
    overflow: hidden;
    width: 335px;
    height: 210px;
    float: left;
    border-radius: 3px;
}

.designers_team_con .details_img_wrap .img_r {
    float: left;
    width: 160px;
    padding-left: 10px;
}

.designers_team_con .details_img_wrap .img_r>div {
    width: 100%;
    height: 100px;
    overflow: hidden;
    border-radius: 3px;
}

.designers_team_con .details_img_wrap .img_r>div:nth-child(2) {
    margin-top: 10px;
}

.designers_team_con .icon span {
    padding: 3px 17px 3px 28px;
    font-size: 14px;
    color: #666;
    background: url("../../images/bootstrap/new_website_1/designers_layer_icon1.png") no-repeat left center;
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
}

.designers_team_con .icon span:nth-child(2) {
    background: url("../../images/bootstrap/new_website_1/designers_layer_icon2.png") no-repeat left center;
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
}

.designers_team_con .icon span:nth-child(3) {
    background: url("../../images/bootstrap/new_website_1/designers_layer_icon3.png") no-repeat left center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

.designers_team_con .icon span:nth-child(4) {
    background: url("../../images/bootstrap/new_website_1/designers_layer_icon4.png") no-repeat left center;
    -webkit-background-size: 21px 22px;
    background-size: 21px 22px;
    padding-right: 14px;
}

.designers_team_con .icon span.care {
    cursor: pointer;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.png") no-repeat left center;
    -webkit-background-size: 18px 17px;
    background-size: 18px 17px;
    letter-spacing: 3px;
    padding-right: 0;
}

.designers_team_con .icon.active span.care {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat left center;
    -webkit-background-size: 18px 17px;
    background-size: 18px 17px;
}

.designers_team_con .icon strong {
    border-left: 1px solid #e2e5e4;
    padding-right: 14px;
}

/***********媒体报道 --"特创易正在发生"*******/
.tcy_new_index .tcy_happening {
    padding: 80px 0 77px;
    background: #F3F9FF;
}

.tcy_new_index .tcy_happening .row {
    margin: 0;
}

.tcy_happening .heading {
    position: relative;
    width: 355px;
    height: 130px;
    margin: auto;
}

.tcy_happening .heading p {
    font-size: 32px;
    color: #4c4c4c;
    letter-spacing: 8px;
    line-height: 60px;
}

.tcy_happening .heading span {
    font-size: 16px;
    color: #666666;
    display: block;
    letter-spacing: 3px;
    line-height: 40px;
}

.tcy_happening .heading:after {
    display: block;
    content: "";
    position: absolute;
    width: 36px;
    height: 5px;
    left: 0;
    bottom: 0;
    background: #44E7B9;
}

.tcy_happening .content>div .img {
    border-radius: 3px;
    margin: auto;
    position: relative;
}

.tcy_happening .content>div .img .img_con {
    overflow: hidden;
    border-radius: 3px 3px 0 0;
}

.tcy_happening .content>div p {
    padding: 32px 7% 0 7%;
    display: block;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.5em;
    color: #4c4c4c;
    margin: auto;
    background: #ffffff;
    text-align: center;
}

.tcy_happening .content>div p a {
    color: #4c4c4c;
    text-decoration: none;
}

.tcy_happening .content>div p a:hover {
    color: #111;
}

.tcy_happening .content>div span {
    display: block;
    text-align: center;
    line-height: 26px;
    margin: auto;
    font-size: 1.2em;
    color: #666666;
    padding: 6px 7% 25px 7%;
    background: #ffffff;
    height: 83px;
    border-radius: 0 0 3px 3px;
}

.tcy_happening .content>div span a {
    color: #666666;
    text-decoration: none;
}

.tcy_happening .content>div .img i {
    position: absolute;
    left: 50%;
    margin-left: -42px;
    bottom: -15px;
    font-style: normal;
    color: #fff;
    font-size: 14px;
    width: 84px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
}

.tcy_happening .content>div .img i.blue {
    background: #7caced;
}

.tcy_happening .content>div .img i.red {
    background: #ff507c;
}

.tcy_happening .content>div .img i.green {
    background: #44e7b9;
}

.tcy_happening .thumb_event {
    padding-top: 5.5em;
}

.tcy_happening .thumb_event .row>div {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tcy_happening .thumb_event .row>div img {
    width: 100%;
    cursor: pointer;
}

.tcy_happening .thumb_event .row>div p {
    z-index: 100;
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 15px;
    line-height: 2em;
    top: -2em;
    right: 15px;
    width: calc(100% - 15px);
    height: 9.42em;
    padding: 1.25em;
    background: #fff;
    font-size: 1.17em;
    overflow: hidden;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.04);
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}

.tcy_happening .thumb_event .row>div p a {
    text-decoration: none;
    color: #666666;
}

.tcy_happening .thumb_event .row>div img:hover+p {
    opacity: 1;
    visibility: visible;
}

.tcy_happening .thumb_event .row>div p:hover {
    opacity: 1;
    visibility: visible;
}

/********特创易荣誉********/
.tcy_honor {
    background: #F3F9FF;
    padding-top: 80px;
    padding-bottom: 80px;
}

.tcy_honor .content .honor_box {
    opacity: 0;
}

.tcy_honor .content .honor_box.animate {
    opacity: 1;
    -webkit-animation: honor_animate 0.8s ease 0s normal;
    animation: honor_animate 0.8s ease 0s normal;
}

.tcy_honor .content .honor_box.honor_two img {
    margin-left: 30px;
}

.tcy_honor .content .honor_box img {
    display: block;
    max-width: 100%;
}

.tcy_honor .content .honor_box p {
    width: 310px;
    height: 80px;
    padding: 15px 20px;
    background: rgba(74, 144, 226, .6);
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 2px;
    line-height: 25px;
    margin: -40px auto 0;
    position: relative;
    z-index: 2;
    max-width: 100%;
}

@keyframes honor_animate {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(0, 30%);
        -moz-transform: translate(0, 30%);
        -o-transform: translate(0, 30%);
        -ms-transform: translate(0, 30%);
        transform: translate(0, 30%);
        opacity: 0;
    }
}

@-webkit-keyframes honor_animate {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(0, 30%);
        -moz-transform: translate(0, 30%);
        -o-transform: translate(0, 30%);
        -ms-transform: translate(0, 30%);
        transform: translate(0, 30%);
        opacity: 0;
    }
}

/*****创新合作伙伴*****/
.innovate_partner {
    margin-top: 35px;
    padding-left: 30px;
}

.innovate_partner img {
    display: block;
    width: 150px;
}

.innovate_partner p {
    font-size: 16px;
    color: #666666;
    letter-spacing: 1px;
    line-height: 28px;
    padding-top: 21px;
}

/********他们已和特创易成功合作********/
.tcy_companion {
    background: #FFFFFF;
    padding-top: 80px;
    padding-bottom: 50px;
}

.tcy_companion .img_wrap {
    opacity: 0;
}

.tcy_companion .img_wrap img {
    display: block;
    width: 140px;
    max-width: 100%;
    margin: 0 auto 15px;
}

.tcy_companion .content .img_wrap.animate {
    opacity: 1;
    -webkit-animation: companionAnimate 0.8s;
    animation: companionAnimate 0.8s;
}

/******合作媒体*******/
.tcy_new_index .work_media {
    background: #F3F9FF;
    padding: 80px 0 0;
}

.tcy_new_index .work_media .row {
    margin: 0;
}

.work_media .thumb_event {
    padding-top: 0;
    padding-bottom: 70px;
}

.work_media .thumb_event .row>div {
    position: relative;
    margin-top: 20px;
}

.work_media .thumb_event .row>div img {
    width: 100%;
    cursor: pointer;
}

.work_media .thumb_event .row>div p {
    z-index: 100;
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    top: 0;
    line-height: 22px;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    overflow: hidden;
    box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.03);
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}

.work_media .thumb_event .row>div p a {
    text-decoration: none;
    color: #666666;
    height: 100%;
    display: block;
}

.work_media .thumb_event .row>div img:hover+p {
    opacity: 1;
    visibility: visible;
}

.work_media .thumb_event .row>div p:hover {
    opacity: 1;
    visibility: visible;
}


/********开始设计+咨询+获取建议**********/
.design_start .container {
    padding: 80px;
}

.design_start .container .row .d_con {
    padding: 0 40px;
    text-align: center;
}

.design_start .container .row .d_con img {
    margin: 0 auto;
    width: 142px;
}

.design_start .container .row .d_con .d_c_1 {
    height: 65px;
    line-height: 65px;
    color: #136CFB;
    font-size: 28px;
    display: block;
    text-align: center;
}

.design_start .container .row .advice .d_c_1 {
    font-size: 16px;
    color: #666666;
    letter-spacing: 3px;
}

.design_start .container .row .d_con .d_c_2 {
    height: 80px;
    font-size: 20px;
    color: #333333;
    letter-spacing: 3px;
    text-align: center;
}

.design_start .container .row .d_con a {
    display: block;
    height: 50px;
    line-height: 44px;
}

.design_start .container .row .d_con.phone .d_c_2 p {
    color: #666;
    font-size: 14px;
    letter-spacing: 0;
    padding-top: 8px;
}

.design_start .container .row .d_con.phone .d_c_2 p:nth-child(2) {
    color: #000;
}

.design_start .container .row .phone .form-group {
    margin: auto;
}

.design_start .container .row .phone .form-group input[type="text"] {
    border: 3px solid #EBEBEB;
    border-radius: 3px;
    float: left;
    width: 65%;
    height: 50px;
    font-size: 16px;
    color: #999999;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.design_start .container .row .phone .form-group input[type="text"]:focus {
    border: 3px solid #7FADEB;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.design_start .container .row .phone .form-group input[type="submit"] {
    width: 35%;
    height: 50px;
    float: left;
    margin-left: -3px;
    border-radius: 0 3px 3px 0;
    background: #136CFB;
    outline: none;
    color: #ffffff;
    border: none;
    font-size: 17px;
    letter-spacing: 3px;
    text-align: center;
}

.design_start .dynamic_info {
    text-align: center;
    padding-top: 50px;
    font-size: 14px;
}

.design_start .dynamic_info .vslider {
    height: 20px;
    overflow: hidden;
}

.design_start .dynamic_info .vslider .slides li span {
    padding: 0 7px;
    color: #999999 !important;
}

.design_start .dynamic_info .vslider .slides li span b {
    font-weight: normal;
}

.design_start .start,
.design_start .phone,
.design_start .advice {
    opacity: 0;
}

.design_start .start.animate {
    opacity: 1;
    -webkit-animation: start_animate 2.3s ease 0s 1 normal;
    -moz-animation: start_animate 2.3s ease 0s 1 normal;
    animation: start_animate 2.3s ease 0s 1 normal;
}

.design_start .phone.animate {
    opacity: 1;
    -webkit-animation: phone_animate 2s ease 0s 1 normal;
    -moz-animation: phone_animate 2s ease 0s 1 normal;
    animation: phone_animate 2s ease 0s 1 normal;
}

.design_start .advice.animate {
    opacity: 1;
    -webkit-animation: advice_animate 2.3s ease 0s 1 normal;
    -moz-animation: advice_animate 2.3s ease 0s 1 normal;
    animation: advice_animate 2.3s ease 0s 1 normal;
}

@keyframes start_animate {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(-70%, 0);
        -moz-transform: translate(-70%, 0);
        -o-transform: translate(-70%, 0);
        -ms-transform: translate(-70%, 0);
        transform: translate(-70%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes start_animate {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(-70%, 0);
        -moz-transform: translate(-70%, 0);
        -o-transform: translate(-70%, 0);
        -ms-transform: translate(-70%, 0);
        transform: translate(-70%, 0);
        opacity: 0;
    }
}

@keyframes phone_animate {
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        opacity: 0;
    }
}

@-webkit-keyframes phone_animate {
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        opacity: 0;
    }
}

@keyframes advice_animate {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(70%, 0);
        -moz-transform: translate(70%, 0);
        -o-transform: translate(70%, 0);
        -ms-transform: translate(70%, 0);
        transform: translate(70%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes advice_animate {
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    0% {
        -webkit-transform: translate(70%, 0);
        -moz-transform: translate(70%, 0);
        -o-transform: translate(70%, 0);
        -ms-transform: translate(70%, 0);
        transform: translate(70%, 0);
        opacity: 0;
    }
}


/***合作伙伴***/
.t_index_partner {
    background: #F3F2F0;
    padding-top: 50px;
    padding-bottom: 15px;
}

.t_index_partner .partner {
    margin-bottom: 15px;
}

.t_index_partner .partner img {
    width: 100%;
}

/**********友情链接***********/
.friend_link {
    width: 100%;
    margin: 0 auto;
    background: #F3F2F0;
}

.friend_link .container {
    box-sizing: border-box;
    padding-bottom: 15px;
    border-bottom: 1px solid #DAD9D8;
    overflow: hidden;
    word-wrap: break-word;
    background: #F3F2F0;
    line-height: 20px;
}

.friend_link .tit {
    font-size: 14px;
    color: #999999;
    padding-left: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.friend_link .tit span {
    display: inline-block;
    font-size: 14px;
    color: #999999;
}

.friend_link a {
    display: inline-block;
    font-size: 12px;
    color: #999999;
    padding: 4px 5px;
    text-decoration: none;
}

.friend_link a:hover {
    color: #7FADEB;
}

/**********首页公共底部*********/
.web_footer_pc {
    width: 100%;
    box-sizing: content-box;
    background: #F3F2F0;
    margin: 0 auto;
}

.web_footer_pc .footer_con_top {
    background: #F3F2F0;
    border-bottom: 1px solid #DAD9D8;
    padding-top: 40px;
    padding-bottom: 35px;
}

.web_footer_pc .brand {
    width: 20%;
    float: left;
    padding: 0;
}

.web_footer_pc dl {
    width: 20%;
    float: left;
    color: #4c4c4c;
}

.web_footer_pc dt {
    font-size: 20px;
    font-weight: normal;
}

.web_footer_pc dd {
    padding-top: 15px;
}

.web_footer_pc dd a {
    font-size: 14px;
    display: block;
    color: #4c4c4c;
    text-decoration: none;
    line-height: 30px;
}

.web_footer_pc .contact {
    width: 20%;
    float: left;
}

.web_footer_pc .contact p {
    font-size: 20px;
    color: #000000;
    margin-bottom: 15px;
}

.web_footer_pc .contact p span {
    color: #7fadeb;
}

.web_footer_pc .contact img {
    width: 160px;
}

.web_footer_pc .footer_con_bottom {
    background: #F3F2F0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.web_footer_pc .footer_con_bottom p {
    font-size: 14px;
    color: #999999;
    padding-top: 8px;
}

.web_footer_pc .footer_con_bottom a {
    display: block;
    padding-right: 30px;
}

/*首页公共底部移动版*/
.web_footer_m {
    background: #f3f2f0;
    font-size: 12px;
    margin-bottom: 40px;
}

.web_footer_m .container dl {
    margin-top: 25px;

}

.web_footer_m .container dt {
    color: #4c4c4c;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 45px;
}

.web_footer_m .container dd {
    font-size: 16px;
}

.web_footer_m .container dd a {
    color: #4c4c4c;
    text-decoration: none;
    display: block;
    line-height: 45px;
}

.web_footer_m .contact p {
    font-size: 20px;
    color: #000000;
}

.web_footer_m .contact p span {
    font-size: 20px;
    color: #7fadeb;
}

.web_footer_m .contact img {
    width: 300px;
    margin-top: 20px;
}

.web_footer_m .footer_con_bottom {
    border-top: 1px solid #DAD9D8;
    padding: 25px 0;
    margin-top: 40px;
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.web_footer_m .footer_con_bottom p {
    width: 88%;
    float: left;
    text-align: left;
    font-size: 14px;
    color: #868584;
    line-height: 25px;
}

.web_footer_m .footer_con_bottom a {
    display: block;
    float: right;
    text-align: right;
    width: 40px;
    height: 40px;
    margin-top: 10px;
}

/****新版-首页移动端底部***/
.tcy_footer_m {
    background: #F3F2F0;
    margin-bottom: 45px;
}

.tcy_footer_m .nav_box {
    letter-spacing: 1px;
    font-size: 14px;
    padding: 18px 0;
}

.tcy_footer_m .nav_box .left {
    float: left;
    width: 70%;
}

.tcy_footer_m .nav_box h6 {
    color: #333;
    font-size: 14px;
    margin-bottom: 18px;
}

.tcy_footer_m .nav_box h6 a {
    display: inline-block;
    color: #7CACEE;
}

.tcy_footer_m .nav_box ul li {
    display: block;
    margin-bottom: 18px;
}

.tcy_footer_m .nav_box ul li a,
.tcy_footer_m .nav_box ul li a:active,
.tcy_footer_m .nav_box ul li a:visited,
.tcy_footer_m .nav_box ul li a:hover {
    color: #999;
    text-decoration: none;
}

.tcy_footer_m .nav_box .right {
    float: left;
    width: 30%;
}

.tcy_footer_m .nav_box .right div img {
    display: block;
    width: 80px;
    height: auto;
    margin-bottom: 7px;
}

.tcy_footer_m .nav_box .right div p {
    color: #999999;
    font-size: 12px;
}

.tcy_footer_m .right_box {
    border-top: 1px solid #DBE7F6;
    padding: 20px 0;
}

.tcy_footer_m .right_box .left {
    color: #999;
    font-size: 12px;
    width: 80%;
    float: left;
}

.tcy_footer_m .right_box .left p a {
    color: #999;
}

.tcy_footer_m .right_box .right {
    float: left;
    width: 20%;
}

.tcy_footer_m .right_box .right img {
    display: block;
    width: 30px;
    height: auto;
    float: right;
}

/************************  -- 新单品页 -- ******************************/
/*副导航条*/
.sing_fade_out_up {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    visibility: hidden;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
    }
}

.sing_fade_in_down {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        visibility: visible;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }
}

.tcy_single_pro .t_common_title .title h4 {
    line-height: 37px;
}

.tcy_single_pro .t_common_title .title h2 {
    line-height: 37px;
    font-size: 32px;
}

.tcy_single_pro .single_nav {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.tcy_single_pro .single_nav .container {
    padding: 0;
    position: relative;
}

.tcy_single_pro .single_nav .logo_design {
    float: left;
    color: #333333;
    letter-spacing: 3px;
    margin-right: 100px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.tcy_single_pro .single_nav .s_nav {
    height: 40px;
    position: relative;
    float: left;
}

.tcy_single_pro .single_nav .s_nav .line {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 14.28%;
    height: 3px;
    padding: 0 6px;
}

.tcy_single_pro .single_nav .s_nav .line .con {
    width: 100%;
    height: 100%;
    background: #999;
}

.tcy_single_pro .single_nav .s_nav li {
    float: left;
}

.tcy_single_pro .single_nav .s_nav li a {
    padding: 0 20px;
    display: block;
    color: #666666;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.tcy_single_pro .single_nav .s_nav li a:hover {
    color: #000;
}

.tcy_single_pro .single_nav .start_design {
    position: absolute;
    right: 0;
    top: 0;
}

.tcy_single_pro .single_nav .start_design .btn_blue {
    float: right;
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
}

/*投放页-banner内 输入框加提交*/
.t_s_pro_banner_btn {
    overflow: hidden;
    margin-top: 32px;
}

.t_s_pro_banner_btn input {
    border: 3px solid #7fadeb;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    color: #7fadeb;
    height: 50px;
    background: #fff;
    padding: 0 15px;
    letter-spacing: 1px;
    float: left;
    vertical-align: middle;
    font-size: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 250px;
}

.t_s_pro_banner_btn input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.t_s_pro_banner_btn span {
    display: block;
    background: #136CFB;
    border-radius: 0 3px 3px 0;
    height: 50px;
    float: left;
    color: #fff;
    padding: 0 40px;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 50px;
    cursor: pointer;
}

.in_mascot.t_s_pro_banner_btn input {
    width: 255px;
}

.in_mascot.t_s_pro_banner_btn span {
    padding: 0 30px;
}

/*案例*/
.tcy_single_pro .case {
    background: #e9f2f9;
    padding: 74px 0 60px;
}

.tcy_single_pro .case .row {
    margin: 0;
}

.tcy_single_pro .case .examples {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.tcy_single_pro .case .case_list .examples .card_list {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    bottom: -17px;
    margin-top: -17px;
    font-size: 0;
}

/*服务特色*/
.tcy_single_pro .service_feature {
    background: #fff;
    padding: 74px 0 0;
}

.tcy_single_pro .service_feature .row {
    margin: 0;
}

.tcy_single_pro .service_feature .s_con>.row {
    padding-bottom: 80px;
    border-bottom: 1px solid #e3ecf5;
}

.tcy_single_pro .service_feature .s_con .box {
    border: 5px solid #e3ecf5;
    border-radius: 3px;
    padding: 26px 26px;
    height: 225px;
}

.tcy_single_pro .service_feature .s_con .box h4 {
    font-size: 20px;
    margin-bottom: 25px;
}

.tcy_single_pro .service_feature .s_con .box p {
    letter-spacing: 2px;
    line-height: 30px;
    font-size: 14px;
    padding: 14px 0;
    /*height: 140px;*/
    max-height: 120px;
}

.tcy_single_pro .service_feature .s_con .box1 h4 {
    color: #136CFB;
}

.tcy_single_pro .service_feature .s_con .box2 h4 {
    color: #136CFB;
}

.tcy_single_pro .service_feature .s_con .box3 h4 {
    color: #136CFB;
}

/*他们眼中的特创易*/
.tcy_single_pro .others_eyes {
    background: #fff;
    padding: 74px 0 70px;
}

.tcy_single_pro .others_eyes .row {
    margin: 0;
}

.tcy_single_pro .eys_con {
    position: relative;
}

.tcy_single_pro .eys_con .box {
    padding: 15px 15px 15px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    width: 95%;
    background: #fff;
    border-radius: 3px;
    margin: 3px 3px 20px 8px;
}

.tcy_single_pro .eys_con .slides li {
    z-index: 100;
}

.tcy_single_pro .eys_con .slides li.fade_in .box,
.tcy_single_pro .eys_con .slides li.fade_out .box,
.tcy_single_pro .eys_con .slides li.fade_in_06 .box,
.tcy_single_pro .eys_con .slides li.fade_out_06 .box {
    background: #fff;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.tcy_single_pro .eys_con .slides li.fade_in .box {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.tcy_single_pro .eys_con .slides li.fade_in_06 .box {
    -webkit-animation-name: fadeIn06;
    animation-name: fadeIn06;
}

.tcy_single_pro .eys_con .slides li.fade_out .box {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.tcy_single_pro .eys_con .slides li.fade_out_06 .box {
    -webkit-animation-name: fadeOut06;
    animation-name: fadeOut06;
}

.tcy_single_pro .eys_con .slides li.fade_in .box1,
.tcy_single_pro .eys_con .slides li.fade_in_06 .box1,
.tcy_single_pro .eys_con .slides li.fade_out_06 .box1 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.tcy_single_pro .eys_con .slides li.fade_in .box2,
.tcy_single_pro .eys_con .slides li.fade_in_06 .box2,
.tcy_single_pro .eys_con .slides li.fade_out_06 .box2 {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.tcy_single_pro .eys_con .slides li.fade_in .box3,
.tcy_single_pro .eys_con .slides li.fade_in_06 .box3,
.tcy_single_pro .eys_con .slides li.fade_out_06 .box3 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes fadeOut06 {
    0% {}

    100% {
        opacity: 0.4;
    }
}

@keyframes fadeOut06 {
    0% {}

    100% {
        opacity: 0.4;
    }
}

@-webkit-keyframes fadeIn06 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.4;
    }
}

@keyframes fadeIn06 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.4;
    }
}

@-webkit-keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.tcy_single_pro .eys_con .box:nth-child(2) {
    margin-left: 120px;
}

.tcy_single_pro .eys_con .box:nth-child(3) {
    margin-left: 240px;
}

.tcy_single_pro .eys_con .box .left {
    text-align: center;
    width: 100px;
    float: left;
    margin-top: 5px;
}

.tcy_single_pro .eys_con .box .left img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.tcy_single_pro .eys_con .box .left h5 {
    font-size: 20px;
    color: #333333;
    margin: 15px 0 7px 0;
}

.tcy_single_pro .eys_con .box .left p {
    font-size: 16px;
    color: #666666;
}

.tcy_single_pro .eys_con .box .right {
    margin: 10px 0 0 130px;
    border-left: 1px solid #ededed;
    padding-left: 20px;
}

.tcy_single_pro .eys_con .box .right .top1 {
    color: #666666;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 24px;
    height: 80px;
    padding-top: 5px;
}

.tcy_single_pro .eys_con .box .right .top2 {
    margin-top: 15px;
}

.tcy_single_pro .eys_con .box .right .top2 span {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    background: url("../../images/bootstrap/new_website_1/single_pro/tcy_new_star_yellow.png") no-repeat center center;
    background-size: 100% 100%;
}

.tcy_single_pro .eys_con .box .right .top2 strong {
    width: 17px;
    height: 15px;
    display: inline-block;
    background: url("../../images/bootstrap/new_website_1/single_pro/tcy_new_star_gray.png") no-repeat center center;
    background-size: 100% 100%;
}

.tcy_single_pro .eys_con .box .right .top2 em {
    float: right;
    font-style: normal;
    font-size: 14px;
    color: #999999;
}

.tcy_single_pro .eys_con .flex-viewport {
    padding-left: 8%;
}

.tcy_single_pro .eys_con .flex-control-nav {
    padding: 0;
    text-align: center;
    margin-top: 10px;
    position: absolute;
    left: 50%;
}

.tcy_single_pro .eys_con .flex-control-nav li {
    display: inline-block;
    padding-right: 10px;
}

.tcy_single_pro .eys_con .flex-control-nav li a {
    width: 12px;
    height: 12px;
    border: 3px solid #b3b3b3;
    display: block;
    border-radius: 100%;
    color: transparent;
    background: transparent;
    cursor: pointer;
}

.tcy_single_pro .eys_con .flex-control-nav li a.flex-active {
    transform: scale(1.2);
    border: 3px solid #ff507c;
}

.tcy_single_pro .eys_con .cite {
    width: 100px;
    height: 100px;
    background: url("../../images/bootstrap/new_website_1/single_pro/cite.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    left: 7.5%;
    bottom: 22px;
    z-index: 6;
}

/**/
/*logo+商标*/
.single_logo_brand {
    padding-top: 74px;
    padding-bottom: 80px;
}

.single_logo_brand .box1 {
    overflow: hidden;
    padding: 0 60px;
    margin-bottom: 50px;
}

.single_logo_brand .box1 .con {
    overflow: hidden;
    font-size: 14px;
    color: #999;
    float: left;
    margin: 0 1%;
    width: 48%;
}

.single_logo_brand .box1 .c {
    border: 2px solid #e3ecf5;
    border-radius: 3px;
    padding: 30px 15px 30px 15px;
    overflow: hidden;
}

.single_logo_brand .box1 .con .red {
    color: #ff507c;
}

.single_logo_brand .box1 .con p {
    padding-top: 10px;
    line-height: 24px;
}

.single_logo_brand .box1 .con .left {
    padding-right: 2%;
    width: 30%;
    float: left;
}

.single_logo_brand .box1 .con .left h5 {
    font-size: 30px;
    color: #333333;
    font-weight: normal;
}

.single_logo_brand .box1 .con .right {
    width: 70%;
    float: left;
}

.single_logo_brand .box1 .con .right h4,
.single_logo_brand .box1 .con .right h3 {
    font-size: 24px;
    color: #136CFB;
    font-weight: normal;
    background: url("../../images/bootstrap/new_website_1/single_pro_R_1.png") no-repeat 0 0;
    background-size: 28px 28px;
    padding: 0 0 3px 35px;
    margin-bottom: 5px;
}

.single_logo_brand .box1 .con2 .right h4,
.single_logo_brand .box1 .con2 .right h3 {
    background: url("../../images/bootstrap/new_website_1/single_pro_R_2.png") no-repeat 0 0;
    background-size: 24px 29px;
}

.single_logo_brand .box2 .c {
    overflow: hidden;
    text-align: center;
}

.single_logo_brand .box2 p {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    padding: 0 30px 0 0;
}

.single_logo_brand .box2 input {
    width: 450px;
    display: inline-block;
    vertical-align: middle;
    border: 3px solid #EBEBEB;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    color: #7fadeb;
    height: 50px;
    background: transparent;
    padding: 0 15px;
    letter-spacing: 1px;
    font-size: 16px;
    box-shadow: 0;
    outline: none;
}

.single_logo_brand .box2 input:focus {
    border-color: #7fadeb;
    box-shadow: 0;
    outline: none;
}

.single_logo_brand .box2 .btn_blue {
    display: inline-block;
    vertical-align: middle;
    background: #136CFB;
    border-radius: 0 3px 3px 0;
    height: 50px;
    color: #fff;
    padding: 0 40px;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 50px;
    cursor: pointer;
}

/*近期完结的项目*/
.tcy_single_pro .nearby_project {
    background: #e9f2f9;
    padding: 74px 0 80px;
}

.tcy_single_pro .nearby_project .row {
    margin: 0;
}

.tcy_single_pro .nearby_project .title p {
    background: #7caced;
}

.tcy_single_pro .nearby_project .nearby_list {
    overflow: hidden;
}

.tcy_single_pro .nearby_project .nearby_case {
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    font-size: 0;
    position: relative;
    bottom: -17px;
    margin-top: -17px;
}

.tcy_single_pro .nearby_project .nearby_con .card {
    background: #ffffff;
    width: 22%;
    margin-right: 15px;
    display: inline-block;
    border-radius: 3px;
    padding: 25px 0 25px 18px;
    position: relative;
}

.tcy_single_pro .nearby_project .card h4 {
    margin-bottom: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
}

.tcy_single_pro .nearby_project .card a {
    color: #333;
    cursor: pointer;
    text-transform: uppercase;
}

.tcy_single_pro .nearby_project .card a:hover {
    color: #111;
    text-decoration: none;
}

.tcy_single_pro .nearby_project .card .top1 {
    margin-right: 18px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.tcy_single_pro .nearby_project .card .top1>div {
    float: left;
    width: 33%;
    padding: 17px 0;
    text-align: center;
    border-right: 1px solid #ededed;
}

.tcy_single_pro .nearby_project .card .top1>div:last-child {
    border-right: 1px solid #fff;
}

.tcy_single_pro .nearby_project .card .top1 p {
    color: #333333;
    font-size: 21px;
}

.tcy_single_pro .nearby_project .card .top1 p:last-child {
    font-size: 14px;
    color: #666666;
    margin-top: 15px;
}

.tcy_single_pro .nearby_project .card .description {
    font-size: 14px;
    color: #666666;
    padding: 20px 18px 20px 0;
    height: 113px;
    width: 100%;
    white-space: normal;
    line-height: 24px;
}

.tcy_single_pro .nearby_project .card .img_wrap {
    overflow: hidden;
    padding-right: 18px;
}

.tcy_single_pro .nearby_project .card .img_wrap a {
    display: block;
    border: 1px solid #e4edf6;
    border-radius: 3px;
}

.tcy_single_pro .nearby_project .card .img_wrap img {
    display: inline-block;
    border-radius: 3px;
    width: 100%;
}

.tcy_single_pro .nearby_project .card .img_wrap img:nth-child(2) {
    opacity: 0.5;
    filter: alpha(opacity=50);
    ;
    margin-left: 18px;
}

.tcy_single_pro .nearby_project .card .item_layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 5;
    display: none;
}

.tcy_single_pro .nearby_project .card .bot1 {
    color: #999999;
    font-size: 14px;
    margin-top: 18px;
}

.tcy_single_pro .nearby_project .scroll_btn {
    width: 4.834em;
    height: 4.834em;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -2.417em;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: transform;
    transition-property: transform;
    z-index: 6;
    display: block;
    font-size: 12px;
}

.tcy_single_pro .nearby_project .scroll_btn:hover {
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.tcy_single_pro .nearby_project .scroll_btn.prev {
    left: -2.417em;
}

.tcy_single_pro .nearby_project .scroll_btn>div {
    position: relative;
    height: 100%;
}

.tcy_single_pro .nearby_project .scroll_btn>div span {
    position: absolute;
    left: 50%;
    top: 50%;
    border-top: 2px solid #5f6060;
    border-right: 2px solid #5f6060;
    width: 8px;
    height: 8px;
    display: block;
    background: #fff;
    margin: -5px 0 0 -5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.tcy_single_pro .nearby_project .scroll_btn.next span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*******logo商标设计的最佳服务流程*********/
.tcy_single_pro .service-flow {
    font-size: 12px;
    background: #fff;
    padding: 74px 0 0;
}

.tcy_single_pro .service-flow .row {
    margin: 0;
}

.service-flow .flow_step {
    padding-bottom: 77px;
    border-bottom: 1px solid #E3ECF5;
}

.service-flow .flow_step .f_s_con {
    width: 20%;
    float: left;
    padding: 0 2em 0 4em;
    margin: 1.2em 0 0;
}

.service-flow .f_s_con .s_c_parents {
    position: relative;
    width: 56px;
    height: 56px;
}

.service-flow .f_s_con .step_circle {
    margin: 0.2em 0;
    width: 56px;
    height: 56px;
    border: 5px solid #136CFB;
    border-radius: 56px;
    color: #136CFB;
    font-size: 2.7em;
    text-align: center;
}

.service-flow .f_s_con .step_circle:after {
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #136CFB;
    right: -4px;
    top: 24px;
    transform: rotate(45deg);
}

.service-flow .flow_step .f_s_con:nth-child(5) .step_circle {
    color: #44E7B9;
    border: 5px solid #44E7B9;
}

.service-flow .flow_step .f_s_con:nth-child(5) .step_circle:after {
    display: none;
}

.service-flow .f_s_con p {
    font-size: 2.1em;
    color: #333333;
    line-height: 1.85em;
}

.service-flow .f_s_con span {
    font-size: 1.2em;
    color: #666666;
    line-height: 1.5em;
}

.clear {
    clear: both;
}

/**********不让品牌输在起跑线上*********/
.tcy_single_pro .logo_package {
    font-size: 12px;
    background: #fff;
    padding: 74px 0 50px;
}

.tcy_single_pro .logo_package .row {
    margin: 0;
}

.tcy_single_pro .logo_package .title p {
    background: #136CFB;
}

.tcy_single_pro .logo_package .title p.red {
    background: #FF507C;
}

.logo_package .all_package_wrap {
    width: 1218px;
    margin: 0 auto;
    border-left: 2px solid #136CFB;
    border-right: 2px solid #136CFB;
}

.logo_package .all_package_wrap .type_nav {
    font-size: 0;
}

.logo_package .all_package_wrap .type_nav li {
    display: inline-block;
    width: 25%;
    height: 65px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 61px;
    position: relative;
    border-top: 2px solid #E3ECF5;
    border-right: 2px solid #E3ECF5;
    border-bottom: 2px solid #136CFB;
    cursor: pointer;
}

.logo_package .all_package_wrap .type_nav li:nth-of-type(1):before {
    display: block;
    content: "";
    width: 2px;
    height: 63px;
    background: #E3ECF5;
    position: absolute;
    left: -2px;
    top: -2px;
    bottom: 2px;
}

.logo_package .all_package_wrap .type_nav li:nth-of-type(4),
.logo_package .all_package_wrap .type_nav li.on:nth-of-type(4) {
    border-right: none;
}

.logo_package .all_package_wrap .type_nav li:nth-of-type(4):before {
    display: block;
    content: "";
    width: 2px;
    height: 63px;
    background: #E3ECF5;
    position: absolute;
    right: -2px;
    top: -2px;
}

.logo_package .all_package_wrap .type_nav li.on:nth-of-type(4):before {
    display: none;
}

.logo_package .all_package_wrap .type_nav li.on:nth-of-type(1):before {
    display: none;
}

.logo_package .all_package_wrap .type_nav li.on {
    border-top: 2px solid #136CFB;
    border-right: 2px solid #136CFB;
    border-bottom: 2px solid #F3F9FF;
    color: #136CFB;
    background: #F3F9FF;
}

.logo_package .all_package_wrap .type_nav li.on:after {
    display: block;
    content: "";
    width: 2px;
    height: 65px;
    background: #136CFB;
    position: absolute;
    left: -2px;
    top: -2px;
}

.logo_package .all_package_con {
    background: #F3F9FF;
}

.logo_package .all_package_con .type_wrap {
    padding-top: 25px;
}

.logo_package .all_package_con .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    color: #333333;
}

.all_package_wrap .logo_package_con {
    display: none;
}

.logo_package_landing .logo_package_con.on {
    display: block;
}

.logo_package .logo_package_con .l_p_plan {
    padding: 0 10px;
    margin-bottom: 25px;
}

.logo_package .logo_package_con .l_p_plan .l_p_plan_con {
    padding-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.logo_package_landing .logo_package_con .l_p_plan .l_p_plan_con {
    padding-bottom: 5px;
}

.logo_package .logo_package_con .l_p_plan .l_p_title {
    padding-top: 20px;
    padding-bottom: 10px;
    color: #ffffff;
    border-radius: 3px 3px 0 0;
}

.logo_package .logo_package_con .l_p_plan:nth-of-type(1) .l_p_title {
    background: #C190E3;
}

.logo_package .logo_package_con .l_p_plan:nth-of-type(2) .l_p_title {
    background: #7caced;
}

.logo_package .logo_package_con .l_p_plan:nth-of-type(3) .l_p_title {
    background: #44e7b9;
}

.logo_package .logo_package_con .l_p_plan:nth-of-type(4) .l_p_title {
    background: #ff507c;
}

.logo_package .logo_package_con .l_p_plan .l_p_title.l_1 {
    background: #C190E3;
}

.logo_package .logo_package_con .l_p_plan .l_p_title.l_2 {
    background: #7caced;
}

.logo_package .logo_package_con .l_p_plan .l_p_title.l_3 {
    background: #44e7b9;
}

.logo_package .logo_package_con .l_p_plan .l_p_title.l_4 {
    background: #ff507c;
}

.logo_package .logo_package_con .l_p_plan .l_p_title p,
.logo_package .logo_package_con .l_p_plan .l_p_title h3 {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.4;
}

.logo_package .logo_package_con .l_p_plan .l_p_title span {
    display: block;
    font-size: 16px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 2em;
}

.logo_package .logo_package_con .l_p_plan .l_p_title i {
    display: block;
    color: #ffffff;
    font-style: normal;
    font-size: 2.25em;
    text-align: center;
}

.logo_package .logo_package_con .l_p_plan .l_p_details {
    padding: 20px 15px 0;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li {
    padding-left: 16px;
    font-size: 14px;
    padding-bottom: 15px;
    position: relative;
    clear: both;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li em {
    color: #ff507c;
    font-size: 14px;
    font-style: normal;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li.li_tips:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li b {
    display: block;
    float: left;
    font-weight: normal;
    width: 83%;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li i {
    display: block;
    float: left;
    width: 24px;
    height: 34px;
    background: url(../../../statics/images/bootstrap/new_website_1/single_pro/tip_gray_up.png) center bottom no-repeat;
    cursor: pointer;
    margin-left: 10px;
    margin-top: -12px;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li i.on {
    background: url(../../../statics/images/bootstrap/new_website_1/single_pro/tip_blue_up.png) center bottom no-repeat;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li:nth-child(1) i.on,
.logo_package .logo_package_con .l_p_plan .l_p_details ul li:nth-child(2) i.on {
    background: url(../../../statics/images/bootstrap/new_website_1/single_pro/tip_blue_down.png) center bottom no-repeat;
    margin-top: -2px;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li .tips_con {
    display: none;
    position: absolute;
    padding: 20px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 0 15px -5px;
    bottom: 53px;
    left: 0;
    z-index: 1;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li:nth-child(1) .tips_con,
.logo_package .logo_package_con .l_p_plan .l_p_details ul li:nth-child(2) .tips_con {
    bottom: auto;
    top: 38px;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li .tips_con p {
    color: #666666;
    font-size: 1em;
    line-height: 30px;
    clear: both;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li .tips_con a {
    display: block;
    width: 17px;
    height: 15px;
    font-size: 22px;
    line-height: .5;
    margin-top: -10px;
    margin-right: -10px;
    float: right;
    color: #aaa;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.logo_package .logo_package_con .l_p_plan .l_p_details ul li .tips_con a:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.logo_package .logo_package_con .l_p_plan .l_p_details.l_1 ul li {
    background: url(../../../statics/images/bootstrap/new_website_1/single_pro/purple_icon.png) left 5px no-repeat;
}

.logo_package .logo_package_con .l_p_plan .l_p_details.l_2 ul li {
    background: url(../../../statics/images/bootstrap/new_website_1/single_pro/blue_icon.png) left 5px no-repeat;
}

.logo_package .logo_package_con .l_p_plan .l_p_details.l_3 ul li {
    background: url(../../../statics/images/bootstrap/new_website_1/single_pro/green_icon.png) left 5px no-repeat;
}

.logo_package .logo_package_con .l_p_plan .l_p_details.l_4 ul li {
    background: url(../../../statics/images/bootstrap/new_website_1/single_pro/red_icon.png) left 5px no-repeat;
}

.logo_package .logo_package_con .l_p_plan .l_p_details .show_hide_handle {
    display: none;
    height: 23px;
    text-align: center;
}

.logo_package .logo_package_con .l_p_plan .l_p_details .show_hide_handle i {
    display: inline-block;
    width: 15px;
    height: 13px;
    vertical-align: middle;
    cursor: pointer;
}

.logo_package .logo_package_con .l_p_plan .l_p_details .show_hide_handle .down_show {
    height: 17px;
    background: url(../../images/bootstrap/down_show.gif) center no-repeat;
}

.logo_package .logo_package_con .l_p_plan .l_p_details .show_hide_handle .up_hide {
    background: url(../../images/bootstrap/up_hide.png) center no-repeat;
}

.logo_package .logo_package_con .l_p_plan .tra_price {
    font-size: 1.2em;
    color: #999999;
    padding: 0 1.9em 0.5em;
}

.logo_package .logo_package_con .l_p_plan .service_price {
    color: #666666;
    font-size: 14px;
    padding: 0 1.9em 1.5em;
}

.logo_package .logo_package_con .l_p_plan .service_price span {
    font-size: 20px;
    color: #c190e3;
    letter-spacing: 1px;
}

.logo_package .logo_package_con .l_p_plan:nth-child(2) .service_price span {
    color: #7caced;
}

.logo_package .logo_package_con .l_p_plan:nth-child(3) .service_price span {
    color: #44e7b9;
}

.logo_package .logo_package_con .l_p_plan:nth-child(4) .service_price span {
    color: #ff507c;
}

.logo_package .logo_package_con .l_p_plan .tra_price span {
    text-decoration: line-through
}

.logo_package .logo_package_con .l_p_plan .preordain {
    display: block;
    width: 80%;
    height: 3.2em;
    margin: auto;
    text-align: center;
    background: #C190E3;
    line-height: 3.2em;
    color: #fff;
    font-size: 1.3em;
    letter-spacing: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.logo_package .logo_package_con .l_p_plan:nth-child(2) .preordain {
    background: #7caced;
}

.logo_package .logo_package_con .l_p_plan:nth-child(3) .preordain {
    background: #44e7b9;
}

.logo_package .logo_package_con .l_p_plan:nth-child(4) .preordain {
    background: #ff507c;
}

.logo_package .logo_package_con .l_p_plan .preordain {
    opacity: .92;
    filter: alpha(opacity=92);
}

.logo_package .logo_package_con .l_p_plan .preordain:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.logo_package .all_package_con .order_wrap {
    height: 80px;
    background: #136CFB;
    text-align: center;
    padding: 15px 0;
}

.logo_package .all_package_con .order_wrap span {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    line-height: 50px;
}

.logo_package .all_package_con .order_wrap p {
    display: inline-block;
    width: 390px;
    height: 50px;
    margin-left: 20px;
    position: relative;
    font-size: 16px;
    color: #333;
    border-radius: 2px;
    background: #fff;
}

.logo_package .all_package_con .order_wrap p.p1 {
    line-height: 50px;
    padding-left: 80px;
}

.logo_package .all_package_con .order_wrap p i {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 15px;
    font-style: normal;
    width: 80px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #EDEDED;
}

.logo_package .all_package_con .order_wrap p select {
    display: inline-block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #333;
    padding-left: 15px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background: url(../../../statics/images/bootstrap/new_website_1/case_pro/select_icon.png) no-repeat right center #fff;
}

.logo_package .all_package_con .order_wrap p input[type="text"] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 120px 0 16px;
    font-size: 16px;
    color: #A2A2A2;
    background: #fff;
    outline: none;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 2px;
}

.logo_package .all_package_con .order_wrap p input[type="button"] {
    display: inline-block;
    width: 110px;
    height: 40px;
    position: absolute;
    background: #136CFB;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    top: 5px;
    right: 5px;
    border-radius: 2px;
}

/*******************常见问题解答******************/
.tcy_single_pro .question_answer {
    font-size: 12px;
    background: #f7f8fa;
    padding: 74px 0 55px;
}

.tcy_single_pro .question_answer .row {
    margin: 0;
}

.tcy_single_pro .question_answer .title p {
    background: #7fadeb;
}

/******************************新版案例页-样式********************************/
/*****案例页 design_case*****/
.design_case {
    font-size: 12px;
    background: #EEF7FF;
    ;
    padding-top: 30px;
    padding-bottom: 70px;
}

/*月份提示*/
.design_case .month_index {
    position: relative;
    padding-top: 2.9em;
}

.design_case .month_wrap {
    position: absolute;
    right: 28px;
}

.design_case .month_index .month_tip {
    width: 56px;
    height: 56px;
    position: relative;
}

.design_case .month_index .month_tip span {
    display: block;
    width: 100%;
    padding: 2px 0;
    background: #FF507C;
    color: #fffffd;
    text-align: center;
    font-size: 14px;
    border-radius: 3px 3px 0 0;
}

.design_case .month_index .month_tip.past span {
    background: #7CACED;
}

.design_case .month_index .month_tip span:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid #FF507C;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -9px;
    top: 8px;
}

.design_case .month_index .month_tip.past span:after {
    border-left: 10px solid #7CACED;
}

.design_case .month_index .month_tip p {
    width: 100%;
    border-radius: 0 0 3px 3px;
    text-align: center;
    background: #ffffff;
}

.design_case .month_index .month_tip p strong {
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
}

.design_case .month_index .point {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #FF507C;
    position: absolute;
    top: 7px;
    left: 79px;
    z-index: 99;
}

.design_case .month_index .month_tip.past .point {
    background: #7CACED;
}

/*案例展示内容*/
.case_list_show {
    border-left: 2px solid rgba(212, 219, 224, 0.3);
    padding-top: 2.9em;
}

.case_list_show .design_case_con>div {
    padding-right: 0px;
    padding-left: 15px;
}

.case_list_show .design_case_con>div:nth-child(4n+1) {
    clear: both;
}

.design_case_con .d_c_con {
    background: #ffffff;
    padding: 1em;
    border-radius: 2px;
    margin-bottom: 15px;
}

.design_case_con .d_c_con h4 {
    font-size: 1.5em;
    color: #000000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.design_case_con .d_c_con h4 a {
    color: #000000;
    text-decoration: none;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    padding-top: 8px;
}

.design_case_con .d_c_con h4 span {
    display: inline-block;
    font-size: 14px;
    float: right;
    color: #666;
    line-height: 60px;
}

.design_case_con .d_c_con p span {
    float: right;
}

.design_case_con .d_c_con p span b {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.design_case_con .d_c_con p span b.yellow {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.svg") no-repeat center center;
    background-size: 100% auto;
}

.design_case_con .d_c_con p span b.gray {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.svg") no-repeat center center;
    background-size: 100% auto;
}

.design_case_con .d_c_con p strong {
    font-style: normal;
    font-weight: normal;
    /*font-size: 1.15em;*/
    font-size: 1em;
    color: #666666;
}

.design_case_con .d_c_con .eval_info {
    padding-top: 16px;
    position: relative;
}

.design_case_con .d_c_con .eval_info .top_arrow {
    display: inline-block;
    width: 24px;
    height: 9px;
    position: absolute;
    top: -8px;
    left: 9px;
    background: url(../../images/bootstrap/top_arrow.png) center no-repeat;
}

.design_case_con .d_c_con .eval_info:before {
    display: inline-block;
    position: absolute;
    content: "";
    height: 1px;
    background: #E9F2F9;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
}

.design_case_con .d_c_con .eval_info p span {
    margin-top: 12px;
}

.design_case_con .d_c_con .eval_info p img {
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 9px;
}

.design_case_con .d_c_con .eval_info p em {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    margin-right: 3px;
    vertical-align: middle;
    line-height: 20px;
}

.design_case_con .d_c_con .eval_info p i {
    display: inline-block;
    font-style: normal;
    color: #3F3F3F;
    font-size: 14px;
    vertical-align: middle;
    line-height: 20px;
}

.design_case_con .d_c_con .eval_info .eval_text {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 18px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.case_list_show .show_more a {
    display: block;
    width: 158px;
    text-align: center;
    margin: 20px auto 0;
    text-decoration: none;
}

.design_case .show_more a {
    display: block;
    width: 158px;
    text-align: center;
    margin: 20px auto 0;
    text-decoration: none;
}

.design_case .case_list_show .show_more a {
    margin-right: 0;
    margin-top: 0;
    text-align: right;
    font-size: 14px;
    color: #333;
    letter-spacing: 3px;
}

.design_case .case_list_show .show_more a i {
    color: #666666;
    font-size: 17px;
    margin-left: 5px;
    font-weight: bold;
}

/*案例下热门标签*/
#case .more .hot_labels_box {
    display: block;
    float: right;
    width: 200px;
    height: 30px;
    margin-top: 14px;
}

#case .more .hot_labels_box:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
}

#case .more .hot_labels_box i {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid #666;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0;
    margin-left: 4px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

#case .more .hot_labels_box .hot_city:hover i,
#case .more .hot_labels_box .hot_subject:hover i {
    transform: rotate(180deg);
    transform-origin: center center;
}

#case .more .hot_labels_box .hot_city {
    display: block;
    float: left;
    font-size: 16px;
    color: #666;
    position: relative;
    margin-right: 16px;
    height: auto;
    cursor: pointer;
}

#case .more .hot_labels_box .hot_subject {
    display: block;
    float: left;
    font-size: 16px;
    color: #666;
    position: relative;
    height: auto;
    cursor: pointer;
}

#case .more .hot_labels_box .hot_city:hover,
#case .more .hot_labels_box .hot_subject:hover {
    height: 420px;
}

#case .more .hot_labels_box .hot_city:hover .labels_wraps,
#case .more .hot_labels_box .hot_subject:hover .labels_wraps {
    display: block;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

.labels_wraps {
    display: none;
    position: absolute;
    padding: 10px;
    right: 0;
    top: 40px;
    width: 150px;
    height: 375px;
    z-index: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    background: #fff;
}

#case .more .hot_labels_box .hot_city:before,
#case .more .hot_labels_box .hot_subject:before {
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 18px;
    top: 33px;
    z-index: 2;
}

#case .more .hot_labels_box .hot_city:hover:before,
#case .more .hot_labels_box .hot_subject:hover:before {
    display: inline-block;
}

.labels_wraps ul {
    display: block;
}

.labels_wraps ul li {
    height: 25px;
    line-height: 25px;
}

.labels_wraps ul li a {
    font-size: 14px;
    color: #999;
    text-decoration: none;
}

.labels_wraps ul li a:hover {
    color: #7fadeb;
}

/****************************************新版-案例-筛选页样式**************************************/
.filter_condition {
    background: #edf0ef;
    /*height: 156px;*/
    padding: 0 0 0 0;
}

.filter_condition_patch {
    padding: 0 0 0 0;
}

.filter_condition .row {
    margin-left: 0;
    margin-right: 0;
    padding: 1.67em 0;
    background: #fff;
    /*border-top: 1px solid #F3F3F3;*/
}

.filter_condition select.f_c_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../statics/images/bootstrap/new_website_1/case_pro/select_icon.png) no-repeat right center transparent;
    outline: none;
    padding-left: 15px;
    padding-right: 35px;
    width: 22%;
    font-size: 1.2em;
    color: #4c4c4c;
    height: 50px;
    letter-spacing: 3px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.filter_condition select.f_c_select::-ms-expand {
    display: none;
}

.filter_condition select.f_c_select:focus {
    border: none;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}

.filter_condition select.f_c_select>option {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    height: 40px;
    letter-spacing: 3px !important;
    color: #4c4c4c;
    padding-left: 15px;
    background: #FFFFFF;
    padding-top: 10px;
}

/*案例筛选搜索框*/
.filter_condition_patch .route_nav {
    margin-top: 75px;
    margin-bottom: 47px;
}

.filter_condition_patch .route_nav a {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    text-decoration: none;
}

.filter_condition_patch .route_nav i {
    display: inline-block;
    width: 9px;
    height: 12px;
    background: url(../../images/bootstrap/new_website_1/arrow_right_light_gray.svg) center no-repeat;
    background-size: 100% auto;
    margin: 0 26px;
    vertical-align: text-top;
}

.filter_condition_patch .route_nav span {
    display: inline-block;
    font-size: 14px;
    color: #999999;
}

.filter_condition .f_c_search_box {
    float: right;
    margin-top: 10px;
    position: relative;
    width: 271px;
    height: 46px;
    border: 2px solid #E3EBF5;
    border-radius: 2px;
    margin-bottom: 20px;
}

.filter_condition .f_c_search {
    letter-spacing: 3px;
    font-size: 1.2em;
    color: #4c4c4c;
    text-indent: 30px;
    border-radius: 25px;
    border: none;
    width: 100%;
    height: 100%;
    padding-right: 30px;
}

.filter_condition .f_c_search:focus {
    border: none;
    outline: none;
    text-indent: 15px;
}

.filter_condition .f_c_search:focus+.f_c_search_button {
    background: url(../../../statics/images/bootstrap/new_website_1/case_pro/search2_icon.png) center no-repeat;
}

.filter_condition .f_c_search:active {
    border: none;
    outline: none;
    text-indent: 15px;
}

.filter_condition .f_c_search_button {
    position: absolute;
    border: none;
    background: transparent;
    display: block;
    padding-top: 4px;
    width: 24px;
    height: 30px;
    background: url(../../../statics/images/bootstrap/new_website_1/case_pro/search_icon.png) center no-repeat;
    right: 3px;
    top: 6px;
}

.filter_condition .f_c_search_button:hover {
    outline: none;
}

.filter_condition .f_c_search_button:focus {
    border: none;
    outline: none;
}

.filter_condition .f_c_search_button:active {
    border: none;
    outline: none;
}

.filter_condition h1 {
    letter-spacing: 7px;
    font-size: 38px;
    color: #333333;
    margin-bottom: 26px;
}

.filter_condition .new_f_c_search_box {
    width: 600px;
    float: left;
    border: none;
}

.filter_condition .new_f_c_search_box .f_c_search {
    border: 2px solid #E3EBF5;
    border-radius: 2px;
    text-indent: 15px;
    padding-right: 95px;
}

.filter_condition .new_f_c_search_box .f_c_search:focus {
    border: 2px solid #7CACEE;
    border-radius: 2px;
}

.filter_condition .new_f_c_search_box .f_c_search_button {
    width: 64px;
    height: 46px;
    background: url(../../../statics/images/bootstrap/white_search.svg) center no-repeat #7CACEE;
    right: 0;
    top: 0;
    border-radius: 0 2px 2px 0;
}

.filter_condition .new_f_c_search_box .f_c_search:focus+.f_c_search_button {
    background: url(../../../statics/images/bootstrap/white_search.svg) center no-repeat #7CACEE;
}



.filter_condition .new_f_c_search_box .jgempty_btn {
    width: 17px;
    height: 17px;
    background: url(../../images/bootstrap/new_website_1/r_empty_icon.png) no-repeat center;
    background-size: 17px auto;
    position: absolute;
    right: 75px;
    top: 15px;
    cursor: pointer;
    display: none;
}

.filter_condition .new_f_c_search_box .jgempty_btn_search {
    width: 17px;
    height: 17px;
    background: url(../../images/bootstrap/new_website_1/r_empty_icon.png) no-repeat center;
    background-size: 17px auto;
    position: absolute;
    right: 75px;
    top: 15px;
    cursor: pointer;
    display: none;
}

.filter_condition .new_f_c_search_box .jgempty_show {
    display: block;
}

.filter_design {
    background: #F3F9FF;
    font-size: 12px;
    padding-bottom: 70px;
    clear: both;
}

.filter_design .f_d_top {
    padding: 30px 0;
}

.filter_design .f_d_top h1,
.filter_design .f_d_top h2 {
    color: #4c4c4c;
    font-size: 24px;
    letter-spacing: 3px;
    text-align: center;
}

.filter_design .f_d_top span {
    color: #666666;
    font-size: 1.2em;
}

.filter_design .f_d_top span i {
    font-style: normal;
    color: #ff3e6b;
}

.filter_design .f_d_con {
    min-height: 530px;
}

.filter_design .f_d_con .row>div {
    padding-right: 0;
    padding-left: 15px;
}

.filter_design .f_d_con .row>div:nth-child(4n+1) {
    clear: both;
}

.filter_design .f_d_con .f_d_c_c {
    background: #ffffff;
    padding: 1em;
    border-radius: 2px;
    margin-bottom: 15px;
}

.filter_design .f_d_con .f_d_c_c .img_wrap {
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
}

.filter_design .f_d_con .f_d_c_c .img_wrap .DCI_i {
    display: inline-block;
    width: 28px;
    height: 37px;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    background: url(../../images/bootstrap/admin/DCI_icon.svg) center no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.filter_design .f_d_con .f_d_c_c .all_label,
.design_case_con .d_c_con .all_label {
    margin-bottom: 15px;
    position: relative;
    padding-right: 25px;
}

.filter_design .f_d_con .f_d_c_c .all_label span,
.design_case_con .d_c_con .all_label span {
    display: block;
    float: left;
    color: #666;
    font-size: 14px;
    margin-right: 12px;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i,
.design_case_con .d_c_con .all_label .more_i {
    display: block;
    float: right;
    width: 25px;
    height: 15px;
    background: #EEEEEE;
    color: #BDBDBD;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 2px;
    margin-top: 3px;
    margin-right: -25px;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i i,
.design_case_con .d_c_con .all_label .more_i i {
    font-style: normal;
    text-align: center;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i:hover>i,
.design_case_con .d_c_con .all_label .more_i:hover>i {
    position: relative;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i:hover>i>b,
.design_case_con .d_c_con .all_label .more_i:hover>i>b {
    display: inline-block;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i:hover>div,
.design_case_con .d_c_con .all_label .more_i:hover>div {
    display: block;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i b,
.design_case_con .d_c_con .all_label .more_i b {
    display: none;
    content: "";
    box-shadow: -5px -4px 10px 0 rgba(0, 0, 0, 0.08);
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 6px;
    bottom: -23px;
    z-index: 2;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i div,
.design_case_con .d_c_con .all_label .more_i div {
    display: none;
    background: #fff;
    padding: 15px;
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px 0 0 0;
    border: 1px solid rgba(233, 233, 233, 1);
    text-align: left;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i em,
.design_case_con .d_c_con .all_label .more_i em {
    display: inline-block;
    background: transparent;
    height: 30px;
    position: absolute;
    width: 60px;
    top: 3px;
    right: 0;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i div h5,
.design_case_con .d_c_con .all_label .more_i div h5 {
    color: #333;
    font-size: 14px;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i div p a,
.design_case_con .d_c_con .all_label .more_i div p a {
    display: inline-block;
    margin-right: 10px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: normal;
}

.filter_design .f_d_con .f_d_c_c .all_label .more_i div p a:hover,
.design_case_con .d_c_con .all_label .more_i div p a:hover {
    color: #7CACEE;
}

/***********版权证书模态框*********/
#copyRight_certificate_modal .modal-dialog {
    width: 880px;
    margin: 60px auto;
}

#copyRight_certificate_modal .modal-content {
    border-radius: 2px;
    padding: 30px;
    position: relative;
}

#copyRight_certificate_modal .modal-content .close {
    font-size: 28px;
    position: absolute;
    right: 15px;
    top: 11px;
}

#copyRight_certificate_modal .modal_con h4 {
    font-size: 28px;
    color: #333333;
    letter-spacing: 2px;
    margin-bottom: 36px;
}

#copyRight_certificate_modal .modal-content .img_wrap {}

#copyRight_certificate_modal .modal-content .img_wrap img {
    display: block;
    width: 100%;
}

.filter_design .f_d_con .f_d_c_c h4 {
    font-size: 1.5em;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 15px;
}

.filter_design .f_d_con .f_d_c_c h4 a {
    display: inline-block;
    text-decoration: none;
    color: #000000;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}

.filter_design .f_d_con .f_d_c_c h4 span {
    display: inline-block;
    font-size: 14px;
    float: right;
    color: #666;
    line-height: 30px;
}

.filter_design .f_d_con .f_d_c_c p span {
    float: right;
}

.filter_design .f_d_con .f_d_c_c p span b {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.filter_design .f_d_con .f_d_c_c p span b.yellow {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.svg") no-repeat center center;
    background-size: 100% auto;
}

.filter_design .f_d_con .f_d_c_c p span b.gray {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.svg") no-repeat center center;
    background-size: 100% auto;
}

.filter_design .f_d_con .f_d_c_c p strong {
    font-style: normal;
    font-weight: normal;
    font-size: 1.15em;
    color: #666666;
}

.filter_design .f_d_con .f_d_c_c .eval_info {
    padding-top: 16px;
    position: relative;
}

.filter_design .f_d_con .f_d_c_c .eval_info .top_arrow {
    display: inline-block;
    width: 24px;
    height: 9px;
    position: absolute;
    top: -8px;
    left: 9px;
    background: url(../../images/bootstrap/top_arrow.png) center no-repeat;
}

.filter_design .f_d_con .f_d_c_c .eval_info:before {
    display: inline-block;
    position: absolute;
    content: "";
    height: 1px;
    background: #E3EBF5;
    left: -1em;
    top: 0;
    right: -1em;
    width: 120%;
}

.filter_design .f_d_con .f_d_c_c .eval_info p span {
    margin-top: 12px;
}

.filter_design .f_d_con .f_d_c_c .eval_info p img {
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 9px;
}

.filter_design .f_d_con .f_d_c_c .eval_info p em {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    margin-right: 3px;
    vertical-align: middle;
    line-height: 20px;
}

.filter_design .f_d_con .f_d_c_c .eval_info p i {
    display: inline-block;
    font-style: normal;
    color: #3F3F3F;
    font-size: 14px;
    vertical-align: middle;
    line-height: 20px;
}

.filter_design .f_d_con .f_d_c_c .eval_info .eval_text {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 18px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.filter_design .f_d_bottom {
    padding-left: 15px;
}

.filter_design .f_d_bottom a {
    display: block;
    width: 158px;
    text-align: center;
    text-decoration: none;
    margin: 20px auto 0;
}

/*搜索结果为空的提示*/
.filter_design .null_case_tips {
    padding-top: 85px;
}

.filter_design .null_case_tips img {
    display: block;
    margin: 0 auto;
}

.filter_design .null_case_tips p {
    text-align: center;
    color: #b2b2b2;
    font-size: 18px;
    letter-spacing: 5px;
    line-height: 30px;
    padding-top: 20px;
}




/*********************  05-案例详情页  **************************/
/*banner图左侧*/
.t_case_details_ban .d_number span {
    display: inline-block;
    margin-top: 26px;
    margin-right: 40px;
}

.t_case_details_ban .d_number span strong,
.t_case_details_ban .d_number span em {
    display: block;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
}

.t_case_details_ban .d_number span em {
    display: block;
    font-size: 16px;
    color: #666666;
    font-style: normal;
    margin-top: 10px;
}

/*公共标题*/
.t_case_details_title .title h4 {
    color: #333333;
    font-size: 22px;
    letter-spacing: 3px;
}

.t_case_details_title .title .line {
    width: 34px;
    height: 5px;
    background: #7fadeb;
    margin-top: 20px;
}

/*采纳*/
.t_case_details_accept {
    text-align: center;
    font-size: 14px;
    color: #666666;
    letter-spacing: 3px;
}

.t_case_details_accept .bot {
    padding: 30px 15px;
    background: #fff;
    width: 200px;
    position: relative;
    z-index: 4;
    margin-top: -100px;
    border-radius: 3px;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}

.t_case_details_accept .bot img {
    width: 74px;
    height: 74px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
}

.t_case_details_accept .bot .name {
    color: #509eed;
    font-size: 18px;
    margin: 15px 0 5px;
}

/*评价*/
.t_case_details_assess {
    margin-top: -40px;
}

.t_case_details_assess .star {
    margin: 20px 0 10px;
}

.t_case_details_assess .star span,
.t_case_details_assess .star strong {
    width: 17px;
    height: 15px;
    display: inline-block;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-right: 10px;
}

.t_case_details_assess .star strong {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.t_case_details_assess .desc {
    letter-spacing: 3px;
    color: #666666;
    font-size: 14px;
    margin-bottom: 50px;
}

.t_case_details_assess .assess_con {
    border-top: 1px solid #e9f0f6;
}

.t_case_details_assess .assess_left {
    padding: 20px 40px 60px;
    position: relative;
}

.t_case_details_assess .assess_con .brief_box {
    border-bottom: 1px solid #E9F0F6;
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
}

.t_case_details_assess .assess_con .brief_box p {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    color: #808080;
    margin-bottom: 16px;
}

.t_case_details_assess .assess_con .brief_box p a {
    font-size: 14px;
    color: #808080;
}

.t_case_details_assess .assess_con .brief_box p a:hover {
    color: #136CFB;
}

.t_case_details_assess .assess_con .brief_box p i {
    display: inline-block;
    margin-right: 7px;
    background-image: url(../../images/bootstrap/new_website_1/brief_icon.svg) !important;
    background-repeat: no-repeat !important;
    vertical-align: middle;
}

.t_case_details_assess .assess_con .brief_box p span {
    margin-right: 10px;
}

.t_case_details_assess .assess_con .brief_box p i.i_1 {
    width: 19px;
    height: 23px;
    background-position: 0 0;
}

.t_case_details_assess .assess_con .brief_box p i.i_2 {
    width: 20px;
    height: 24px;
    background-position: -19px 0;
}

.t_case_details_assess .assess_con .brief_box p i.i_3 {
    width: 22px;
    height: 24px;
    background-position: -39px 0;
}

.t_case_details_assess .assess_con .brief_box p i.i_4 {
    width: 21px;
    height: 24px;
    background-position: -61px 0;
}

.t_case_details_assess .assess_left:after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    min-height: 1034px;
    content: "";
    background: #e9f0f6;
}

.t_case_details_assess .success_bid {
    position: relative;
    margin-top: 20px;
}

.t_case_details_assess .success_bid img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    margin-bottom: 18px;
}

.t_case_details_assess .success_bid .all_img {
    display: none;
}

.t_case_details_assess .success_bid .look_all_btn {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #666666;
    font-size: 16px;
    background: #e9f2f9;
    letter-spacing: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.t_case_details_assess .success_bid .look_all_btn i {
    width: 13px;
    height: 8px;
    margin-left: 3px;
    display: inline-block;
    background: url("../../images/bootstrap/new_website_1/arrow_down2.png") no-repeat;
    background-size: 100% 100%;
}

.t_case_details_assess .success_bid .look_all_btn:hover {
    background: #e9eff3;
}

.t_case_details_assess .success_bid .tag,
.t_case_details_assess .shortlisted .tag {
    position: absolute;
    right: -12px;
    top: -12px;
    color: #fff;
    background: #44e7b9;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: 1px;
    z-index: 3;
}

.t_case_details_assess .shortlisted {
    margin-top: 30px;
}

.t_case_details_assess .shortlisted .box:nth-child(2n+1) {
    clear: both;
}

.t_case_details_assess .shortlisted .box .img_wrap {
    position: relative;
}

.t_case_details_assess .shortlisted .box .layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: rgba(0,0,0,0.4);*/
    background: url("../../images/bootstrap/new_website_1/lock_layer.png");
    opacity: 1;
    overflow: visible;
    /*-webkit-transition: all 0.4s ease-in-out;*/
    /*-moz-transition: all 0.4s ease-in-out;*/
    /*-o-transition: all 0.4s ease-in-out;*/
    /*-ms-transition: all 0.4s ease-in-out;*/
    /*transition: all 0.4s ease-in-out;*/
}

/*.t_case_details_assess .shortlisted .box .img_wrap:hover .layer{*/
/*opacity: 0;*/
/*}*/
.t_case_details_assess .shortlisted .box .lock {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 60px;
    margin: -30px 0 0 -22px;
    background: url("../../images/bootstrap/new_website_1/lock.png") no-repeat;
    z-index: 2;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}

.t_case_details_assess .shortlisted .box .img_wrap:hover .lock {
    /*-webkit-animation: shake 0.8s ;
	animation: shake 0.8s ;*/
    -webkit-transform: translate(130px, 0);
    transform: translate(130px, 0);

}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    12.5%,
    37.5%,
    62.5%,
    87.5% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }

    25%,
    50%,
    75% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    12.5%,
    37.5%,
    62.5%,
    87.5% {
        -webkit-transform: translate3d(-3px, 0, 0);
        -ms-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }

    25%,
    50%,
    75% {
        -webkit-transform: translate3d(3px, 0, 0);
        -ms-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

.t_case_details_assess .shortlisted .box .shadow {
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: -5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
}

.t_case_details_assess .shortlisted .box .shadow.s_2 {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: -10px;
}

.t_case_details_assess .shortlisted .tag {
    background: #ff507c;
}

.t_case_details_assess .shortlisted h5 {
    font-size: 18px;
    color: #666666;
    letter-spacing: 3px;
    margin: 5px 0 20px 0;
}

.t_case_details_assess .shortlisted img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    position: relative;
}

.t_case_details_assess .shortlisted p {
    padding: 10px 0 0 0;
    text-align: right;
    margin-top: 3px;
    margin-bottom: 15px;
}

.t_case_details_assess .shortlisted p,
.t_case_details_assess .shortlisted p a {
    color: #999999;
    font-size: 14px;
}

.t_case_details_assess .shortlisted p a {
    color: #7caced;
}

.t_case_details_assess .shortlisted p a:hover {
    text-decoration: none;
    color: #7caced;
}

.t_case_details_assess .statement {
    font-size: 13px;
    color: #999999;
    letter-spacing: 1px;
    line-height: 22px;
}

.t_case_details_assess .share {
    text-align: center;
    margin: 40px 0 20px;
}

.t_case_details_assess .share a {
    display: inline-block !important;
    width: 40px;
    height: 40px !important;
    margin: 0 7px;
    cursor: pointer;
}

.t_case_details_assess .share .bshare-sinaminiblog {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_6.png") no-repeat !important;
    background-size: 40px auto !important;
}

.t_case_details_assess .share .bshare-weixin {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_7.png") no-repeat !important;
    background-size: 40px auto;
}

.t_case_details_assess .share .qq_wb {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_8.png") no-repeat;
    background-size: 100% 100%;
}

.t_case_details_assess .share .bshare-douban {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_9.png") no-repeat !important;
    background-size: 32px auto;
}

.t_case_details_assess .share .bshare-huaban {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_10.png") no-repeat !important;
    background-size: 40px auto;
}

#bsWXBox {
    width: 232px !important;
    height: 257px !important;
}

.t_case_details_assess .assess_right {
    padding: 0;
}

.t_case_details_assess .assess_right .box1 {
    padding: 40px;
    border-bottom: 1px solid #e9f0f6;
}

.t_case_details_assess .assess_right .box1 h5 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.t_case_details_assess .assess_right .box1 .con {
    margin-bottom: 20px;
    padding: 0 0 4px 30px;
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_1.png") no-repeat;
    background-size: 22px 23px;
}

.t_case_details_assess .assess_right .box1 .con2 {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_2.png") no-repeat;
    background-size: 19px 23px;
}

.t_case_details_assess .assess_right .box1 .con3 {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_3.png") no-repeat;
    background-size: 20px 20px;
}

.t_case_details_assess .assess_right .box1 .con4 {
    background: url("../../images/bootstrap/new_website_1/case_details/case_details_4.png") no-repeat;
    background-size: 19px 23px;
    margin-bottom: 0;
}

.t_case_details_assess .assess_right .box1 .con h6 {
    font-size: 16px;
    color: #666666;
}

.t_case_details_assess .assess_right .box1 .con p {
    font-size: 14px;
    color: #808080;
    letter-spacing: 2px;
}

.t_case_details_assess .assess_right .box2 {
    padding: 40px 0;
    border-bottom: 1px solid #e9f0f6;
}

.t_case_details_assess .assess_right .box2 h5 {
    text-align: center;
    color: #666666;
    font-size: 16px;
    letter-spacing: 3px;
}

.t_case_details_assess .assess_right .box2 a {
    width: 64%;
    margin: 25px auto 0;
    display: block;
}

.t_case_details_assess .assess_right .box3 {
    text-align: center;
    font-size: 14px;
    color: #666666;
    padding: 40px 0;
}

.t_case_details_assess .assess_right .box3 p img {
    width: 142px;
}

.t_case_details_assess .assess_right .box3 h5 {
    font-size: 16px;
    color: #333333;
    margin: 15px 0;
}

.t_case_details_assess .assess_right .box3 .zx_btn {
    display: block;
    margin: 13px auto 0;
    width: 64%;
}

/*推荐案例*/
.t_case_details_recommend {
    background: #e9f2f9;
    padding: 60px 0;
}

.t_case_details_recommend .title h4 {
    color: #666666;
}

.t_case_details_recommend .row {
    margin: 0;
}

.t_case_details_recommend .recommend {
    margin-top: 20px;
}

.t_case_details_recommend .recommend .examples {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.t_case_details_recommend .recommend .card_list {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    bottom: -17px;
    margin-top: -17px;
}

/********************** 分类页 *******************************/
.t_classic_logo,
.t_classic_pack,
.t_classic_advertise {
    padding-top: 80px;
    padding-bottom: 80px;
}

.t_common_title.t_classic_logo .title h4 {
    font-size: 26px;
}

.t_classic_alone {
    margin-top: 30px;
}

.t_classic_alone:nth-child(6n+1) {
    clear: both;
}

.t_classic_alone a {
    text-decoration: none;
    color: #666;
    font-size: 16px;
    letter-spacing: 3px;
    display: block;
    cursor: pointer;
}

.t_classic_alone a img {
    height: 60px;
}

.t_classic_alone a:hover {
    text-decoration: none;
}

.t_classic_alone h4 {
    color: #4c4c4c;
    font-size: 18px;
    margin: 25px 0 15px 0;
    line-height: 24px;
    letter-spacing: 2px;

}

.t_classic_alone a:hover h4 {
    color: #111;
}

/**********登录 tcy_login*********/
.tcy_login {
    width: 400px;
    margin: 60px auto;
}

.tcy_login .t_l_logo {
    width: 100%;
    height: 115px;
    text-align: center;
    line-height: 110px;
}

.tcy_login .t_l_logo img {
    display: inline-block;
    width: 134px;
    height: auto;
}

/*欢迎登录*/
.tcy_login .t_l_ways {
    width: 100%;
    height: 70px;
}

.tcy_login .t_l_ways .welcome {
    display: inline-block;
    font-size: 22px;
    color: #333333;
    margin-top: 17px;
}

.tcy_login .t_l_ways .login_way {
    display: inline-block;
    font-size: 14px;
    color: #7caced;
    cursor: pointer;
    float: right;
    margin-top: 24px;
}

.tcy_login .t_l_ways p {
    font-size: 24px;
    color: #333333;
    text-align: center;
    letter-spacing: 5px;
}

/*登录表单*/
.tcy_login .t_l_form {
    width: 100%;
}

.tcy_login .t_l_form .common_login input:-webkit-autofill,
.tcy_login .t_l_form .common_login input:-webkit-autofill:hover,
.tcy_login .t_l_form .common_login input:-webkit-autofill:focus {
    border-bottom: 1px solid #E9F0F6;
    -webkit-text-fill-color: #666;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    font-weight: 500;
}

.tcy_login .t_l_form .input_account {
    height: 45px;
    margin-top: 15px;
    position: relative;
}

.tcy_login .t_l_form .input_account .login_account {
    display: block;
    width: 100%;
    height: 45px;
    padding-left: 30px;
    font-size: 14px;
    color: #666666;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    border-bottom: 1px solid #E9F0F6;
    position: relative;
}

.tcy_login .t_l_form .input_account:before {
    display: block;
    content: "";
    background: url("../../../statics/images/bootstrap/new_website_1/login/account_icon.svg") left center no-repeat;
    background-size: 18px auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 45px;
    z-index: 2;
}

.tcy_login .t_l_form .input_account .login_account:focus {
    border-bottom: 1px solid #7CACED;
}

.tcy_login .t_l_form .input_account .get_code {
    position: absolute;
    width: 135px;
    height: 38px;
    border: 3px solid #E0E0E0;
    border-radius: 2px;
    color: #7caced;
    font-size: 14px;
    text-align: center;
    background: #ffffff;
    right: 0;
    bottom: 9px;
    outline: none;
    letter-spacing: 3px;
}

.tcy_login .t_l_form .input_account .get_code:hover {
    border: 3px solid #7caced;
}

.tcy_login .t_l_form .input_account .get_code.on:hover {
    border: 3px solid #E0E0E0;
}

.tcy_login .t_l_form .input_password .get_code {
    position: absolute;
    width: 135px;
    height: 38px;
    border: 3px solid #E0E0E0;
    border-radius: 2px;
    color: #7caced;
    font-size: 14px;
    text-align: center;
    background: #ffffff;
    right: 0;
    bottom: 9px;
    outline: none;
}

.tcy_login .t_l_form .input_password .get_code:hover {
    border: 3px solid #7caced;
}

.tcy_login .t_l_form .input_password .get_code.on:hover {
    border: 3px solid #E0E0E0;
}

.tcy_login .t_l_form .phone_login .login_verify {
    height: 60px;
    margin-top: 20px;
    position: relative;
}

.tcy_login .t_l_form .input_account .img_code {
    position: absolute;
    right: 0;
    bottom: 12px;
}

.tcy_login .t_l_form .input_password {
    height: 45px;
    margin-top: 15px;
    position: relative;
}

.tcy_login .t_l_form .input_password .login_password {
    display: block;
    width: 100%;
    height: 45px;
    padding-left: 30px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #E9F0F6;
    outline: none;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.tcy_login .t_l_form .input_password:before {
    display: block;
    content: "";
    background: url("../../../statics/images/bootstrap/new_website_1/login/pass_icon.svg") left center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 45px;
    z-index: 2;
}

.tcy_login .t_l_form .input_password .login_password:focus {
    border-bottom: 1px solid #7CACED;
}

.tcy_login .t_l_form .password {
    height: 70px;
    color: #666666;
    font-size: 14px;
}

.tcy_login .t_l_form .password .remember_pass {
    display: inline-block;
    font-weight: normal;
    line-height: 50px;
    position: relative;
    cursor: pointer;
}

.tcy_login .t_l_form .password .remember_pass input {
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    width: 10px\0;
    height: 10px\0;
}

.tcy_login .t_l_form .password .remember_pass input+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -3px;
    top: 17px;
    background: url("../../../statics/images/bootstrap/new_website_1/login/remember_icon.png") center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.tcy_login .t_l_form .password .remember_pass input:checked+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -3px;
    top: 17px;
    background: url("../../../statics/images/bootstrap/new_website_1/login/remember_icon2.png") center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

/********公共的单选按钮input[type="radio"]*******/
.common_blue_radio {
    display: inline-block;
    font-weight: normal;
    line-height: 50px;
    position: relative;
    cursor: pointer;
    letter-spacing: 3px;
    margin-right: 15px;
    font-size: 16px;
    color: #333333;
}

.common_blue_radio input {
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    width: 10px\0;
    height: 10px\0;
}

.common_blue_radio input+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -3px;
    top: 17px;
    background: url("../../../statics/images/bootstrap/new_website_1/login/remember_icon.png") center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.common_blue_radio input:checked+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -3px;
    top: 17px;
    background: url("../../../statics/images/bootstrap/new_website_1/login/remember_icon2.png") center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

/********公共的单选按钮input[type="radio"] end******/

.tcy_login .t_l_form .password .forget_pass {
    display: inline-block;
    float: right;
    line-height: 50px;
}

.tcy_login .t_l_form .password .forget_pass a {
    text-decoration: none;
    color: #666666;
}

.tcy_login .t_l_form .password .forget_pass a:hover {
    color: #7caced;
}

.tcy_login .t_l_form .btn_login .login_sub {
    height: 60px;
    border: none;
    outline: none;
    background: #7CACED;
    text-align: center;
    font-size: 18px;
    color: #fffffd;
    letter-spacing: 3px;
    width: 100%;
    border-radius: 3px;
    opacity: .96;
    filter: alpha(opacity=96);
}

.tcy_login .t_l_form .btn_login .login_sub.bind_phone {
    margin-top: 75px;
}

.tcy_login .t_l_form .btn_login .login_sub:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tcy_login .t_l_tips {
    height: 60px;
}

.tcy_login .t_l_tips p {
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding-top: 25px;
}

.tcy_login .t_l_tips p span {
    color: #7caced;
    font-size: 14px;
}

.tcy_login .t_l_tips p a {
    color: #7caced;
    text-decoration: none;
}

.tcy_login p.register {
    text-align: center;
    font-size: 14px;
    color: #666666;
    border-bottom: 1px solid #D2D8DE;
}

.tcy_login p.register a.user_register {
    color: #7caced;
    text-decoration: none;
    display: block;
    padding-top: 20px
}

.tcy_login .other_login_box {
    border-top: 1px solid #E9F0F6;
    text-align: center;
    position: absolute;
    bottom: 30px;
    width: 400px;
    z-index: 1002;
}

.tcy_login .other_login_box .olb_tit {
    display: inline-block;
    background: #fff;
    padding: 0 5px;
    position: relative;
    font-size: 12px;
    color: #999;
    top: -9px;
    line-height: 1.4;
}

.tcy_login .other_login_box .olb_wrap {
    font-size: 0;
    text-align: center;
    padding-top: 15px;
}

.tcy_login .other_login_box .olb_wrap .lg_boxes {
    width: 50px;
    display: inline-block;
}

.tcy_login .other_login_box .olb_wrap .lf_lgboxs {
    margin-right: 25px;
}

.tcy_login .other_login_box .olb_wrap .rt_lgboxs {
    margin-left: 25px;
}

.tcy_login .other_login_box .olb_wrap .lg_boxes p {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.tcy_login .other_login_box .olb_wrap .lg_boxes a {
    font-size: 14px;
    color: #666;
    text-decoration: none;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.tcy_login .other_login_box .olb_wrap .lg_boxes a.wechat_login {
    background: url(../../../statics/images/bootstrap/new_wechat_login01.png) center no-repeat #F8FAFC;
    background-size: 28px auto;
}

.tcy_login .other_login_box .olb_wrap .lg_boxes a.wechat_login:hover {
    background: url(../../../statics/images/bootstrap/new_wechat_login01.png) center no-repeat #F0F3F4;
    background-size: 28px auto;
}

.tcy_login .other_login_box .olb_wrap .lg_boxes a.qywx_login {
    background: url(../../../statics/images/bootstrap/new_qywx_login02.png) center no-repeat #F8FAFC;
    background-size: 28px auto;
}

.tcy_login .other_login_box .olb_wrap .lg_boxes a.qywx_login:hover {
    background: url(../../../statics/images/bootstrap/new_qywx_login02.png) center no-repeat #F0F3F4;
    background-size: 28px auto;
}

.tcy_login .wxchat_logo_form {
    position: absolute;
    width: 400px;
    height: 100%;
    background: #fff;
    z-index: 1001;
    top: 0;
    text-align: center;
    font-size: 0;
    display: none;
}

.tcy_login .wxchatshow {
    display: block;
}

.tcy_login .wxchat_logo_form p {
    display: inline-block;
    font-size: 22px;
    color: #333;
    padding-left: 38px;
    background: url(../../../statics/images/bootstrap/new_wechat_login01.png) left no-repeat;
    background-size: 28px auto;
    margin-top: 44px;
}

.tcy_login .wxchat_logo_form .code_img {
    border: 1px solid #E9F0F6;
    padding-bottom: 38px;
    max-width: 300px;
    margin: 30px auto 0;
}

.tcy_login .wxchat_logo_form .code_img img {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 38px auto 0;
}

.tcy_login .wxchat_logo_form .code_img span {
    display: block;
    color: #999;
    line-height: 1.4;
    font-size: 12px;
    margin-top: 10px;
}

/****************注册 tcy_register***************/
.tcy_register {
    width: 400px;
    margin: 60px auto;
}

.tcy_register .t_r_logo {
    width: 100%;
    height: 115px;
    text-align: center;
    line-height: 110px;
}

.tcy_register .t_r_logo img {
    display: inline-block;
    width: 134px;
    height: auto;
}

.tcy_register .t_r_welcome {
    height: 65px;
    letter-spacing: 3px;
}

.tcy_register .t_r_welcome .login_atonce {
    display: inline-block;
    float: right;
    color: #666666;
    font-size: 16px;
    margin-top: 23px;
}

.tcy_register .t_r_welcome .login_atonce a {
    color: #7caced;
    text-decoration: none;
}

.tcy_register .t_r_welcome .wel_reg {
    display: inline-block;
    color: #333333;
    font-size: 22px;
    margin-top: 14px;
}

.tcy_register .t_r_form input {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}

.tcy_register .t_r_form input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    width: 10px\0;
    height: 10px\0;
}

.tcy_register .t_r_form .reg_input {
    height: 60px;
    margin-top: 20px;
    position: relative;
}

.tcy_register .t_r_form .reg_input input:-webkit-autofill,
.tcy_register .t_r_form .reg_input input:-webkit-autofill:hover,
.tcy_register .t_r_form .reg_input input:-webkit-autofill:focus {
    border-bottom: 1px solid #E9F0F6;
    -webkit-text-fill-color: #666;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    font-weight: 500;
}

.tcy_register .t_r_form .reg_input input {
    display: block;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #E9F0F6;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.tcy_register .t_r_form .reg_input input:focus {
    border-bottom: 1px solid #7CACED;
}

.tcy_register .t_r_form .reg_input input.send_code {
    position: absolute;
    width: 135px;
    height: 38px;
    border: 3px solid #E0E0E0;
    border-radius: 2px;
    color: #7caced;
    font-size: 14px;
    text-align: center;
    background: #ffffff;
    right: 0;
    bottom: 30px;
    outline: none;
}

.tcy_register .t_r_form .reg_verify .img_verify_code {
    display: block;
    position: absolute;
    right: 0;
    bottom: 30px;
    border-radius: 2px;
    cursor: pointer;
}

.tcy_register .t_r_form .reg_password .pw_level {
    width: 100%;
    margin-top: 10px;
    height: 18px;
}

.tcy_register .t_r_form .reg_repassword {
    margin-top: 45px;
}

.tcy_register .t_r_form .reg_password .pw_level.pw_weak .pw_w {
    background: #FF1E00;
}

.tcy_register .t_r_form .reg_password .pw_level.pw_medium .pw_w {
    background: #FF1E00;
}

.tcy_register .t_r_form .reg_password .pw_level.pw_medium .pw_m {
    background: #FF7A00;
}

.tcy_register .t_r_form .reg_password .pw_level.pw_strong .pw_w {
    background: #FF1E00;
}

.tcy_register .t_r_form .reg_password .pw_level.pw_strong .pw_m {
    background: #FF7A00;
}

.tcy_register .t_r_form .reg_password .pw_level.pw_strong .pw_s {
    background: #FFA800;
}

.tcy_register .t_r_form .reg_password .pw_level .pw_bar span {
    width: 130px;
    height: 18px;
    background: #E1E8ED;
    text-align: center;
    display: block;
    float: left;
}

.tcy_register .t_r_form .reg_password .pw_level .pw_bar span em {
    font-size: 14px;
    color: #ffffff;
    font-style: normal;
}

.tcy_register .t_r_form .reg_password .pw_level .pw_bar span.pw_w {
    margin-right: 5px;
}

.tcy_register .t_r_form .reg_password .pw_level .pw_bar span.pw_m {
    margin-right: 5px;
}

.tcy_register .t_r_form .reg_agreement {
    height: 60px;
    line-height: 55px;
}

.tcy_register .t_r_form .reg_agreement1 .onError,
.tcy_register .t_r_form .reg_agreement1 .onFocus {
    top: -19px;
}

.tcy_register .t_r_form .reg_agreement .agree_contract {
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    position: relative;
}

.tcy_register .t_r_form .reg_agreement .agree_contract input+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -3px;
    top: 19px;
    background: url("../../../statics/images/bootstrap/new_website_1/login/remember_icon.png") center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.tcy_register .t_r_form .reg_agreement .agree_contract input:checked+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -3px;
    top: 19px;
    background: url("../../../statics/images/bootstrap/new_website_1/login/remember_icon2.png") center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.tcy_register .t_r_form .reg_agreement a {
    color: #7caced;
    font-size: 14px;
    text-decoration: none;
    outline: none;
}

.tcy_register .t_r_form .btn_register .register_sub {
    margin-top: 15px;
    height: 60px;
    border: none;
    outline: none;
    background: #7CACED;
    text-align: center;
    font-size: 18px;
    color: #fffffd;
    letter-spacing: 3px;
    width: 100%;
    border-radius: 3px;
    opacity: .96;
    filter: alpha(opacity=96);
}

.tcy_register .t_r_form .btn_register .register_sub:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tcy_register .t_r_tips {
    height: 80px;
}

.tcy_register .t_r_tips p {
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 70px;
}

.tcy_register .t_r_tips p a {
    color: #7caced;
    font-size: 14px;
}

.t_r_form .onError,
.t_r_form .onFocus {
    top: -38px;
}

/*注册条款*/
.service_provision .modal-dialog {
    width: 800px;
}

.service_provision .modal-dialog .modal-header {
    padding: 20px 25px;
}

.service_provision .modal-dialog .modal-header h4 {
    font-weight: bold;
}

.service_provision .modal-dialog .modal-body {
    padding: 25px;
}

.service_provision .modal-dialog .modal-body pre {
    line-height: 30px;
    font-size: 14px;
    letter-spacing: 2px;
    text-indent: -104px;
    padding: 10px;
}

/********************找回密码******************/
.tcy_find_password {
    width: 400px;
    margin: 60px auto;
}

.tcy_find_password .t_f_logo {
    width: 100%;
    height: 115px;
    text-align: center;
    line-height: 110px;
}

.tcy_find_password .t_f_find {
    color: #333333;
    font-size: 24px;
    height: 65px;
    letter-spacing: 5px;
    line-height: 65px;
}

.tcy_find_password .t_f_tips a {
    font-size: 14px;
    color: #7caced;
    letter-spacing: 3px;
    text-decoration: none;
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}

.tcy_find_password .t_f_tips p {
    font-size: 14px;
    color: #b2b2b2;
    letter-spacing: 3px;
    line-height: 30px;
}

.tcy_find_password .t_f_tips p span {
    color: #666666;
}

.tcy_find_password .t_f_mistake {
    margin-top: 50px;
    text-align: center;
}

.tcy_find_password .t_f_mistake img {}

.tcy_find_password .t_f_mistake h2 {
    font-size: 22px;
    color: #333333;
    letter-spacing: 2px;
    margin: 20px 0;
    line-height: 40px;
}

.tcy_find_password .t_f_mistake p {
    font-size: 14px;
    color: #999999;
    letter-spacing: 3px;
}

.tcy_find_password .t_f_mistake p span {
    font-size: 20px;
    color: #7caced;
    padding-right: 5px;
}

.correct_mark {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

.correct_mark .wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.correct_mark .wrapper_right {
    right: 0;
}

.correct_mark .wrapper_left {
    left: 0;
}

.correct_mark .wrapper .circle_animate {
    width: 200%;
    height: 100%;
    border: 6px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.correct_mark .wrapper .right_circle {
    right: 0;
    border-top-color: #44e7ba;
    border-right-color: #44e7ba;
    animation: circleAnimateRight 0.22s linear 1;
    -webkit-animation: circleAnimateRight 0.22s linear 1;
}

.correct_mark .wrapper .left_circle {
    left: 0;
    border-bottom-color: #44e7ba;
    border-left-color: #44e7ba;
    animation: circleAnimateLeft 0.22s linear 1;
    -webkit-animation: circleAnimateLeft 0.22s linear 1;
}

.correct_mark .check_animate {
    width: 100%;
    overflow: hidden;
    animation: expandw linear 0.3s 0.27s forwards;
    -webkit-animation: expandw linear 0.3s 0.27s forwards;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -17px;
}

.correct_mark .check_animate img {
    width: 34px;
    height: 25px;
    display: block;
}

@-webkit-keyframes expandw {
    0% {
        opacity: 1;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes expandw {
    0% {
        opacity: 1;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@-webkit-keyframes circleAnimateRight {
    0% {
        -webkit-transform: rotate(-135deg);
    }

    50%,
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes circleAnimateRight {
    0% {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    50%,
    100% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes circleAnimateLeft {

    0%,
    50% {
        -webkit-transform: rotate(-135deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes circleAnimateLeft {

    0%,
    50% {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.common_form_box {
    position: relative;
}

.common_form_box .send_code {
    position: absolute;
    right: 0px;
    top: 20px;
    width: 130px;
    height: 25px;
    text-align: right;
    font-size: 14px;
    border: none;
    outline: none;
    background: #ffffff;
    color: #7caced;
    letter-spacing: 3px;
}

.common_form_box span:hover {
    font-weight: bold;
}

.wrap_common_input {
    position: relative;
}

.common_form_input {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #666666;
    letter-spacing: 3px;
    line-height: 57px;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    border-bottom: 1px solid #E9F0F6;
    margin-top: 30px;
}

.common_form_input:focus {
    border-bottom: 1px solid #7CACED;
}

.common_form_sub {
    height: 60px;
    border: none;
    outline: none;
    background: #7CACED;
    text-align: center;
    font-size: 18px;
    color: #fffffd;
    letter-spacing: 3px;
    width: 100%;
    border-radius: 3px;
    opacity: .96;
    filter: alpha(opacity=96);
    margin-top: 50px;
}

.common_form_sub:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/****************帮助页面***************/
.t_help_nav {
    padding: 25px 0;
    /*overflow: hidden;*/
    border-bottom: 1px solid #e3ecf5;
}

.t_help_nav .t_n {
    text-align: center;
}

.t_help_nav a {
    display: inline-block;
    color: #666666;
    font-size: 20px;
    letter-spacing: 3px;
    text-decoration: none;
    cursor: pointer;
    padding: 16px 0 16px 75px;
    background: url("../../images/bootstrap/new_website_1/t_help_bg.png") no-repeat 0 0;
}

.t_help_nav a:hover {
    color: #111;
}

.t_help_nav a.a2 {
    background: url("../../images/bootstrap/new_website_1/t_help_bg.png") no-repeat 0 -87px;
}

.t_help_nav a.a3 {
    background: url("../../images/bootstrap/new_website_1/t_help_bg.png") no-repeat 0 -166px;
}

.t_help_details {
    padding: 50px 0;
}

.t_help_details ul li:last-child {
    padding-bottom: 0;
}

.t_help_details ul li h4,
.t_help_details ul li.on h4 {
    color: #7caced;
}

.t_help_details ul li:hover h4,
.t_help_details ul li:hover.on h4 {
    color: #4d90ec;
}

.t_help_details ul li p {
    max-width: 66.6%;
}

.t_help_btn {
    padding: 60px 0;
}

.t_help_btn .row {
    margin-left: 0;
    margin-right: 0;
}

.t_help_btn .con {
    text-align: center;
}

.t_help_btn .con span {
    color: #333333;
    font-size: 24px;
    letter-spacing: 3px;
    padding-right: 20px;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    vertical-align: top;
}

.t_help_btn .con .btn_blue_border {
    width: 290px;
}

/*特创易正在发生--页面*/
.t_n_happen_wrap {
    padding: 40px 0;
}

.t_n_happen_wrap .row {
    margin: 0;
}

.t_n_happen_item {
    padding: 20px 0;
    color: #666666;
    font-size: 16px;
}

.t_n_happen_item .img_enlarge_slow {
    border-radius: 3px;
}

.t_n_happen_item .col-md-8 {
    padding-left: 35px;
}

.t_n_happen_item h4 a {
    display: block;
    font-size: 28px;
    color: #4c4c4c;
    padding: 10px 0;
    text-decoration: none;
}

.t_n_happen_item h4 a:hover {
    color: #111;
    text-decoration: none;
}

.t_n_happen_item p {
    padding: 10px 0;
}

.t_n_happen_item .desc {
    line-height: 28px;
    max-height: 100px;
}

.t_n_happen_btn {
    padding-bottom: 60px;
    text-align: center;
}

/*客户证言页面*/
.t_customer_say {
    padding: 77px 0 80px;
}

.t_customer_say .row {
    margin: 0;
}

/*******客户证言视频*****/
.customer_video .video_rela {
    position: relative;
    height: 100%;
}

.customer_video .video_img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    height: 100%;
}

.customer_video .video_btn {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    z-index: 3;
    cursor: pointer;
    outline: none;
    border: 0;
    background: url("../../images/bootstrap/new_website_1/video_play.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 100%;
    -webkit-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.customer_video .video_btn:hover {
    -webkit-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    box-shadow: 3px 6px 20px rgba(0, 0, 0, .3);
    /*transform: scale(1.2);*/
}

.t_customer_item {
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding: 0 50px;
    margin-top: 40px;
}

.t_customer_item:nth-child(3n+1) {
    clear: both;
}

.t_customer_item img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 100%;
}

.t_customer_item h4 {
    color: #333333;
    font-size: 20px;
    font-weight: normal;
    padding: 20px 0 12px;
}

.t_customer_item p {
    font-size: 16px;
    line-height: 24px;
}

.t_customer_item .t_star {
    padding: 12px 0;
}

.t_customer_item .desc {
    line-height: 28px;
}

.t_customer_item .time {
    margin-top: 12px;
    color: #999999;
    font-size: 14px;
}

.t_customer_paginate {
    padding: 20px 0 0;
    text-align: center;
}

.t_customer_paginate a,
.t_customer_paginate span {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 38px;
    border: 2px solid #edf0ef;
    border-radius: 3px;
    padding: 0;
    color: #666666;
    font-size: 16px;
    text-decoration: none;
    background: #fff;
}

.t_customer_paginate a:hover {
    text-decoration: none;
}

.t_customer_paginate .active {
    border: 2px solid #333;
    background: #fff;
    color: #333;
}

.t_customer_paginate .icon-chevron-left,
.t_customer_paginate .icon-chevron-right {
    position: relative;
}

.t_customer_paginate .icon-chevron-left:before,
.t_customer_paginate .icon-chevron-right:before {
    position: absolute;
    left: 13px;
    top: 11px;
    content: "";
    width: 10px;
    height: 14px;
    display: inline-block;
    background: url("../../images/bootstrap/new_website_1/pagination_icon.png") no-repeat 0 0;
}

.t_customer_paginate .icon-chevron-right:before {
    background: url("../../images/bootstrap/new_website_1/pagination_icon.png") no-repeat 0 -18px;
}

/**************新版tcy -- 关于我们页面*********************/
.t_n_about_tcy {
    padding: 70px 0;
}

.about_tcy_platform .a_t_p_con .about_img img {
    max-width: 100%;
}

.t_n_about_tcy .t_introduction {
    font-size: 16px;
    color: #666666;
    line-height: 35px;
    letter-spacing: 3px;
    width: 75%;
}

.t_business {
    margin-top: 30px;
}

.t_business .row>div {
    margin-bottom: 20px;
}

.t_business .t_bu_con {
    border: 6px solid #E4EDF6;
    padding: 20px 20px 20px 0;
    height: 220px;
}

.t_business .t_bu_con .bu_img {
    width: 205px;
    height: 170px;
    border-right: 1px solid #E5EEFC;
    letter-spacing: 3px;
    color: #7fadeb;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.t_business .t_bu_con .bu_img i {
    display: block;
    margin: 0 auto 10px;
    width: 64px;
    height: 64px;
    background: url("../../../statics/images/bootstrap/new_website_1/about_tcy.png") 0 0 no-repeat;
}

.t_business .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.t_business .row>div:nth-child(1) {
    padding-left: 0;
}

.t_business .row>div:nth-child(3) {
    padding-left: 0;
}

.t_business .row>div:nth-child(2) .t_bu_con .bu_img i {
    background: url("../../../statics/images/bootstrap/new_website_1/about_tcy.png") 0 -96px no-repeat;
}

.t_business .row>div:nth-child(3) .t_bu_con .bu_img i {
    background: url("../../../statics/images/bootstrap/new_website_1/about_tcy.png") 0 -192px no-repeat;
}

.t_business .row>div:nth-child(4) .t_bu_con .bu_img i {
    background: url("../../../statics/images/bootstrap/new_website_1/about_tcy.png") 0 -288px no-repeat;
}

.t_business .t_bu_con .bu_img span {
    font-size: 20px;
    line-height: 35px;
}

.t_business .t_bu_con .bu_img em {
    font-size: 14px;
    font-style: normal;
}

.t_business .t_bu_con p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 3px;
}

.t_power {
    font-size: 16px;
    color: #666666;
    line-height: 38px;
    margin-top: 30px;
    letter-spacing: 3px;
}

.t_power p span {
    color: #4292ea;
}

.t_about_table {
    margin-top: 70px;
    letter-spacing: 3px;

}

.t_about_table table>thead>tr>th {
    border: none;
    font-size: 20px;
    font-weight: normal;
    padding: 20px 40px;
    width: 25%;
}

.t_about_table table>tbody>tr>th {
    font-size: 16px;
    padding: 20px 40px;
    color: #999999;
    font-weight: normal;
}

.t_about_table table>tbody>tr:nth-child(1)>th {
    border: none;
}

.t_about_table table>tbody>tr>th:nth-child(1) {
    color: #666666;
}

.little_blue {
    background: #f7fafd;
}

.s_blue_1 {
    background: #7CACEE;
    color: #ffffff;
}

.s_blue_2 {
    background: #E0EBFB;
}

.s_blue_3 {
    background: #E9F2F9;
}

.th_white {
    display: block;
    width: 32px;
    height: 22px;
    background: url(../../../statics/images/bootstrap/new_website_1/about_tcy.png) 0 -384px no-repeat;
    float: right;
}

.th_green {
    display: block;
    float: left;
    width: 20px;
    height: 15px;
    background: url(../../../statics/images/bootstrap/new_website_1/about_tcy.png) 0 -438px no-repeat;
    margin-top: 5px;
    margin-right: 10px;
}

.th_gray {
    display: block;
    float: left;
    width: 15px;
    height: 14px;
    background: url(../../../statics/images/bootstrap/new_website_1/about_tcy.png) 0 -417px no-repeat;
    margin-top: 5px;
    margin-right: 10px;
}

/*************合作伙伴****************/
.tcy_all_partner {
    padding-top: 20px;
    padding-bottom: 60px;
}

.tcy_partner.tcy_partner_1 .partner_con {
    margin-bottom: 20px;
}

.tcy_partner .partner_con h4 {
    font-size: 18px;
    color: #7caced;
    line-height: 45px;
}

.tcy_partner .partner_con h4 a {
    color: #7caced;
    text-decoration: none;
}

.tcy_partner .partner_con p {
    color: #999999;
    font-size: 14px;
    line-height: 25px;
}

.tcy_partner .title {
    padding-top: 35px;
}

.tcy_partner .container .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.tcy_partner.tcy_partner_1 .container .row>div:nth-child(4n+1) {
    clear: both;
}

.tcy_partner.tcy_partner_2 .container .row>div:nth-child(6n+1) {
    clear: both;
}

/************平台介绍****************/
.tcy_introduction {
    padding-bottom: 35px;
}

.tcy_introduction .container .row>div>div {
    height: 380px;
    margin-top: 70px;
    margin-bottom: 70px;
}

.process_txt {
    position: relative;
}

.process_txt .b_l {
    position: absolute;
    left: 40px;
    top: 60%;
    margin-top: -12.291em;
    max-width: 90%;
}

.process_txt .b_l div {
    font-size: 1.35em;
    letter-spacing: 3px;
}

.process_txt .b_l div.d_1 {
    margin-bottom: 0.4em;
    font-size: 3.167em;
    color: #333333;
}

.process_txt .b_l div.d_1 img {
    max-width: 85%;
    width: 85%;
    display: block;
}

.process_txt .b_l div.d_2 {
    margin-bottom: 0.7em;
}

.process_txt .b_l div.d_3 {
    margin-bottom: 2em;
}

.process_txt .b_l div.d_4 {
    margin-bottom: 0.7em;
}

.process_txt .b_l div.d_5 {
    margin-bottom: 2.7em;
}

.process_txt .b_l div.d_5 em {
    color: #999999;
    font-size: 14px;
    font-style: normal;
}

.process_txt .b_l div.d_4 b {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    vertical-align: middle;
    background: url("../../images/bootstrap/new_website_1/tcy_new_icon_1.png") no-repeat center center;
    background-size: 100% 100%;
}

.process_txt .b_l div.d_5 b {
    background: url("../../images/bootstrap/new_website_1/tcy_new_icon_1.png") no-repeat center center;
    background-size: 100% 100%;
}

/*流程图片*/
.process_img img {
    width: 100%;
    margin-top: 1em;
}

/*切换*/
.tab_platform .t_tab_nav {
    position: relative;
    height: 100px;
    border-bottom: 1px solid #E3ECF5;
}

.tab_platform .t_tab_nav .tt {
    width: 50%;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 100px;
    font-size: 20px;
    letter-spacing: 3px;
    color: #666666;
}

.tab_platform .t_tab_nav .tt.on {
    color: #7fadeb;
}

.tab_platform .t_tab_nav .tt.on:hover {
    color: #7fadeb !important;
}

.tab_platform .t_tab_nav .tt:hover {
    color: #000000;
}

/*****************关于特创易平台介绍*****************/
.a_t_p_con {
    padding: 70px 15px;
    border-bottom: 1px solid #E9F0F5;
}

.a_t_p_con .row>div {
    position: relative;
    letter-spacing: 3px;
}

.a_t_p_con h2 {
    font-size: 32px;
    color: #4c4c4c;
    position: relative;
    padding-bottom: 30px;
}

.a_t_p_con h2 b {
    display: block;
    position: absolute;
    width: 36px;
    height: 5px;
    background: #7FADEB;
    left: 0;
    bottom: -5px;
}

/*.a_t_p_con h2:after{
	display: block;
	content: "";
	position: absolute;
	width: 36px;
	height: 5px;
	background: #7FADEB;
	left: 15px;
	top: 60px;
}*/
.a_t_p_con p.pp {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    padding-top: 25px;
}

.a_t_p_con p.pp2 {
    line-height: 25px;
}

.a_t_p_con p.pp2 i {
    color: #999999;
    font-size: 14px;
    font-style: normal;
}

.main_info ul li {
    display: block;
    width: 50%;
    margin-top: 30px;
    float: left;
    padding-right: 30px;
}

.main_info ul li h3 {
    font-size: 30px;
    color: #333333;
    font-weight: 100;
    margin-bottom: 15px;
}

.main_info ul li h3 em {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.main_info ul li p {
    color: #808080;
    font-size: 14px;
}

/*电话侧边栏*/
.float_bars_pc {
    position: fixed;
    right: 1px;
    bottom: 120px;
    z-index: 1000;
    width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.float_bars_pc a {
    display: block;
    text-decoration: none;
    /*border-top: 1px solid #e9f2f9;*/
    /* border: 1px solid #EEEEEE; */
    /* background: #7fadeb; */
    width: 80px;
    height: 80px;
    margin-right: 0px;
    text-align: center;
    /* color: #fff; */
    overflow: hidden;
}

.float_bars_pc a.aside4 {
    padding: 8px 0;
}

.float_bars_pc a p {
    padding: 5px 0 0 0;
}

.float_bars_pc a.aside1 {
    background: url(data:image/gif;base64,R0lGODlhPAA8APevAMHW9KfF8OHr+oqz7LDL8unw+/j6/p2/79Lg9/H1/LnQ85S57trm+ICt6/3+/8rb9oGu64Sw7P7+//z9/4Kv6/7//8jc9oOw7IWx7Pr8/vf6/tPj+OHs+uPt++jx+4Cu66HD8IOv7PT4/Yey7J7B8NXk+LPO87DN84iz7KzK8vn7/rHN8+Dr+vv9/uvy/I227cHX9fX5/vb5/oy17ZC47vv8/pW77rXP84ay7Pb6/rTP8/L3/b7V9eXv+/P4/dLi+OXu+7bQ9L3V9b7W9bjR9PX5/erx/Nnn+bfR9LjS9N7q+sTZ9pi977LN8+Tu+5S67qbG8c3f94ax7M/g99rn+avJ8rzU9K7L8tjm+Zq+74u17b/W9ZzA8NHh+Obv++3z/NHi+PP3/fj7/rrT9Mve94mz7ZG57rLO87vU9N/q+t/r+pO67qXF8Za777XQ8+70/I+37cfb9snd96DC8KPE8bnS9J/C8Nbl+crd97DM85K57pu/7+nx/J/B8Ofw++Ls+qfG8ezz/PH2/ery/I+37tDh+KTF8c7f97vT9MXa9sDX9a/M89Tk+Iq07eLt+6/M8tvo+cnc96rI8tzp+s/g+Nfm+Y637anI8sPY9rzU9aTE8Zm+78LY9u/1/c7g95e874iy7JS77p3A8K3K8vD2/cDW9e30/Nfl+afH8arJ8qjH8Za874u07f///3+t6////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNGM4NjlhYi1jNmRjLTQ2MzMtYmRiNS02MWNjNjgyOWM4MmUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTRDQzFGN0E3NENBMTFFNjg0MkVDNDEzQTBFMjI3MTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTRDQzFGNzk3NENBMTFFNjg0MkVDNDEzQTBFMjI3MTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNTc1MTg0NC1hMmVjLTRjZjAtYjk5Yi00OTJlZDk4ZDExYjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjRjODY5YWItYzZkYy00NjMzLWJkYjUtNjFjYzY4MjljODJlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQEArwAsAAAAADwAPAAACP8AXQkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4rM+IGJJBARRk4k4aKVSw1BVELsM8GlzVZDZDb80LKVDEZ8XDrQo3PhHpcxmAjs4FJIUYVVXG4YeMLloacJQbj0MBCGyyVYEWLQ4LLDCq8u7YRFGOSmTSxrE/KQcPMIjrgJrdhUAgFvwgYWbG7oOzACkR4ZMjhBEiIsYMGE4Xhw28rDC8eBpUK4MJlyKy8UMAtOYjNFhAgpbOpY+9hlDpcpCF4pG7e1zQsEMbhUgdd2Kwy5d/u13YGwqzwuOfh11YCFTRY4RiyyaWK5qwhFPLdyEtr6Cx+Ugcz/sD6Qwo0/BjRwMNGdvPv38OPLpwiglUECAwoeeMBgwAABAAiUAAMGAYCAQAq0skBEAwDgoACtOOigQAgU0OBNBTyQHwAJCBAAZQceYMADrhRggIQTMvShAAIk0AqLBdgnEAMAHHCAKx8WNEAAHS4Q4QCtECAQAUS+yKIAMTaUoyv1CbSkQU8K9F8CC9SHQAAFuEKAgwEYkICEO8q40IfaucKASwGc6ZYBBJwpwAAiQqiAQABASMADrRQAYQBRJrRkkziK2UoAAz1JgAAHEIBAKwcmWECArgwaKQL1BcChkhHWmemiA0lqgFs3IiiAkAIdgMCckRKa5551YuqZAZ1ucCmpQLNqB2mkBBzAaKUPCNDQAgQyKWaXtHo5a6q0EkpQhJ22gqeeAizAYkT1SYikK7oWoKuyyHbbKaQJzglAfq4McCKDELpkgLgWRuqWsrYKtACpQ7pEZUfjDpQvk+TqG+p8AAcs8MAEF2zwwQhfFBAAIfkEBQEArwAsDwAKABwAFwAACP8AXQkcSLCgwYMFpSBcuHAOjyVxsoxgyHBGiQytWjkosgQHxYMXyGRsgTHjjYkfCWbJ2GoKmh8ZPZBISRBTxhICbZRolUMHTYEUtrSawGMgp6ErIPykYELChA4RtNgY1EoCnQYLIxRs8OSLxk5T0lRoBeSFQThNCnXRoclgJhGtxmZUAcjgjRgZJ7TKgAfFh4EYVgBhKaEEyoFBNLDUmFEOjYJtYODd66GKVldr4DpQc4POhh2tZAwxGAHKEQl5PXG5ILQVBwoCMZzJGEipwRlE3jjIaITMzgwgCuKtQAhhAxtTBLHc7cAMwQ8sWhmYQ/HSkcWtTqAYuMlFKyNPPtI+cPOlRUYNeLi4wgCzFQuaF55E0cu7C+iMILCmxCpEDPYKYVgB208CsUGFGGFk5MIJthEokBaWnNDEJw4SGBAAIfkEBQEArwAsDwAKABwAFwAACP8AXQl01eBCliqGykAYyLChw4EketSYMKHImBAPMzIkoaFVqwoeJcBYqDGjF5AiNgCR0MpBmwYlHTKZ0CqHqBAQ0oDcQjLmQFUOWlUieSIopZ4+XfUJOggDhA+KWCb6kHRgBBEeOZhQRLMVCJhVBbqhWWFC0ApYkFb9IKSFx5anyoRtCAFN0FYcRjiEECJCBJwlKcQJ6gDMBYYjkjiSIYMDEhyBB7eS8COCQDM9unqc0INGyRAWWBa+gMHL5gwZunY4rBG0aDB1PLYYhQLFFZoSTMS8EImlhCKTU4CFsOIjB5+8WXp0QAGxRw1JI8gB2VIKQxQeZVSV7rGCEoyuIJgv+KgkbAQWISGVmXFG9Im5ZbB+RI07TfOwDdbsuLtZzYy5A4GSBAci7DBJE5YNFBAAIfkEBQEArwAsEQAIABgAHAAACP8AXQkU2ICCq0YRBipcyPDFig4cwCC5wLDiQBuVWlVoxdFPKIsMpUTh2EqDgY0/pIAc2MCOiFYqELEZI6NVC0MrBVLIo7EQBoElHLRy0yCnKyKtJEQRGGFIBQc8jLqCMqFVjBRmoKhp5aOJVAyTOO6gokLoHRtSp6ogydEUCQhpQ3Th2EJQFBBpB4LQ0EoMKhR5Ff7g+Cewwj0vazxaaNAohERCezQSSAgQDEpJ1uSkwaeVAysUUlBJSpIMq5VIW72p44Itxxp3AFtE4YdjDs+kkKzAUoPjkJUnWpB0RCOhKxMcfVC0iGE0x8UDtSjhymUlm96trihsUKJVjVQrLxhD4Rio6MCXFVbl1MFRwhiBNNBwfNN4ZRiOE+4IcWKAKyKpJPghgWutlPJCWiRAYlsNX4wBgXlp6XFGHSS0YdhCHzAUEAAh+QQFAQCvACwRAAgAGAAcAAAI7QBdCRxIsKDBgwgTGvzARBKICAoRknDRqqKGIBEL9plQsWOrIRkFfqDYSgYjPhUd6Am5p2IMJgI7VBQSskrFDQNPVDwUEkRFDwNhVFwSEoOGih1WCK1oJ6SrIB47YnEqkIcEj0dwUBVopaMSCFsFNrDQcQPYgRGI9MiQwQmSEAbHlj0Lx0PUVh5exCV7E8IFu3dbeaGwt2ySjikiREjRUcdBuRVzVExB8ApShJA7XiCIoaKKhJlbYeDsWWHmDmdd5anIIWIDFh1Z4BixqKOJjBGKBG7lhHDGFz7uAplBlcKNPwY0cDDhO6zz584DAgAh+QQFAQCvACwPAAoAHAAXAAAI/wBdCRxIsKDBgwWlIFy4cA6PJXGyjGDIcEaJDK1aOSiyBAfFgxfIZGyBMeONiR8JZsnYagqaHxk9kEhJEFPGEgJtlGiVQwdNgRS2tJrAYyCnoSsg/KRgQsKEDhG02BjUSgKdBgsjFGzw5IvGTlPSVGgF5IVBOE0KddGhyWAmEa3GZlQByOCNGBkntMqAB8WHgRhWAGEpoQTKgUE0sNSYUQ6Ngm1g4N3roYpWV2vgOlBzg86GHa1kDDEYAcoRCXk9cbkgtBUHCgIxnMkYSKnBGUTeOMhohMzODCAK4q1ACGEDG1MEsdztwAzBDyxaGZhD8dKRxa1OoBi4yUUrI08+0j5w86VFRg14uLjCALMVC5oXnkTRy7sL6IwgsKbEKkQM9gphWAHbTwKxQYUYYWTkwgm2ESiQFpac0MQnDhIYEAAh+QQFAQCvACwPAAoAHAAXAAAI/wBdCXTV4EKWKobKQBjIsKHDgSR61JgwociYEA8zMiShoVWrCh4lwFioMaMXkCI2AJHQykGbBiUdMpnQKoeoEBDSgNxCMuZAVQ5aVSJ5Iiilnj5d9Qk6CAOED4pYJvqQdGAEER45mFBEsxUImFUFuqFZYULQCliQVv0gpIXHlqfKhG0IAU3QVhxGOIQQIkIEnCUpxAnqAMwFhiOSOJIhgwMSHIEHt5LwI4JAMz26epzQg0bJEBZYFr6AwcvmDBm6djisEbRoMHU8thiFAsUVmhJMxLwQiaWEIpNTgIWw4iMHn7xZenRAAbFHDUkjyAHZUgpDFB5lVJXusYISjK4gmC/4qCRsBBYhIZWZcUb0ibllsH5EjTtN87AN1uy4u1nNjLkDgZIEByLsMEkTlg0UEAAh+QQFAQCvACwRAAgAGAAcAAAI/wBdCRTYgIKrRhEGKlzI8MWKDhzAILnAsOJAG5VaVWjF0U8oiwylROHYSoOBjT+kgBzYwI6IVioQsRkjo1ULQysFUsijsRAGgSUctHLTIKcrIq0kRBEYYUgFBzyMuoIyoVWMFGagqGnlo4lUDJM47qCiQugdG1KnqiDJ0RQJCGlDdOHYQlAUEGkHgtDQSgwqFHkV/uD4J7DCPS9rPFpo0CiEREJ7NBJICBAMSknW5KTBp5UDKxRSUElKkgyrlUhbvanjgi3HGncAW0Thh2MOz6SQrMBSg+OQlSdakHREI6ErExx9ULSIYTTHxQO1KOHKZSWb3q2uKGxQolWNVCsvGEPhGKjowJcVVuXUwVHCGIE00HB803hlGI4T7ghxYoArIqkk+CGBa62U8kJaJEBiWw1fjAGBeWnpcUYdJLRh2EIfMBQQACH5BAUBAK8ALBEACAAYABwAAAjtAF0JHEiwoMGDCBMa/MBEEogIChGScNGqooYgEQv2mVCxY6shGQV+oNhKBiM+FR3oCbmnYgwmAjtUFBKySsUNA09UPBQSREUPA2FUXBISg4aKHVYIrWgnpKsgHjticSqQhwSPR3BQFWiloxIIWwU2sNBxA9iBEYj0yJDBCZIQBseWPQvHQ9RWHl7EJXsTwgW7d1t5obC3bJKOKSJESNFRx0G5FXNUTEHwClKEkDteIIihooqEmVth4OxZYeYOZ13lqcghYgMWHVngGLGoo4mMEYoEbuWEcMYXPu4CmUGVwo0/BjRwMOE7rPPnzgMCACH5BAUBAK8ALA8ACgAcABcAAAj/AF0JHEiwoMGDBaUgXLhwDo8lcbKMYMhwRokMrVo5KLIEB8WDF8hkbIEx442JHwlmydhqCpofGT2QSEkQU8YSAm2UaJVDB02BFLa0msBjIKehKyD8pGBCwoQOEbTYGNRKAp0GCyMUbPDki8ZOU9JUaAXkhUE4TQp10aHJYCYRrcZmVAHI4I0YGSe0yoAHxYeBGFYAYSmhBMqBQTSw1JhRDo2CbWDg3euhilZXa+A6UHODzoYdrWQMMRgByhEJeT1xuSC0FQcKAjGcyRhIqcEZRN44yGiEzM4MIArirUAIYQMbUwSx3O3ADMEPLFoZmEPx0pHFrU6gGLjJRSsjTz7SPnDzpUVGDXi4uMIAsxULmheeRNHLuwvojCCwpsQqRAz2CmFYAdtPArFBhRhhZOTCCbYRKJAWlpzQxCcOEhgQACH5BAUUAK8ALA8ACgAcABcAAAjtAF0JFPiBiSQQEQYqXMhQIQkXrSJqCNKw4sI+EyJqbDXEosUPEFvJYMQnogM9HhvuiRiDicAOEYWkZFgl4oaBJyIemrkQREQPA2FEXMJTIQYNETusEBrRTlGFQTZqxPJ0IQ8JG4/gqLrQikYlELgubGBB44awAyMQ6ZEhgxMkITySNYsWjgeprTy8kFvWJoQLd/G28kKBr9kkGlNEiJBCo46UcyPmiJhC4ZWkMyNrvGA0ogqemlth6NzqM+i+rTqgdZUnIoenDVhoZIFjxCKNJqpGKCK4lZPCVV/4wAtkhlhXFG78MaCBgwngAgMCADs=) #7fadeb;
}

.float_bars_pc a.aside2 {
    background: url(../../../statics/images/bootstrap/new_website_1/aside_icon2.gif) no-repeat center;
    background-size: 78px 78px;
}

.float_bars_pc a.aside3 {
    background: url(data:image/gif;base64,R0lGODlhPAA8ANUuAN3n+Yy07Ozx+/n6/uXs+rXM8vL2/Je67r7S887d9sbY9aLB79bi96zH8d/r+vb5/unx/Mjc9ufw+4Kv64q07dPj+NLi+Pb6/ubv+/f6/sfb9u70/O/1/Njm+eTu+8TZ9sPZ9tfl+bDM8/n7/tfm+bHN8+ry/Ozz/OPt++vy/Iey7Nbl+f///3+t6////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmE0ZTZhMWNjLTdjMzMtMjM0MS1iYTJhLWNhMjUwZGJjNzJlNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNTI0MUY1RkM3MUUxMUU5OTVBMUI4MzdEMTAwNzI1NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNTI0MUY1RUM3MUUxMUU5OTVBMUI4MzdEMTAwNzI1NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmFkOGJlMjFhLWI0ZWQtNDhjNi1hOGU1LTEwOWU2N2I2ZmQ3OSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjVhMWVlNTE3LTRiYjktMjQ0Yi05ZGZiLWJiNmNiZDNhZTBhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUUAC4ALAAAAAA8ADwAAAb/wJZwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+DvJPJgmc/o9PkSmYSHGrV8zgK9hWW63vy4t85SgHeCUIRhhk6IX4pMjF2OSpBbkkiUWZZGmFeaRJxVnkKgU6KigWamLH6kp4Osha6HsImyi7SNto+4kbqTvJW+l8CZwld5e3R9d3HHdB9+YxfMaWxuftbX2Nna29xKAUIHX99C408FAAwsAAIsDAwLQgsC8wQE8wIAQvYtCwQA/wAIhOPHYhyLgU4QoFPHLh0CIQUGJEgwQGICduBYGOjHYIAABgLgtZg3ZEC5JgU0qlTZQAgCAkL+CWmQagiBBakAFAhQ8wAL/gUDDBhgEXQAgyYE1LEQMIBFPQLfUgo1M3VAiwITQy3QqUCAEKYBFCBA8HNsSyYHFGhs4BBAwasGChQQEPdcqgRDvwFMWaCFWqslTy4JMJRFgwMJfraDCLOFzBY0Ax9A0HXiYX+p0pIV27cJTaJUm44jKwdwC5OF0eRL6Vgj3aZPWPRlkI/nuHUL+oVckFiyvodDWD+GXLOJ7NMKWtgWMiC548aRmRvw2oIAcIg5880szqQAAnZDPX7DOTAgv97KzQy0TkS4xYvck/A0IyBcWNEXh7jz+dNmOfbB5eRUPUM5cYBg4FARwEkB2HcSQt1EKOGEFFZo4YUYZqhhEUEAACH5BAUUAC4ALBgADgAGAAYAAAYXQJfLYhEKHQ5hxZHJOCzLkbNyTBqhwiAAIfkEBRQALgAsIAAQAAYAAgAABgnADWvI4giJnCAAIfkEBRQALgAsGAAWAAYABgAABhtAE4ai8kAwLIiHNYSwkhSKEypJOjEnVBSTCgIAIfkEBRQALgAsIAAWAAYABgAABhZAl6sTEgpLIuFKwpSQSE1J55g0EoVBACH5BAUUAC4ALAAAAAABAAEAAAYDQFcQACH5BAUUAC4ALAAAAAABAAEAAAYDQFcQADs=) #7fadeb;
}

.float_bars_pc a.aside4 {
    height: 50px !important;
    width: 50px;
    margin-top: 20px;
    border-radius: 50%;
    background: url(../../../statics/images/bootstrap/new_website_1/aside_icon4.png) #136cfb no-repeat center;
    background-size: 18px 15px;
}

.float_bars_pc a.aside1:hover {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTFBMkFCQkIyNjM4RTYxMTgxQTE4OEJGQzQxODU1N0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FCMEQyODY3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0FCMEQyODU3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDIzNjZCRDdGNzVFNjExQkZBNDlBNjNFN0JENUFGMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjZjJlNjY4LTdjNDctMTE3OS04ZDRhLThjOTg1ZDM4NWJlYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADwAPAMBEQACEQEDEQH/xAB+AAEAAgIDAQAAAAAAAAAAAAAAAwQFBgECBwgBAQACAwAAAAAAAAAAAAAAAAACBAEDBRAAAgICAQMDBAEEAwAAAAAAAQIDBAARBSESBjFBFFGBIhMyoVIjYxUWBxEBAAICAQMFAQEAAAAAAAAAAAECEQMEITESQVFxgSITBf/aAAwDAQACEQMRAD8A+qcBgMBgMBgMBgMBgavynkPNy8xLxXB145ZKyhrEkvp1AOhsqPfWX9XH1xSL7J7qmzdebeNI7Mh4xzz8vTkaaIQ267/rsRjet/UbzTytH87dJzEtmjb5x17wzGVm8wGAwGAwNQ8r4Tkq1iXnOGleOdl1bjT1KgAdwHv6DY++dLib62iNd46eilyNVonzr9pvDrHC0/H5La2dnf7L8knRlc9NEdft9cjzK3ts8cfCXGmtaZz8pqvn3j9i0K/dJF3HtWWRQEJ9uoJI+4yF/wDP2RGWa8ukzhseUlowGAwGAwND808UMMc3JcaCsT9blZPTW994A9t+o9vXOvwuXnFbd/SXP5PHx+q/aPnPIOD5Px+Dj6Ncm65jWCsqHcRBG9HWjsdOn1zOjj7NeybWn8+/uxt3UvSKxHVvHHRTQ8fWhmPdNHEiSN67ZVAP9c5WyYm0zHbK/SJisRKxkEjA4eRI0Z5GCIo2zMdAAe5JwMbF5N4/LbnqJyEJnrKjTKXAAEvd2aY/i38D6Hp74E1nnOFqGf5d6vW+MUFgzSJGEMg2ncXI13e31wKkfl/jUta1ahvxz1afb8mxF3SRr3ntH5oGUjfro9PfAqR+T+AVr88Y5DjqtyIIZXZooSRKgdSrt2hwVO/xJyc7LTGJmcIxSsTmIX7nlHAU47Mli6iJThSzOfybUMp0jr2g96seg7d9cgku1+QoWW7a9mKZ9dxVHViB9SAd++BPgYXzapZueI8vVqxtNYmqypFEg2zMVOgBgeP8nxHIG75BUbj5YLDVK+kmfhY+zuWXTOVjQaP+jtb+4/xwNu8g8nNfnH+JcnstfqcfY4t0hrI0YtWXj7WmepMY4gGRtSKzbPT1wO/GR+RcFU5bjuQ5OWA8dUk5Z3rfGtKYZ7E8sgRZKtZhL/jbqzMmzvQHQBhLPCcjU4//AJG7x1qtGp/RErfFlrSRX3EUptlLfyHewzr3Mmu3Q0NDAteeV7D3rvHCSxbsx1+Ntw1YEMsUcrXGjlj0qNqLs0UR99dHrgZD/wA8pT1/IIFt1vjXY+PuGRTEInMct5RCZNKh/hD+OxvA9KwGBQ5DgOB5GVZuQ42rclQdqSWIY5WC73oF1JAwO1rg+GtwywWaUEsM4jWdGjXTrCwaNX6fkEI6A9MCCv4t45WjtRVeMrVorsX6LccMSxLJHph2sECg9HOBD/0nw4dpXhKKMjKyPHXiRgykMCGVQw6j64GZCIGLhQHbQZtdSB6bP3wK1LieKoyTS0qcFWSwe6w8MSRtI2yduVA7j1PrgWsBgMBgMBgMBgMD/9k=) #fff;
}

/* .float_bars_pc a.aside2:hover {
	  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTFBMkFCQkIyNjM4RTYxMTgxQTE4OEJGQzQxODU1N0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FCMEQyOEE3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0FCMEQyODk3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDIzNjZCRDdGNzVFNjExQkZBNDlBNjNFN0JENUFGMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjZjJlNjY4LTdjNDctMTE3OS04ZDRhLThjOTg1ZDM4NWJlYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADwAPAMBEQACEQEDEQH/xACLAAEAAgIDAQAAAAAAAAAAAAAABAUDBgECBwgBAQADAQEAAAAAAAAAAAAAAAACAwQBBRAAAgIBAwMBBQYGAwAAAAAAAQIDBBEAEgUhEwYxQVEiMgdhgUKSMxVSI4PTFFWzJDYRAAIBAgQEBgMAAAAAAAAAAAABAhED8CESBFGBUhMxQWGx0SJxwTP/2gAMAwEAAhEDEQA/APqnQDQDQDQDQDQDQDQDQDQGmDkPLuW5fkoOLtw1YaEva2SKDkbmUHJSQ/gOden27NuEXNNuSx5ow67s5NRdKGf9u+o3+1q/lX+xqPc23S8cyWi/1LHIxW6/1Cq1JrUnJ1jHBG0rhUXJCAscZhHu1KEttJpKLzxxOSV5JvUsscC/8b5KbkuEq3ZwBLKGD7egJRymfv251j3NtQuOK8DRYm5QTZZaoLRoBoBoDSvH478l/wApShKsNw2R2ZJBlQe7LnIwfZ9mvU3Dio2tWap+kYbKdZ6fGvybLPBzZPH9mxEojI/ccr+oMDOzocdc6wxlb+1U/T0NTU8qP8kTmouVFfmJJJo241qUoggC/Gr9s7iWx6evt1ZZcKwSX21L3IXVKks/rQ6+Df8AlqX9X/mfXd9/Z8vY5tf5rHmXushoGgGgGgNB44+U1uX5qfiKUdiKa3IrvMQBmOR8bcvHn5uuvYudmUIKbo1H49GedDuKUnFVzLL9x+o3+qq/mX+/qjt7bqeORbrv9KxzMVux9QrVSarJxlYRzxtE5V1yA4KnGZj79ShHbRaak8scDkneaa0rPHEv/G+Nm43hKtKcgyxBi+3qAXcvj7t2NY9zcU7jkvA0WIOMEmWWqC0aAaAj1OQp3GsLWk7hqTGvYwCNsqqrFckDOA49NAdRyFFORHGB8XGiaz2Qrfp7wpcsBtGXb2nJ6/boCHT8s8dt8fJyMd5I6UQjaSxYDV0Cy47bEziP4Xz8J9CemgIyef8AhT2pa45ukHiVWZ2njWM784CuW2sRt6gHpoDtf858YoW5atq06SwnEhWCw8e7s9/aJEjaMt2ju2hs40BN4vn+N5OexBVMwnqiNp4Z689Z1WXdsO2dIyQ3bb092gLDQFb5Gsj8HcWOlDyDmP4alnb2XOR1k3BgVX5iMezp10B5pwfj6h/F0Tx/iLS3uNntubDAGZnFeVnl/wCpJsMbSkIo3DBxkY6gZebp1z59fV70FeqYYoyLM5aCHYh+aGr2WjVUYhFlmQZJbJ6AgQvBYSfHOTr1Yo7EkccQjSvHSimeSrOW/wAjD/E6p8DBpWPU9E9MgVfEvy8UtW1LTtWeF5WfLUP3ZN9hr5RIxYVZcSBt/wAS9hD/ABscaAmebVrMnL37kaCGF7zV0YTyMElj4dQy/wCPjsnaenczu6Y9NAbb9LWuWbvN3bVyW3Pugq3HmeOQm1B3DN2TGqbYP5g7a+nroD0DQHDKrKVYAqRgg9QQdAVDeGeHsctwXHk4AyasB6AYA+T2DQFk9Km8IheCNoQVIiKKVBXG07cY6YGNAcJQopYmspWiWzYAWecIoeRV6AO2MsB9ugIsXjXjkLxvFxVON4mVomSvEpVkOVKkL0KkdNAcz+O+P2JGln4ypLI2/c8kEbMe58+SV/F+L36AkV+N46s4krVYYXEawh441QiJOqpkAfCueg9NASNANANANANANANANANAf//Z) #fff;
  } */

.float_bars_pc a.aside3:hover {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QOdaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MCA3OS4xNjA0NTEsIDIwMTcvMDUvMDYtMDE6MDg6MjEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphNGU2YTFjYy03YzMzLTIzNDEtYmEyYS1jYTI1MGRiYzcyZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzUxNDFCN0FDNzFEMTFFOTk1QTFCODM3RDEwMDcyNTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzUxNDFCNzlDNzFEMTFFOTk1QTFCODM3RDEwMDcyNTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphY2Q4ZDFjOC0xZGUyLTQ5MmUtOTgzZC04OGU2N2ZlMzkyODEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0NjAyYTVjZi1mNmQ1LWZjNGUtOTNlNC1kYzRhZGNiMzgzZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAA8ADwDAREAAhEBAxEB/8QAnwABAAICAwEAAAAAAAAAAAAAAAYHBQkDBAgKAQEAAwEBAQAAAAAAAAAAAAAABAUHBgMIEAABBAIBAwMBBQcFAAAAAAAFAgMEBgEHABESCBMUFRYhIiMYCTEykyS1tncXN9dYOREAAQMDAgMBCRADAAAAAAAAAQACAxEEBRIGIRMHMUFhcYEiIxRVFlGRstKTs9N0lNQVdTZWNwhiYxf/2gAMAwEAAhEDEQA/APv44ROEThE4ROEThE4ROEThE4Ra6vJUps67eTeqdB07aVj1aGslGn2WQYrDk9mZ8mym8zHFTECy4GYQjqi1BpltpUtDbSnludFZ+zO89PrbbuH6d5Pe2Vxtvkru3vWxCOYNLdB9HaNOtkjWms5cToJOkNqO1ZPu+bM5HeNjtiwvZrK3mtnSF8eoHUOceOlzC4UiAA1ACpPFYsf4w7WKnbFWh/nTtaQbqnxH1BBxCvTah3zsNc8V3vO7SbjP+7iNqXj0ludvTortz9nJM/UXbNtZQZCfZmMbZ3WvlO1W51ct2l/AWZI0uNPKAr3KheMWzc3Pcy2cW5b43MGnWKTeTrGpvE3NDUceBNO7RZ/8nO9P+7O2f4Nw/wCWOQf+r7M/aGM9+D7kpXsBuX9xX3vS/eVN/A/Y1w2TpSdPuxubYSlfvJitRSxN5conJGMBa4YYwQmu5U/OkMvmnUYdcUpzLaU4znPTryn604HFbf3eyDEQsgtp7NkpYwUYHmSVh0tHBoIjBoKCtSBxVl0zy1/l9uulyMjpZorl8Yc41cWhkbxqJ4kgvIqeNKL2nzI1oScInCJwi167G/8ARjQn+JjH9L3RzdMD/Aub/M4/h2CyvLfyxjPqL/g3akemQvi2P2wm067tw0vY77mVij1yMu2Kn13NWBEB9x9+0QmvvM/JsuOPJ+WjxunTpG7+uM8gbtu+pE+2fw3PWskVhZafSJTydMvOka6DSWtAOggNPIc//ZTipe37fZcWc9NxU7JLu6ryYxzdUfLY5suoOJI1Cp861v8AhVWhrvx68dqTsGacoVMfE3qndvupzhjYElmH9UipaPwPnS8kAU92Nku4V6OH/Qyror019vOcz2+t+ZjBss83diXDXfY0MtgXcl7Tx5bBIzS8CmrTqpw1NqrnFbV2pjsq65xluWZK37TrnIHMaezW4sdVpNaV092hoqM/TW/2Ltf+WTv9n0TnZf2C/Wdt+WR/P3K5vpD+mp/rz/moVsK5ha1ROEThE4RazvIC413WnnPpS/3ac4EqAvVhKPNNZHkyDTT8hnao1tlEYVDnTpDnvDMVKsNtLy3h5KldE9VY+hdj4q/3D0ay+Ew7BNlJMkwtj1MaSAbN5NXua0DTG8ipFdJAqeCx/dGQtMP1Jx2UyLjHYMsnAv0ucKkXLaUaHE8XtrQGlQTwUJ1dfvF7WWysbUa8mShyzHfqn/UdEvU1thjrhk/IVOg/Gxo1Yyup/FEUNPL9Jcn3OWu38JCs45cbjwnUbcO3/Zt23o4cfDyfRdN7C50HLGl2smbz2ttWioZorXyiAVXYXKbMw+X/ABpuYfJeS8zn1tpQ2XWat0gR+a0uoTQu1UpwBU3o21fBWgXojeAd6YYlfhfTjKKpuhbwH3A2SPO+4kEI5GIZ+XVKUtPfFa9tj7qe7PRWKfM7a6z5vDR4a8si6LjzSZrCklHh0dA0sdHooAaPOvtNOxWONzfTXF5J+StrkB/DljlXdWVaWvqXBwfqrUVaNPYK9qln6bcd9nRFjceZcabl7TPSIq1oUlMhhNXpcVTzKs4xhxtMmM43nOOuO9CsftxnlZ/YCRj96W7WkFzcbGD3jzrh1D7hoQfAQVO6Rsc3bMxcCA69eR3xy4hUeMEeEFbBOYatSThFxPvsxmXpMl5qPHjtOPvvvuIaZYZaRlx1551zKUNtNoTlSlKzjGMY654RU7+Y7x6+SaD43rp3JZ8gsUyMTsumKnuEmwiLKuAiJg1l/MpFedRNyjt7sRVpd6disZyRc20TWgGWwUTdJbTzTM/3Eusxdoz6Uhub24jIlyQTNsdwmT24fZw4uPjPTvRjOftTyxx2Yy2Ie6TE3VzaveKOMMj4y4DsBLHNqB31DvMdj8i0MyEEM7GmoEjGvA8AcDTxKvAgzwps3zP02P8AFuwfToqWdsHwkTUxX4IIP6e/MmfYNyPjBULux60h/sZa6/eVjlt7bbz9b5P7VP8ASKv9mNter7H5CL4i5ZwXwvGfH5JCfGAfgsIHWAVmdB1TE+TAl21PCTY/3DTfvRBNlGVx5Lfcy8nGcoUrGOPbbefrfJ/ap/pE9mNter7H5CL4iukQc1yCF0kWAL0oQFtzmR+uh4acDgC7M78MTtOYdMiwXWohhX0+KmEfThJc/k47z/T00LVjn7q6ur2d11eySTXTzVz3uL3OPulziST4SreCCC1ibBbMZHA0UDWgNaPABQDxKQBjwOxRZE6vmBZyFELGwMqWInxSMaMcrJidXrGHffhuvNslAJ4ZJhTI6s4djS47jTiUuIUnHgvVZbhFE76PLFqNchQFpD5snVbCODsuEY4hDpOaJlxoDaissJZog3C5Tqceu6OnttfvKjvJxltRF8c8Dx9tp7VwzahTXu6z8mJqbZHkzeRU3bOss1xfjyQ1Se1tQDKz7ewXbuYtRxuqMOGX5AMTIfh4JsQB3RhuMoi3G+YVfvCpVGpUmPcdg3uk+Cd9Z2fP1Nr3QpsTGUbfqovFkLC98EoUWq084WphZTCAeXjWW4qkoQvDOehFEvD+o7Ic3bq2FDxetanTX6fdsi060bR0/wCOMQTlpjYPjW44Wq4jRVkbkW+vuR5TaXI9qkRCMZLrCmcYU9Mxwiq1tknYav4+3fS3j0AvMOz0bUNTYxVWvHgvqKp+RjtA3LtEvCp1Ese7QZil+ytG55fzVdlxgsLDIeJHYksIYjYdIru2EPO68v2p4ezwGyQWudN+C9ke1LrymbBg1zfQG31bZfjXrs6asWyafblVfFtvbdjaGvOwzcqGgR7nLj+VkJbKSK8fDiqH9Xbjzq/ZFX8jqfdbDD8j931dF18im9m60MUwju0cpUIhVQt9Pj03kZB22IVMlyoXWSTTMkokPOOLddItq/CLEng0WxAzFfnSC0SEcFzxEuUBNmKycjRiMV2G++HsdenDDwEoy29lUeZCkx5cZ3CXGnEOJSrBF5a/Ib4kPBSoYvpcFa3zTqHp9vvRi133Z+HmY6osVwftu5Hzm0AuR7Di0xcQi8fEP1F+hhvK1dSK5BWkdbiW7LhsMSJS7lr+r6uthixWq22ewWKkU4ceGARBWwWE4SMyHWGLSRcel+viZMlTXpEh119eXOEXTp+gtU0S5yNg1quTY9rdpYrXUWeTtlyscQHRw8UHFjVepg7JYCwGmiJaayPcnNCYsLBKTDafl+u+jDnCLs13RWpKfU9eUWo0YNVahqo4xZKHXq6h4ONBnGIxmKonliC8z8lLmJsE1yUuXl9UuTJW+9lx/PqcIsZtXx11Dux6c/sqrvWBwlr6xatmZasNkCZco9rslPtp4QhQAuLWw7NPUIU/iU3lMtn2vY06hDjqVkWL1/4uaQ1dsDO0aTUp4u85pxSgqNzbpe7HnNUMmgVhIC0wbNZjA1rDxetw3sPIZS+n08pwvCVqTki9A8InCJwicInCJwicInCJwi//2Q==) #fff;
}

/* .float_bars_pc a.aside4:hover {
	  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTFBMkFCQkIyNjM4RTYxMTgxQTE4OEJGQzQxODU1N0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0I3QzUyRTc3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0I3QzUyRTY3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDIzNjZCRDdGNzVFNjExQkZBNDlBNjNFN0JENUFGMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjZjJlNjY4LTdjNDctMTE3OS04ZDRhLThjOTg1ZDM4NWJlYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADwAPAMBEQACEQEDEQH/xABzAAEBAQEBAQAAAAAAAAAAAAAAAwYFBwgBAQEBAQEBAAAAAAAAAAAAAAAEAgUBAxAAAQQCAQMEAgMAAAAAAAAAAQACAwQRBSESEwYxUWEiQRRxgSMRAQACAgICAwEAAAAAAAAAAAABAhEDMQQhoUHREiL/2gAMAwEAAhEDEQA/APqlAQEBAQEBAQEBAQZ/cea6nWXm03h0zwf93R4Ij/nnk/Cs09K96/rhNs7Vazh3K9iCxAyeB4khkHUx7eQQVLas1nE8qImJjMKLL0QEBAQRuxTzVJoq8vYmewtjmxnpcRwVqkxFomYzDNomYxDAbbxmprbuhrSH9iS3ZIuSuz98viGPX0+xXY1dq163njEePbnbNEVmsc5nz6azx7x+XTSWo2WnS0ZHB1eBw5Yfzyuf2OxGzE4/pZp0/jPnw7KlfcQEBAQEGa8poXLO40EsELpI69kume0ZDB1xuy724aVd1dla0vEzzH2l30mbVx8T9NKoVQgICAgICAgICAgICAgxXnnj+js7PQWLFCCWe1tIoLMr42l0kX6856HkjluWjj4QQfqvGbfk+3p7+OBtXWwVWaerO/tQxVOz95IW5a0YkBaXjkdIHCDPU4ptpY0Qv6p/kDzqLnYildE1/bbcYyvYc+dzOTF0/YZd9s4Qem+PU7tLRa+nel79yvXijsTZLup7WAOPUeTz+T6oOggICAgnNWrTuidNEyV0D+7CXtDix4Bb1tz6Ow4jI90EL+n1GxMZ2FGvcMRzEZ4mSlp929YOP6QWFSqJ22BCz9hjDEybpHWIyQSwOxkNJaDj4QVQEBAQEBAQEBAQEH//2Q==) #fff;
  } */

/* 右侧悬浮的客服页面 */
.chat-div-info {
    width: 270px;
    position: fixed;
    right: 131px;
    bottom: 100px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;

    z-index: 1000;
    background: url(../../../statics/images/bootstrap/new_website_1/chat-bottom-bg.png) no-repeat #fff;
    background-size: 100% 157px;
}

.chat-div-info .chat-div-close {
    cursor: pointer;
    position: absolute;
    right: -48px;
    top: -22px;
}

.chat-div-info .chat-div-close img {
    width: 40px;
}

.chat-div-info .chat-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 23px;
    margin-bottom: 20px;
}

.chat-div-info .chat-content .chat-content-title {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #ffffff;

    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.chat-div-info .chat-content .chat-content-ercode {
    width: 190px;
    height: 190px;
    margin-top: 12px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1),
        0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    /* background: url(../../../statics/images/bootstrap/new_website_1/chat-bottom-ercode.png)
	  no-repeat #fff;
	background-position: center center;
	background-origin: content-box !important; */
    padding: 36px !important;
    background-size: contain;
}

.chat-div-info .chat-content .chat-content-phone {
    margin-top: 16px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #136cfb;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.chat-div-info .chat-content .chat-content-resultbtn {
    margin-top: 8px;
}

.chat-div-info .chat-content .chat-content-resultbtn button {
    width: 142px;
    height: 42px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 21px;
    border: 1px solid #136cfb;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #136CFB;
    line-height: 22px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.chat-div-info .chat-content .chat-content-resultbtn button:hover {
    background-color: #136cfb;
    color: #fff;
}

.t_float_bg,
.t_need_bg,
.t_brand_bg,
.t_enforce_bg,
.t_suggestion_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: none;
    z-index: 9999;
}

.t_float_cons,
.t_need_wrap,
.t_brand_wrap,
.t_enforce_wrap,
.t_suggestion_wrap {
    width: 460px;
    padding: 35px 40px 40px;
    border-radius: 3px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -255px;
    background: #fff;
    z-index: 9999;
    display: none;
    text-align: center;
}

.t_float_cons .close,
.t_need_wrap .close,
.t_brand_wrap .close,
.t_enforce_wrap .close,
.t_suggestion_wrap .close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    opacity: 1;
    font-size: 0;
}

.t_float_cons .close img,
.t_need_wrap .close img,
.t_brand_wrap .close img,
.t_enforce_wrap .close img,
.t_suggestion_wrap .close img {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.t_float_cons .close:hover img,
.t_need_wrap .close:hover img,
.t_brand_wrap .close:hover img,
.t_enforce_wrap .close:hover img,
.t_suggestion_wrap .close:hover img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*电话咨询-弹出层*/
.float-bars {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 99998;
}

.float-bars .bar-t {
    margin-bottom: 2px;
    height: 70px;
}

.t_float_cons .gray {
    font-size: 18px;
    color: #999999;
    letter-spacing: 3px;
    margin: 12px auto 25px;
}

.t_float_cons .float-list .t1 img {
    width: 56px;
}

.t_float_cons .float-list .t2 {
    font-size: 50px;
    color: #7caced;
    font-weight: normal;
}

.t_float_cons .float-list .t2 img {
    display: inline-block;
    margin-right: 12px;
}

.t_float_cons .or,
.t_enforce_wrap .or {
    padding: 20px 0;
    font-size: 16px;
    color: #999999;
}

.t_float_cons .or p,
.t_enforce_wrap .or p {
    position: relative;
}

.t_float_cons .or p:before,
.t_enforce_wrap .or p:before {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #e9f0f6;
    z-index: -1;
}

.t_float_cons .btn-kf:hover {
    text-decoration: none;
}

.t_float_cons .btn-kf,
.t_float_cons .btn-kf .btn_blue_border {
    display: block;
    width: 100%;
}

.t_float_cons .m_tb_1 {
    padding: 0 0 20px 0;
    font-size: 16px;
}

.t_float_cons .m_tb_2 {
    font-size: 18px;
    padding: 10px 0 0 0;
}

.t_float_cons .btn-kf .btn_blue_border:focus {
    outline: none;
}

.t_float_cons .phone-in input {
    width: 260px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 3px solid #ebebeb;
    border-right: 0;
    height: 56px;
    font-size: 16px;
    text-indent: 15px;
    outline: none;
    border-radius: 3px 0 0 3px;
}

.t_float_cons .phone-in input:focus {
    border: 3px solid #7fadeb;
}

.t_float_cons .phone-in span {
    width: 140px;
    height: 56px;
    text-align: center;
    background: #7fadeb;
    font-size: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 56px;
    color: #fff;
    border-radius: 0 3px 3px 0;
}

.t_float_cons .phone-in span#mfjt_03 {
    width: 120px;
}

/**/
.upgrade-v5 .tit a:hover {
    text-decoration: none;
}

.popu-bg-qx-s {
    height: 600px;
    margin-top: -300px;
}

/*发布需求 -- 弹出层样式*/
.t_need_wrap {
    padding: 30px 40px 0;
    width: 460px;
    margin-top: -313px;
}

.t_need_wrap h3,
.t_brand_wrap h3,
.t_enforce_wrap h3 {
    color: #333333;
    font-size: 20px;
    text-align: center;
    letter-spacing: 3px;
    margin-top: -6px;
    margin-bottom: 21px;
}

.t_need_wrap .tips {
    color: #999;
    font-size: 12px;
    padding: 15px 0;
    letter-spacing: 1px;
    text-align: center;
}

.t_need_wrap .btnwrap input {
    font-size: 18px;
    color: #fff;
}

.t_need_wrap .formwrap .input-text,
.t_brand_wrap .s_input .input-text,
.t_enforce_wrap .input-text,
.t_suggestion_wrap .input_wrap input {
    border: 0;
    border-bottom: 1px solid #e9f0f6;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    height: 50px;
    margin-top: 20px;
    border-radius: 0;
    padding: 6px 16px;
}

.t_need_wrap .btnwrap input#sub-require-simple[disabled="disabled"] {
    background-color: #A1C3F3;
}

.t_brand_wrap .s_input .input-text {
    border: 1px solid #ededed;
    border-radius: 3px;
    height: 40px;
    margin-top: 10px;
}

.t_need_wrap .formwrap .input-text:focus,
.t_need_wrap .select_wrap select:focus,
.t_brand_wrap .s_input .input-text:focus,
.t_brand_wrap .select-wrapper select:focus,
.t_enforce_wrap .input-text:focus,
.t_suggestion_wrap .input_wrap input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #7fadeb;
}

.t_brand_wrap .s_input .input-text:focus,
.t_brand_wrap .select-wrapper select:focus {
    border: 1px solid #7CACED;
}

/*调用模糊搜索公司名称样式*/
#search_company_tips {
    display: none;
    position: absolute;
    width: 380px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    left: 0;
    top: 39px;
    border: 1px solid #EDEDED;
    color: #999999;
    font-size: 16px;
    z-index: 3;
    text-align: left;
    padding-left: 13px;
    -webkit-box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
}

#search_company_tips i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../statics/images/bootstrap/logo/search_loading.gif) center no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}

#search_company_name {
    display: none;
    position: absolute;
    width: 380px;
    height: 167px;
    background: #fff;
    z-index: 3;
    left: 0;
    top: 39px;
    border: 1px solid #EDEDED;
    color: #666666;
    font-size: 16px;
    text-align: left;
    /*-webkit-box-shadow: 0 2px 13px -3px rgba(0,0,0,0.2);*/
    /*box-shadow: 0 2px 13px -3px rgba(0,0,0,0.2);*/
    overflow-y: scroll;
    overflow-x: hidden;
    cursor: default;
}

#search_company_name li {
    list-style: none;
    height: 32px;
    line-height: 32px;
    padding: 0 13px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#search_company_name li.on {
    background: #F1F1F1;
}

.search_not_exist_tips {
    display: none;
    position: absolute;
    width: 380px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    left: 0;
    top: 39px;
    border: 1px solid #EDEDED;
    color: #999999;
    font-size: 16px;
    z-index: 3;
    text-align: left;
    padding-left: 13px;
    -webkit-box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
}

.t_need_wrap .select_wrap select,
.t_brand_wrap .select-wrapper select {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    outline: none !important;
    border-bottom: 1px solid #e9f0f6;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url("../../../statics/images/bootstrap/new_website_1/case_pro/select_icon.png") no-repeat right center transparent;
    padding-right: 20px;
}

.t_brand_wrap .select-wrapper select {
    border: 1px solid #ededed;
    padding-left: 16px;
    height: 40px;
    margin-top: 10px;
    border-radius: 3px;
}

.t_need_wrap .select_wrap select::-ms-expand {
    display: none;
}

.t_need_wrap .form-group {
    position: relative;
    height: 50px;
    margin-bottom: 0;
}

.t_need_wrap .form-group .star {
    position: absolute;
    left: -15px;
    bottom: 15px;
    color: #ff517d;
    font-size: 16px;
}

.t_need_wrap .form-group label {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    float: left;
    width: 27%;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    text-align: left;
}

.t_need_wrap .formwrap .input-text,
.t_need_wrap .formwrap .select_wrap select {
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    border: 1px solid #ededed;
    border-radius: 3px;
    letter-spacing: 3px;
}

.t_need_wrap .formwrap .input-text:focus {
    border: 1px solid #7CACED;
}

.t_need_wrap .form-group .right {
    width: 72%;
    float: left;
}

.t_need_wrap .form-group input,
.t_need_wrap .form-group select {
    border: 1px solid #e9f0f6;
    margin: 10px 0;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    border-radius: 3px;
}

.t_need_wrap .form-group input:focus,
.t_need_wrap .form-group select:focus {
    border: 1px solid #7fadeb;
}

.t_need_wrap .message {
    text-align: left;
    padding: 0 0 8px 0;
}

.t_need_wrap .message h5 {
    font-size: 16px;
    color: #333333;
    letter-spacing: 2px;
    padding-bottom: 20px;
}

.t_need_wrap .message textarea,
.t_suggestion_wrap textarea {
    width: 100%;
    border: 1px solid #e9f0f6;
    height: 80px;
    line-height: 22px;
    padding: 10px;
    resize: none;
    box-shadow: none;
}

.t_need_wrap .message textarea:focus,
.t_suggestion_wrap textarea:focus {
    border: 1px solid #7fadeb;
    box-shadow: none;
    outline: none;
}

.t_need_wrap .message textarea {
    font-size: 14px;
    border-radius: 3px;
    letter-spacing: 3px;
}

.t_need_wrap .tips {
    color: #999;
    font-size: 12px;
    padding: 10px 0 5px;
    letter-spacing: 1px;
    text-align: center;
}

.t_need_wrap .online-consultation {
    color: #999;
    font-size: 12px;
    padding: 0 0 15px;
    letter-spacing: 2px;
    text-align: center;
}

.t_need_wrap .online-consultation a {
    color: #7CACED;
    text-decoration: none;
}

.t_need_wrap .form-group .line {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #e9f0f6;
}

.t_need_wrap .formwrap .input-text:focus+.line,
.t_need_wrap .select_wrap select:focus+.line {
    background: #7fadeb;
}

.s_input_1.pop_add_animation_hide {
    opacity: 0;
    animation: pop_hide 0.5s linear;
    -webkit-animation: pop_hide 0.5s linear;
}

.s_input_2.pop_add_animation_show {
    opacity: 1;
    animation: pop_show 0.5s linear;
    -webkit-animation: pop_show 0.5s linear;
}

@keyframes pop_show {
    0% {
        transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        -webkit-transform: translate(80%, 0);
        -moz-transform: translate(80%, 0);
        opacity: 0.2;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.8;
    }

    100% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes pop_show {
    0% {
        transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        -webkit-transform: translate(80%, 0);
        -moz-transform: translate(80%, 0);
        opacity: 0.2;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.8;
    }

    100% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes pop_hide {
    0% {
        transform: translate(-10%, 0);
        -ms-transform: translate(-10%, 0);
        -webkit-transform: translate(-10%, 0);
        -moz-transform: translate(-10%, 0);
        opacity: 0.7;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.2;
    }

    100% {
        transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        opacity: 0;
    }
}

@-webkit-keyframes pop_hide {
    0% {
        transform: translate(-10%, 0);
        -ms-transform: translate(-10%, 0);
        -webkit-transform: translate(-10%, 0);
        -moz-transform: translate(-10%, 0);
        opacity: 0.7;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.2;
    }

    100% {
        transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        opacity: 0;
    }
}

/*第二部获得设计预算*/
.t_brand_wrap .s_input_2 .budget_title {
    font-size: 24px;
    color: #333333;
    text-align: center;
    line-height: 35px;
    margin-top: 35px;
    letter-spacing: 1px;
}

.t_brand_wrap .s_input_2 .select_budget {
    font-size: 16px;
    color: #4d4d4d;
    text-align: center;
    height: 20px;
    margin-top: 35px;
    position: relative;
}

.t_brand_wrap .s_input_2 .select_budget:before {
    display: inline-block;
    content: "";
    width: 32%;
    height: 2px;
    background: #F7F7F7;
    position: absolute;
    left: 0;
    top: 9px;
}

.t_brand_wrap .s_input_2 .select_budget:after {
    display: inline-block;
    content: "";
    width: 32%;
    height: 2px;
    background: #F7F7F7;
    position: absolute;
    right: 0;
    top: 9px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap {
    margin-top: 35px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p {
    text-align: left;
    padding-bottom: 10px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span {
    display: inline-block;
    position: relative;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span:first-child {
    margin-right: 20px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span input {
    display: inline-block;
    margin-right: 20px;
    margin-left: 5px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span input~i {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../../statics/images/bootstrap/logo/ys_1.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 5px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span input:checked~i {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../../statics/images/bootstrap/logo/ys_2.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 5px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span label {
    font-size: 19px;
    color: #4d4d4d;
    font-weight: normal;
    padding-top: 3px;
    cursor: pointer;
}

/*下单流程页面-右侧快速下单悬浮*/
.float_quick_release {
    width: 73px;
    height: 90px;
    cursor: pointer;
    position: fixed;
    bottom: 25px;
    left: 2px;
    z-index: 100;
}

.quick_release_con {
    position: relative;
}

.quick_release_con span.hi.sparking {
    position: absolute;
    right: -7px;
    top: 0;
    display: block;
    z-index: 1;
    width: 30px;
    -webkit-animation: Sparking 3s 2s infinite;
    animation: Sparking 3s 2s infinite;
}

/*底部悬浮--“查询商标”*/
.footer_booking_wrap {
    /*position: fixed;*/
    /*left: 0;*/
    /*bottom: 0;*/
    width: 100%;
    /*z-index: 1002;*/
}

.footer-booking-open {
    bottom: 12px;
    cursor: pointer;
    left: 20px;
    position: fixed;
    z-index: 1001;
    display: block;
}

.footer-booking-open .open_con {
    position: relative;
}

.footer-booking-open .open_con .hi {
    position: absolute;
    right: -10px;
    top: 0;
    display: block;
    z-index: 1;
    width: 28px;
}

.footer-booking-open .open_con .hi.sparking {
    -webkit-animation: Sparking 3s 2s infinite;
    animation: Sparking 3s 2s infinite;
}

@-webkit-keyframes Sparking {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Sparking {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.footer-booking {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1002;
    transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    background: #7fadeb;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    margin: 0;
}

.footer-booking-con {
    position: relative;
}

.footer-booking .footer_main {
    padding: 12px 0;
    overflow: hidden;
}

.footer-booking .img_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 160px;
    display: block;
}

.footer-booking .left {
    color: #fff;
    margin-left: 160px;
    float: left;
    height: 47px;
    min-width: 27%;
}

.footer-booking .letter {
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
}

.footer-booking .letter .number {
    display: block;
    font-size: 26px;
    margin-right: 30px;
    letter-spacing: 1px;
    font-weight: bold;
}

.footer-booking .left .left-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.footer-booking .left .vslider {
    height: 20px;
    overflow: hidden;
}

.footer-booking .left .vslider li span {
    padding: 0 2px;
}

.footer-booking .left .vslider li span b {
    font-weight: normal;
}

.footer-booking .left .vslider li span span {
    color: #fff !important;
}

.footer-booking .right {
    float: right;
    overflow: hidden;
}

.footer-booking .phone {
    overflow: hidden;
    padding-right: 20px;
    float: left;
}

.footer-booking .phone input {
    border: 0;
    border-radius: 3px 0 0 3px;
    color: #999;
    height: 46px;
    padding: 0 15px 0 35px;
    line-height: 47px;
    letter-spacing: 1px;
    float: left;
    vertical-align: middle;
    font-size: 16px;
    background: url(../../images/bootstrap/new_website_1/inp_phone_icon.png) 15px center no-repeat #fff;
}

.footer-booking .phone input::-webkit-input-placeholder {
    color: #999;
}

.footer-booking .phone input:-moz-placeholder {
    color: #999;
}

.footer-booking .phone input::-moz-placeholder {
    color: #999;
}

.footer-booking .phone input:-ms-input-placeholder {
    color: #999;
}

.footer-booking .phone input:focus {
    outline: none;
}

.footer-booking .phone span {
    background: #7fadeb;
    border-radius: 0 3px 3px 0;
    height: 46px;
    float: left;
    color: #fff;
    border: 2px solid #fff;
    padding: 0 40px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 42px;
    cursor: pointer;
}

.footer-booking .phone_normal span {
    padding: 0 15px;
    font-size: 18px;
}

.footer-booking .online_adv {
    float: left;
}

.footer-booking .online_adv a,
.footer-booking .online_adv a:hover {
    display: inline-block;
    text-decoration: none;
}

.footer-booking .online_adv .btn_blue_border {
    background: #7caced;
    color: #fff;
    border: 2px solid #fff;
    width: 130px;
    height: 46px;
    line-height: 42px;
    letter-spacing: 1px;
}

.footer-booking .online_adv .number {
    color: #fff;
    font-size: 18px;
    padding: 0 25px;
}

.footer-booking .close_btn {
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 28px;
    width: 15px;
    height: 15px;
    background: url(../../images/bootstrap/new_website_1/t_footer_close.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.footer-booking .close_btn:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*查询商标弹出层*/
.t_brand_wrap {
    display: none;
    height: 445px;
    margin-top: -222px;
}

.t_brand_wrap .gray {
    padding-top: 10px;
}

.t_brand_wrap .tips {
    font-size: 12px;
    color: #999;
    text-align: center;
    letter-spacing: 2px;
    bottom: 15px;
    position: absolute;
    width: 100%;
    left: 0;
}

.t_brand_wrap .btn_blue {
    width: 380px;
    position: absolute;
    bottom: 40px;
    left: 40px;
}

.t_brand_wrap .s_input p,
.t_brand_wrap .s_input .must_inp {
    position: relative;
}

.t_brand_wrap .s_input .must_inp:before {
    display: inline-block;
    content: "*";
    color: #ff517d;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    left: -15px;
    top: 10px;
}

.t_brand_wrap .s_input .select-wrapper {
    position: relative;
}

.t_brand_wrap .s_input .select-wrapper:before {
    position: absolute;
    vertical-align: middle;
    display: inline-block;
    content: "*";
    font-size: 16px;
    color: #ff517d;
    left: -15px;
    top: 20px;
}

.t_brand_wrap .s_input .select-wrapper.no_must:before {
    display: none;
}

.t_brand_wrap .s_input p input[readonly] {
    background: #fff;
}

.t_brand_wrap .s_input p .get_ver_code {
    position: absolute;
    width: 135px;
    height: 30px;
    border: 3px solid #E0E0E0;
    border-radius: 2px;
    color: #7caced;
    font-size: 14px;
    text-align: center;
    background: #ffffff;
    right: 5px;
    bottom: 5px;
    outline: none;
    letter-spacing: 3px;
}

.t_brand_wrap .s_input p .get_ver_code:hover {
    border: 3px solid #7caced;
}

.t_brand_wrap .s_input p .get_ver_code.on:hover {
    border: 3px solid #E0E0E0;
}

.s_input_1 {
    opacity: 1;
}

/*强制弹出电话的弹出层*/
.t_enforce_wrap .btn_blue,
.t_enforce_wrap .btn_blue_border {
    width: 100%;
    cursor: pointer;
}

.t_enforce_wrap .btn_blue {
    margin-top: 30px;
}

.t_enforce_wrap .or {
    padding: 15px 0;
}

/**/
.popu-form-n .p1 {
    font-size: 18px;
    color: #000000;
    height: 160px;
}

.popu-form-n .qx {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    text-align: center;
    border: 1px solid #498bb8;
    line-height: 2.85em;
    height: 2.85em;
    color: #666666;
}

.popu-form-h .p1 {
    height: 454px;
    font-size: 16px;
}

.popu-form-h .p1 .topline {
    border-top: solid 1px #cccccc;
    padding-top: 18px;
    margin-top: 18px;
}

.popu-form-h .p1 .sel input[type="radio"]+label::before {
    border-radius: 10%;
}

.popu-form-h .p1 p {
    margin-bottom: 0.6em;
    font-size: 16px;
}

.task-intent-n h4 {
    font-size: 1em;
}

.show-pho .ho img,
.show-pho .po img {
    border-radius: 100px;
}

.gray {
    color: #999;
}

/*公共图片灰色显示类*/
.img_gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/*正确上传身份证*/
.through_upload_id {
    padding-top: 100px;
    padding-bottom: 60px;
    background: #edf0ef;
}

.through_upload_id .container {
    background: #fff;
    color: #333;
    font-size: 14px;
    font-family: 微软雅黑, sans-serif;
    line-height: 33px;
}

.through_upload_id .container>.row {
    padding: 20px;
}

.through_upload_id img {
    max-width: 100%;
}

.through_upload_id h3 {
    text-align: center;
    font-size: 22px;
    padding: 20px 0;
    color: #000;
    letter-spacing: 1px;
}

.through_upload_id .p1 {
    text-indent: 2em;
}

.through_upload_id .box {
    padding-left: 2em;
    margin: 10px 0;
}

.through_upload_id .box h5 {
    padding-bottom: 10px;
    font-weight: bold;
}

.through_upload_id .box3 {
    text-align: right;
    margin-top: 20px;
}

.through_upload_id .pic_example {
    padding-left: 2em;
}

.through_upload_id .pic_example h4 {
    font-size: 16px;
}

.through_upload_id .pic_example .red {
    color: red;
    padding: 0 5px;
}

.through_upload_id .pic_example .pic_box {
    padding: 10px 0;
}

.through_upload_id .pic_example .pic_box h6 {
    font-size: 14px;
    font-weight: bold;
}

/***********************快速发布需求*************************/
.d_f_h70 {
    width: 100%;
    height: 70px;
    background: #edf0ef;
}

.demand_form {
    margin-top: 70px;
    letter-spacing: 3px;
    margin-bottom: 230px;
}

.d_f_title {
    margin-bottom: 25px;
    text-align: center;
}

.d_f_title h1 {
    font-size: 28px;
    color: #333333;
    height: 55px;
    line-height: 55px;
}

.d_f_title p {
    font-size: 14px;
    color: #999999;
    height: 30px;
    line-height: 30px;
}

.d_f_inp .form_title {
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #666666;
}

.d_f_inp .form_con .inp_title {
    height: 70px;
    line-height: 70px;
    color: #333333;
    font-size: 16px;
}

.d_f_inp .form_con .input_wrap {
    margin-bottom: 30px;
    position: relative;
    width: 400px;
}

.d_f_inp .form_con .input_wrap i {
    font-size: 20px;
    color: #FF517C;
    position: absolute;
    top: 15px;
    left: 405px;
    display: block;
    width: 12px;
    height: 12px;
    font-style: normal;
}

.d_f_inp .form_con .input_wrap.text_wrap {
    width: 100%;
}

.d_f_inp .form_con .input_wrap input[type="text"] {
    height: 50px;
    line-height: 50px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #E9F0F6;
    font-size: 16px;
    width: 400px;
    letter-spacing: 3px;
}

.d_f_inp .form_con .input_wrap input[type="text"]:focus {
    border-bottom: 1px solid #7CACED;
}

.d_f_inp .form_con .input_wrap textarea {
    width: 90%;
    height: 100px;
    border: 1px solid #E9F0F6;
    font-size: 14px;
    padding: 16px;
    line-height: 25px;
    outline: none;
    letter-spacing: 3px;
    resize: none;
}

.d_f_inp .form_con .input_wrap textarea:focus {
    border: 1px solid #7CACED;
}

.d_f_inp .form_con .input_wrap .upload_file {
    font-size: 16px;
    outline: none;
    border-radius: 3px;
    padding: 9px 22px;
    color: #ffffff;
    letter-spacing: 3px;
    background: #7CACED;
    border: none;
    margin-top: 25px;
}

.d_f_inp .form_con .input_wrap .upload_file:hover {
    background: #79AAED;
}

.d_f_inp .form_con .input_wrap .file_tips {
    font-size: 14px;
    color: #999999;
    height: 45px;
    margin-top: 15px;
    letter-spacing: 0px;
}

.d_f_inp .form_con.contact_type {
    margin-top: 10px;
}

.d_f_inp .form_con .input_wrap.contact_con input[type="text"] {
    height: 40px;
    line-height: 40px;
}

.d_f_inp .form_con .input_wrap.contact_con {
    margin-bottom: 40px;
}

.d_f_inp .form_con.sub_demand {
    width: 400px;
}

.d_f_inp .form_con.sub_demand input[type="submit"] {
    margin-top: 10px;
}

.d_f_inp .form_con.sub_demand p {
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-top: 25px;
}

.d_f_inp .form_con.sub_demand p span {
    color: #7caced;
}

/*选择需求发布方式*/
.distribute_method {
    padding-bottom: 80px;
}

.distribute_method .h70 {
    width: 100%;
    height: 70px;
    background: #edf0ef;
}

.distribute_method h3 {
    color: #333333;
    font-size: 28px;
    text-align: center;
    padding: 80px 0 60px;
    letter-spacing: 3px;
}

.distribute_method .con .col-md-6 {
    padding: 0 50px 0 20px;
}

.distribute_method .con .col-md-6:nth-child(2) {
    padding: 0 20px 0 50px;
}

.distribute_method .box {
    border: 3px solid #edf0ef;
    border-radius: 3px;
    text-align: center;
    padding: 30px 0 50px;
    display: block;
    text-decoration: none;
    color: #999999;
    font-size: 14px;
    letter-spacing: 3px;
    -webkit-box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
}

.distribute_method .box:hover {
    text-decoration: none;
    color: #999999;
    -webkit-box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
    box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
}

.distribute_method .box_right .img_wrap img {
    padding: 15px 0;
}

.distribute_method .box .b_1 {
    padding: 36px 0;
}

.distribute_method .box .b_1 h4 {
    font-size: 24px;
    color: #333;
    padding-bottom: 10px;
}

.distribute_method .box .b_1 p {
    color: #7caced;
}

.distribute_method .box .b_2 p {
    padding-bottom: 8px;
}

.distribute_method .box .b_2 p:last-child {
    padding-bottom: 0;
}

/*底部点击“意见反馈”弹出层*/
.t_suggestion_wrap {
    padding: 30px 30px;
}

.t_suggestion_wrap h3 {
    text-align: left;
}

.t_suggestion_wrap .input_wrap input,
.t_suggestion_wrap .btn_blue {
    width: 100%;
    margin-top: 0;
}

.t_suggestion_wrap textarea,
.t_suggestion_wrap .btn_blue {
    margin-top: 20px;
}

.t_suggestion_wrap textarea {
    font-size: 16px;
    height: 100px;
}

.t_suggestion_wrap .tips {
    color: #999;
    font-size: 14px;
    padding: 10px 0 0;
    letter-spacing: 2px;
    /*text-align: center;*/
}

/*****************************v2.0版 下单流程-填写表单******************************/
/*公共-下单步骤标题*/
.order_common_step {
    width: 100%;
    height: 80px;
    background: #f9fafa;
}

.order_common_step .container ul li {
    width: 35%;
    display: block;
    float: left;
}

.order_common_step .container ul li.last {
    width: 30%;
}

.order_common_step .container ul li .order_title {
    padding-top: 26px;
    padding-left: 24px;
    width: 100%;
}

.order_common_step .container ul li .order_title .step_number {
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 3px solid #E0E2E1;
    font-size: 16px;
    color: #c2c2c2;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    float: left;
}

.order_common_step .container ul li .order_title.on .step_number {
    border: 3px solid #47E7B9;
    background: #47E7B9;
    color: #fff;
    font-weight: normal;
}

.order_common_step .container ul li .order_title p {
    float: left;
    font-size: 16px;
    color: #666666;
    letter-spacing: 2px;
    margin-left: 15px;
    padding-top: 3px;
}

.order_common_step .container ul li .order_title span {
    display: block;
    float: left;
    width: 65%;
    margin-left: 15px;
    height: 2px;
    background: #EDF0EF;
    margin-top: 14px;
    position: relative;
}

.order_common_step .container ul li .order_title span.on {
    background: #47E7B9;
}

.order_common_step .container ul li .order_title span:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #EDF0EF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    left: 0;
    bottom: -2px;
}

.order_common_step .container ul li .order_title span.on:before {
    background: #47E7B9;
}

.order_common_step .container ul li .order_title span:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #EDF0EF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    right: 0;
    bottom: -2px;
}

.order_common_step .container ul li .order_title span.on:after {
    background: #47E7B9;
}

/*基本信息表单*/
.order_info_form {
    width: 580px;
    margin: 20px auto 170px;
}

.order_info_form h2 {
    font-size: 24px;
    color: #333333;
    height: 66px;
    line-height: 66px;
}

.order_info_form .order_form_group {
    width: 100%;
    padding: 15px 0;
}

.order_info_form .order_form_group:last-child {
    margin-bottom: 150px;
}

.order_info_form .order_form_group .this_title {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.order_info_form .order_form_group .industry {
    position: relative;
    width: 100%;
    height: 44px;
}

.order_info_form .order_form_group .select_industry {
    width: 100%;
    height: 44px;
    border: 2px solid #EDF0EF;
    padding: 10px 15px;
    border-radius: 3px;
}

.order_info_form .order_form_group .select_industry.on {
    border: 2px solid #7CACEE;
}

.order_info_form .order_form_group .select_industry.on span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.order_info_form .order_form_group .select_industry em {
    color: #999999;
    font-size: 14px;
    letter-spacing: 2px;
    font-style: normal;
}

.order_info_form .order_form_group .select_industry span {
    display: block;
    float: right;
    margin-top: 6px;
    width: 14px;
    height: 10px;
    background: url(../../../statics/images/bootstrap/order/arrow_down.png) center no-repeat;
}

.order_info_form .order_form_group .industry .industry_con {
    position: absolute;
    z-index: 9;
    display: none;
    left: 0;
    top: 44px;
    width: 100%;
    height: 295px;
    padding: 5px 12px;
    overflow-y: scroll;
    border-radius: 5px;
    box-shadow: -2px 2px 10px -2px rgba(0, 0, 0, 0.06);
    background: #fff;
}

.order_info_form .order_form_group .industry .industry_con ul {
    overflow: hidden;
    border-radius: 3px;
}

.order_info_form .order_form_group .industry .industry_con ul li {
    font-size: 14px;
    color: #999999;
    height: 35px;
    line-height: 35px;
    width: 33%;
    float: left;
    padding-left: 5px;
}

.order_info_form .order_form_group .industry .industry_con ul li span:hover {
    background: #82B0EE;
    color: #ffffff;
    padding: 3px;
    cursor: pointer;
}

.order_info_form .order_form_group #show_file ul li {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.order_info_form .order_form_group #show_file ul li .file-list {
    position: relative;
    width: 160px;
    height: 90px;
    text-align: center;
    line-height: 90px;
}

.order_info_form .order_form_group #show_file ul li .file-list i {
    z-index: 2;
}

.order_info_form .order_form_group #show_file ul li .file-list .mask {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #000;
    background: rgba(0, 0, 0, .4);
}

.order_info_form .order_form_group #show_file ul li .file-list .progress {
    width: 90%;
    left: 5%;
    bottom: 10px;
    margin-bottom: auto;
    height: 5px;
    position: absolute;
    z-index: 3;
}

.order_info_form .order_form_group #show_file ul li .file-list .progress .progress-bar {
    line-height: 5px;
    background-color: #7CACEE;
}

.high_demand_con {
    display: none;
}

.info_form_input {
    width: 100%;
    height: 44px;
    border: 2px solid #EDF0EF;
    border-radius: 3px;
    padding-left: 15px;
    color: #666666;
    font-size: 14px;
    letter-spacing: 2px;
}

.info_form_input:focus {
    border: 2px solid #7CACEE;
    outline: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.order_info_form .order_form_group textarea[name="company_situation"] {
    margin-bottom: 23px;
}

.info_form_textarea {
    width: 100%;
    height: 114px;
    border: 2px solid #EDF0EF;
    border-radius: 3px;
    padding: 5px 15px;
    color: #666666;
    font-size: 14px;
    letter-spacing: 2px;
    resize: none;
}

.info_form_textarea:focus {
    border: 2px solid #7CACEE;
    outline: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.info_form_file {
    display: block;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    width: 130px;
    height: 44px;
    line-height: 44px;
    background: #7CACEE;
    opacity: .95;
    border-radius: 3px;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 8px;
}

.info_form_file:hover {
    opacity: 1;
    color: #ffffff;
    text-decoration: none;
}

/*调查问卷-行业标签*/
.order_info_form .order_form_group .tag-editor {
    line-height: 30px;
}

.order_info_form .order_form_group .wrap_select_tag ul li {
    border: 1px solid #999999;
    border-radius: 1px;
    color: #999999;
    cursor: pointer;
    display: inline-block;
    margin: 4px 2px;
    padding: 2px 6px;
}

.form_tips {
    color: #b2b2b2;
    font-size: 14px;
    line-height: 30px;
}

.high_demand_title {
    /*height: 72px;*/
    /*height: 95px;*/
    height: 66px;
    width: 100%;
    border-top: 1px solid #F1F5F4;
    border-bottom: 1px solid #F1F5F4;
    /*padding: 17px 20px 17px 0;*/
    padding: 5px 20px 5px 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.high_demand_title p {
    font-size: 24px;
    color: #333333;
    letter-spacing: 1px;
    float: left;
    padding-top: 1px;
}

.high_demand_title p em {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    font-style: normal;
}

.high_demand_title span {
    display: block;
    width: 580px;
    height: 56px;
    background: url(../../../statics/images/bootstrap/order/arrow_top3_1.gif) center no-repeat;
    float: left;
    cursor: pointer;
    margin-right: 15px;
}

.high_demand_title span.on {
    background: url(../../../statics/images/bootstrap/order/arrow_top3_2.gif) center no-repeat;
}

.important_tips {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px;
    color: #b2b2b2;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
}

.important_tips input[type="checkbox"]+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 2px;
    top: 1px;
    background: url(../../../statics/images/bootstrap/order/right_icon_bg.png) center no-repeat;
}

.important_tips input[type="checkbox"]:checked+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 2px;
    top: 1px;
    background: url(../../../statics/images/bootstrap/order/right_icon.png) center no-repeat;
}

.important_tips input[type="checkbox"]:checked~span {
    color: #666666 !important;
}

.important_tips input[type="checkbox"] {
    vertical-align: text-top;
    margin-right: 5px;
}

.order_form_group .style_key {
    width: 100%;
}

.order_form_group .style_key ul li {
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: content-box;
    border: 2px solid #EDF0EF;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 14px;
    color: #999999;
    text-align: center;
    letter-spacing: 2px;
    float: left;
    cursor: pointer;
    position: relative;
}

.order_form_group .style_key ul li:hover {
    border: 2px solid #7CACEE;
}

.form_readonly .order_form_group .style_key ul li:hover {
    border: 2px solid #EDF0EF;
}

.order_form_group .style_key ul li.on {
    border: 2px solid #7CACEE;
}

.form_readonly .order_form_group .style_key ul li.on:hover {
    border: 2px solid #7CACEE;
}

.order_form_group .style_key ul li.on:after {
    display: block;
    width: 12px;
    height: 12px;
    content: url(../../../statics/images/bootstrap/order/style_key_icon.png);
    position: absolute;
    right: 2px;
    bottom: 4px;
}

.order_form_group .hope_logo {
    position: relative;
}

.every_logo_info {
    width: 280px;
    border: 2px solid #EDF0EF;
    padding: 15px;
    position: absolute;
    right: -280px;
    top: 5px;
    display: none;
}

.every_logo_info p {
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}

.order_form_group .hope_logo ul li {
    width: 180px;
    height: 110px;
    float: left;
    border: 2px solid #EDF0EF;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
}

.order_form_group .hope_logo ul li:hover {
    border: 2px solid #99C1F8;
}

.form_readonly .order_form_group .hope_logo ul li:hover {
    border: 2px solid #EDF0EF;
}

.form_readonly .order_form_group .hope_logo ul li:nth-child(1):hover~div.logo_info_1 {
    display: none;
}

.form_readonly .order_form_group .hope_logo ul li:nth-child(2):hover~div.logo_info_2 {
    display: none;
}

.form_readonly .order_form_group .hope_logo ul li:nth-child(3):hover~div.logo_info_3 {
    display: none;
}

.form_readonly .order_form_group .hope_logo ul li:nth-child(4):hover~div.logo_info_4 {
    display: none;
}

.form_readonly .order_form_group .hope_logo ul li:nth-child(5):hover~div.logo_info_5 {
    display: none;
}

.order_form_group .hope_logo ul li:nth-child(1):hover~div.logo_info_1,
.order_form_group .hope_logo ul li:nth-child(2):hover~div.logo_info_2,
.order_form_group .hope_logo ul li:nth-child(3):hover~div.logo_info_3,
.order_form_group .hope_logo ul li:nth-child(4):hover~div.logo_info_4,
.order_form_group .hope_logo ul li:nth-child(5):hover~div.logo_info_5 {
    display: block;
}

.order_form_group .hope_logo ul li.on {
    border: 2px solid #99C1F8;
}

.form_readonly .order_form_group .hope_logo ul li.on:hover {
    border: 2px solid #99C1F8;
}

.order_form_group .hope_logo ul li.on:after {
    display: block;
    width: 18px;
    height: 18px;
    content: url(../../../statics/images/bootstrap/order/color_icon.png);
    position: absolute;
    right: 5px;
    bottom: 5px;
}

/***新版希望标志选择展示***/
.order_form_group .new_hope_logo {
    position: relative;
}

.order_form_group .new_hope_logo ul li {
    width: 100%;
    border: 2px solid #EDF1EF;
    border-radius: 2px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.order_form_group .new_hope_logo ul li:nth-child(6) {
    height: 56px;
    text-align: center;
    line-height: 52px;
    font-size: 14px;
    color: #666666;
}

.order_form_group .new_hope_logo ul li p {
    height: 23px;
    line-height: 23px;
    background: #EDF1EF;
    padding-left: 10px;
    font-size: 14px;
    color: #666;
}

.order_form_group .new_hope_logo ul li img {
    display: block;
    width: 100%;
}

.order_form_group .new_hope_logo ul li.on {
    border: 2px solid #99C1F8;
}

.form_readonly .order_form_group .new_hope_logo ul li.on:hover {
    border: 2px solid #99C1F8;
}

.order_form_group .new_hope_logo ul li.on:after {
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    content: url(../../../statics/images/bootstrap/order/color_icon.png);
    position: absolute;
    right: 2px;
    top: 2px;
}

.order_form_group .new_hope_logo ul li:nth-child(1):hover~div.logo_info_1 {
    display: block;
    right: -290px;
    top: 0;
}

.order_form_group .new_hope_logo ul li:nth-child(2):hover~div.logo_info_2 {
    display: block;
    right: -290px;
    top: 174px;
}

.order_form_group .new_hope_logo ul li:nth-child(3):hover~div.logo_info_3 {
    display: block;
    right: -290px;
    top: 347px;
}

.order_form_group .new_hope_logo ul li:nth-child(4):hover~div.logo_info_4 {
    display: block;
    right: -290px;
    top: 521px;
}

.order_form_group .new_hope_logo ul li:nth-child(5):hover~div.logo_info_5 {
    display: block;
    right: -290px;
    top: 695px;
}

/***新版希望标志选择展示end***/

.order_form_group .color_style ul li {
    width: 180px;
    height: 106px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.order_form_group .color_style ul li p {
    color: #fff;
    letter-spacing: 3px;
    font-size: 14px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 10px;
}

.order_form_group .color_style ul li:hover {
    border: 2px solid #BAEAFF;
}

.order_form_group .color_style ul li:last-child:hover {
    border: 2px solid #BAEAFF;
}

.form_readonly .order_form_group .color_style ul li:hover {
    border: none;
}

.form_readonly .order_form_group .color_style ul li:last-child:hover {
    border: 2px solid #EDF0EF;
}

.order_form_group .color_style ul li:last-child {
    border: 2px solid #EDF0EF;
    height: 106px !important;
}

.order_form_group .color_style ul li.on {
    border: 2px solid #BAEAFF !important;
}

.form_readonly .order_form_group .color_style ul li.on:hover {
    border: 2px solid #BAEAFF !important;
}

.order_form_group .color_style ul li.on:after {
    display: block;
    width: 18px;
    height: 18px;
    content: url(../../../statics/images/bootstrap/order/color_icon.png);
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.order_common_footer_wrap a.skip {
    display: block;
    color: #7caced;
    font-size: 14px;
    letter-spacing: 3px;
    text-decoration: none;
    float: right;
    margin-top: 12px;
}

.b_index_require.h70 {
    width: 100%;
    height: 70px;
    background: #edf0ef;
}

/*公共登陆弹框样式*/
.common-modal-bg {
    position: fixed;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**只对ie8有效***/
@media \0screen {
    .common-modal-bg {
        background: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C8ffffff);
    }
}

.common-modal {
    /*position: absolute;*/
    position: fixed;
    width: 480px;
    background: #ffffff;
    z-index: 1001;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.common-modal .close_a {
    display: block;
    width: 17px;
    height: 15px;
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #aaa;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

#commonModal .close_a {
    width: 12px;
    height: 8px;
}

/*v2.0下单-选择风格*/
.j_choose_style .h70 {
    width: 100%;
    height: 70px;
    background: #edf0ef;
}

.j_choose_style .all_sort_wrap,
.j_choose_style .logo_package {
    padding: 0;
}

.j_choose_style .all_sort {
    position: relative;
    border-bottom: 1px solid #edf0ef;
}

.j_choose_style h2 {
    color: #333333;
    font-size: 24px;
    text-align: center;
    letter-spacing: 5px;
    line-height: 65px;
    padding-top: 15px;
}

.j_choose_style .all_sort ul {
    overflow: hidden;
}

.j_choose_style .all_sort li {
    float: left;
    height: 79px;
    line-height: 80px;
    font-size: 16px;
    color: #666666;
    padding: 0 30px;
    cursor: pointer;
}

.j_choose_style .all_sort li:hover {
    color: #333;
}

.j_choose_style .all_sort li.s_cur {
    color: #7caced;
}

.j_choose_style .all_sort .line {
    height: 1px;
    background: #7caced;
    position: absolute;
    bottom: -1px;
    z-index: 1;
}

.j_choose_style .f_slider {
    position: relative;
}

.j_choose_style .slides {
    height: 145px;
    overflow: hidden;
}

.j_choose_style .flex-direction-nav {
    clear: both;
}

.j_choose_style .flex-prev,
.j_choose_style .flex-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: url("../../images/bootstrap/j_order_arrow_l.png") no-repeat center center #fff;
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.j_choose_style .flex-prev {
    left: -20px;
}

.j_choose_style .flex-next {
    right: -20px;
    background: url("../../images/bootstrap/j_order_arrow_r.png") no-repeat center center #fff;
}

.j_choose_style .flex-prev:hover,
.j_choose_style .flex-next:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.j_choose_style .s_item {
    position: relative;
    cursor: pointer;
    margin: 0 8px;
    border-radius: 3px;
    display: none;
}

.j_choose_style .s_item img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
}

.j_choose_style .s_item h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 57px;
    color: #fff;
    font-size: 16px;
    padding: 25px 0 0 20px;
    background: url("../../images/bootstrap/j_order_style_pic_bg.png") no-repeat left center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    border-radius: 0 0 3px 3px;
}

.j_choose_style .s_item .layer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.6);
    display: none;
}

.j_choose_style .s_item_cur .border {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    border: 3px solid #7caced;
    border-radius: 3px;
}

.j_choose_style .s_item_cur .arrow {
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 0;
    height: 0;
    display: block;
    margin-left: -4px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-top: 8px solid #7caced;
}

.j_choose_style .logo_package_con {
    margin: 0;
}

#show_file:after {
    display: block;
    content: "";
    clear: both;
}

/*创意人案例展示列表*/
.designers_case_list .h70 {
    width: 100%;
    height: 70px;
    background: #edf0ef;
}

.designers_case_list .service_type,
.designers_case_list .industry_type {
    color: #666;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 30px 15px 15px 0;
    border-bottom: 1px solid #E3EBF5;
}

.designers_case_list .service_type .left,
.designers_case_list .industry_type .left {
    float: left;
    width: 90px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.designers_case_list .service_type .right,
.designers_case_list .industry_type .right {
    margin-left: 90px;
}

.designers_case_list .service_type li,
.designers_case_list .industry_type li {
    padding: 0 15px 10px;
    float: left;
    cursor: pointer;
}

.designers_case_list .service_type li a:hover,
.designers_case_list .industry_type li a:hover {
    color: #7caced;
}

.designers_case_list .service_type li a,
.designers_case_list .industry_type li a {
    color: #666;
    text-decoration: none;
    font-size: 16px;
}

.designers_case_list .service_type .sort_2 {
    clear: both;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
    border-radius: 2px;
    border: 1px solid rgba(233, 240, 246, 1);
    padding-top: 10px;
}

.designers_case_list .service_type .sort_2:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
}

.designers_case_list .industry_type .sort_1 {
    padding-right: 60px;
}

.designers_case_list .industry_type .unfold {
    float: right;
    width: 51px;
    text-align: center;
    height: 20px;
    line-height: 16px;
    border: 2px solid #E3EBF5;
    border-radius: 2px;
    color: #b2b2b2;
    font-size: 12px;
    margin-top: -3px;
    cursor: pointer;
}

.designers_case_list .industry_type .unfold i {
    display: inline-block;
    vertical-align: baseline;
    width: 9px;
    height: 9px;
    margin-right: 3px;
    background: url("../../images/bootstrap/designers_case_jian.svg") no-repeat center;
}

.designers_case_list .industry_type .indus_type {
    height: 25px;
    overflow: hidden;
}

.designers_case_list .industry_type .indus_type .unfold {
    margin-top: 0;
}

.designers_case_list .industry_type .indus_type .unfold i {
    background: url("../../images/bootstrap/designers_case_jia.svg") no-repeat center;
}

.designers_case_list .other_search {
    padding: 0 15px;
    font-size: 14px;
    margin-bottom: 32px;
}

.designers_case_list .other_search .other .box {
    float: left;
    padding: 25px 0;
}

.designers_case_list .other_search .other .box a,
.designers_case_list .other_search .other .box label {
    text-decoration: none;
    color: #999999;
    font-weight: normal;
    cursor: pointer;
    font-size: 14px;
}

.designers_case_list .other_search .other .box>a {
    padding-left: 19px;
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon2.png) 5px 10px no-repeat;
}

.designers_case_list .other_search .other .box.fx-hover>a {
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon.png) 5px 10px no-repeat !important;
    padding: 0 20px 0 30px;
    border-bottom: 1px solid #fff;

}

div.fk-tabcons a {
    width: 33%;
}

.designers_case_list .other_search .other .box a:hover,
.designers_case_list .other_search .other .box label:hover {
    text-decoration: none;
    color: #7caced;
}

.designers_case_list .other_search .other .box a {
    /*padding: 0 20px;*/
    padding: 0 20px 0 30px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}

.designers_case_list .other_search .other .box1 .active {
    color: #7caced;
}

.designers_case_list .other_search .other .box a.icon-arrow-down i {
    display: inline-block;
    vertical-align: baseline;
    width: 9px;
    height: 14px;
    margin-left: 4px;
    background: url("../../images/bootstrap/designers_case_down.png") no-repeat left top;
}

.designers_case_list .other_search .other .box a.icon-arrow-down:hover i,
.designers_case_list .other_search .other .box1 a.active i {
    background: url("../../images/bootstrap/designers_case_down_1.png") no-repeat left center;
}

.designers_case_list .other_search .other .box a.zh {
    padding-left: 0;
}

.designers_case_list .other_search .other .box label {
    padding: 0 10px;
    position: relative;
    margin: 0;
}

.designers_case_list .other_search .other .box label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0 3px 0 0;
    float: left;
    display: inline-block;
}

.designers_case_list .other_search .other .box label input+i {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 1px;
    background: url(../../images/bootstrap/new_website_1/case_list_icon.png) -42px -3px no-repeat;
    /*-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;*/
}

.designers_case_list .other_search .other .box label input:checked+i {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 1px;
    background: url(../../images/bootstrap/new_website_1/case_list_icon.png) -22px -3px no-repeat;
    /*-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;*/
}

.designers_case_list .other_search .other .box label input~span {
    color: #999;
}

.designers_case_list .other_search .other .box label input~span:hover {
    color: #7caced;
}

.designers_case_list .other_search .other .box label input:checked~span {
    color: #7caced;
}

.designers_case_list .other_search .other .line {
    color: #c9c9c9;
}

.designers_case_list .search_wrap {
    padding-top: 18px;
    text-align: right;
}

.designers_case_list .search_wrap .box {
    position: relative;
}

.designers_case_list .search_wrap .box input {
    color: #666;
    font-size: 14px;
    padding: 6px 30px 6px 10px;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    width: 215px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.designers_case_list .search_wrap .box input:focus {
    outline: none;
    border: 2px solid #7caced;
}

.designers_case_list .search_wrap .box button {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    width: 22px;
    height: 20px;
    display: block;
    right: 10px;
    top: 8px;
    outline: none;
    border: 0;
    background: url("../../images/bootstrap/designers_case_search2.png") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.designers_case_list .case_list_f {
    background: #F3F9FF;
    padding-top: 40px;
}

.designers_case_list .case_list {
    padding: 0 15px;
}

.designers_case_list .case_list .case_wrap {
    padding: 0 10px;
    margin-bottom: 20px;
}

.designers_case_list .case_list .case {
    padding: 15px 15px 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 -1px 3px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 -1px 3px rgba(0, 0, 0, 0.03);
}

.designers_case_list .case_list .no_search {
    text-align: center;
    color: #999;
    font-size: 16px;
    letter-spacing: 3px;
    padding: 20px 0;
}

.designers_case_list .fk-picker {
    top: 50px;
    border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    right: auto;
    left: 10px;
}

.designers_case_list .fk-picker .fk-tabs a.active {
    border-color: #cccccc;
    border-bottom-color: #ffffff;
}

.designers_case_list .fk-picker .fk-tabs {
    border-bottom: 1px solid #cccccc;
}

.designers_case_list .product_search_area .fk-a {
    margin: 15px 10px 0;
    padding-top: 10px !important;
    display: inline-block;
}

.designers_case_list .fx-hover .fk-a {
    color: #498bb8;
    text-decoration: none;
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #fff !important;
    position: relative;
    z-index: 999;
    top: -1px;
    height: 42px;
}

.designers_case_list .other_search .other .product_search_area {
    padding: 0;
    margin-left: -10px;
}

.designers_case_list .other_search .other .server_industry {
    float: left;
    padding: 18px 0;
}

.designers_case_list .other_search .other .server_industry i {
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url(../../images/bootstrap/new_website_1/industroy_icon.png) no-repeat;
    margin-right: 3px;
    vertical-align: sub;
}

.designers_case_list .other_search .other .server_industry span {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    margin-right: 10px;
}

.designers_case_list .other_search .other .server_industry select {
    display: inline-block;
    width: 174px;
    height: 36px;
    border: 1px solid #E3EBF5;
    border-radius: 3px;
    padding: 0 35px 0 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    font-size: 14px;
    color: #333;
    margin-right: 30px;
    background: url(../../images/bootstrap/new_website_1/blue_down_icon.png) 152px center no-repeat;
}

.designers_case_list .other_search .other .panking_list {
    float: left;
    padding-left: 24px;
    background: url(../../images/bootstrap/new_website_1/panking_icon.png) left center no-repeat;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
    margin-top: 25px;
}

.designers_case_list .other_search .other .panking_list:hover {
    color: #7CACEE;
}

.designers_case_list .d_banner .d_2 {
    font-size: 1.35em;
    letter-spacing: 3px;
    margin-bottom: 1em;
}

/*************一对一邀请操作提示**************/
.one-to-one_tips {
    width: 465px;
    margin: 50px auto 150px;
}

.one-to-one_tips .one_tips_icon {
    height: 64px;
    margin-bottom: 30px;
}

.one-to-one_tips .one_tips_icon img {
    margin: auto;
    display: block;
}

.one-to-one_tips .one_tips_title {
    margin-bottom: 20px;
}

.one-to-one_tips .one_tips_title h2 {
    font-size: 24px;
    color: #333333;
    letter-spacing: 6px;
    text-align: center;
    line-height: 35px;
    margin-bottom: 25px;
}

.one-to-one_tips .one_tips_title p {
    color: #999999;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.one-to-one_tips .one_tips_title p i {
    font-style: normal;
    color: #ff0000;
}

.one-to-one_tips .require_description .r_d_title {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    position: relative;
    text-align: center;
}

.one-to-one_tips .require_description .r_d_title:before {
    display: block;
    content: "";
    width: 175px;
    height: 1px;
    background: #EDF0EF;
    position: absolute;
    top: 10px;
    left: 2px;
}

.one-to-one_tips .require_description .r_d_title:after {
    display: block;
    content: "";
    width: 175px;
    height: 1px;
    background: #EDF0EF;
    position: absolute;
    top: 10px;
    right: 2px;
}

.one-to-one_tips .require_description .r_d_content {
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    letter-spacing: 2px;
    margin-top: 15px;
    word-wrap: break-word;
    word-break: break-all;
}

.one-to-one_tips .button_handle {
    height: 56px;
    margin-top: 30px;
}

.one_common_btn {
    background: #7FADEB;
    opacity: .95;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #ffffff;
    height: 56px;
    width: 220px;
    display: block;
    border: none;
    outline: none;
    -webkit-appearance: none;
    font-size: 18px;
    margin: auto;
    letter-spacing: 3px;
}

.one_common_btn.phone {
    float: right;
}

.one_common_btn:hover {
    opacity: 1;
}

.one_common_btn.refuse {
    border: 3px solid #E5E5E5;
    background: #ffffff;
    color: #b2b2b2;
    transition: all .8s ease-in;
    -webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
}

.one_common_btn.refuse:hover {
    color: #666;
    opacity: .4;
    background: linear-gradient(#fff, #f1f1f1);
    background: -webkit-linear-gradient(#fff, #f1f1f1);
    background: -moz-linear-gradient(#fff, #f1f1f1);

}

.one_common_btn.refuse.phone {
    float: left;
}

.one-to-one_tips .contacts_info {
    padding: 15px 0;
}

.one-to-one_tips .contacts_info table {
    width: 254px;
    margin: auto;
    border: 1px solid #E5E5E5;
}

.one-to-one_tips .contacts_info table tr td {
    padding: 15px 25px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 3px;
    border: 1px solid #E5E5E5;
}

.one-to-one_tips .giveUp_reason {
    padding-top: 1px;
}

.one-to-one_tips .giveUp_reason .reason_form {
    margin-top: 20px;
}

.one-to-one_tips .giveUp_reason .reason_form h4 {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.one-to-one_tips .giveUp_reason .reason_form ul li {
    position: relative;
}

.one-to-one_tips .giveUp_reason .reason_form ul li label {
    cursor: pointer;
}

.one-to-one_tips .giveUp_reason .reason_form ul li span {
    height: 30px;
    line-height: 30px;
    letter-spacing: 3px;
    color: #808080;
    font-size: 16px;
    margin-left: 10px;
    cursor: pointer;
}

.one-to-one_tips .giveUp_reason .reason_form ul li input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 10px;
    height: 10px;
    width: 10px\0;
    height: 10px\0;
    margin-left: 2px;
}

.one-to-one_tips .giveUp_reason .reason_form ul li input[type="radio"]+i {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 7px;
    background: url(../../images/bootstrap/one_one/check_1.png) center no-repeat;
}

.one-to-one_tips .giveUp_reason .reason_form ul li input[type="radio"]:checked+i {
    background: url(../../images/bootstrap/one_one/check_2.png) center no-repeat;
}

.one-to-one_tips .giveUp_reason .reason_form .other_reason {
    width: 100%;
    height: 49px;
    border: 3px solid #EEEEEE;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    font-size: 14px;
    letter-spacing: 3px;
    padding-left: 8px;
    color: #b2b2b2;
}

/*************订单流程-支付方式选择页面**************/
.order_pay_select {
    margin-top: 85px;
    margin-bottom: 200px;
}

.order_pay_select .order_info_confirm {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 35px;
}

.order_pay_select .order_info_confirm h3 {
    font-size: 24px;
    color: #333333;
    letter-spacing: 1px;
    padding: 15px 0;
}

.order_pay_select .order_info_confirm p.order_number {
    color: #666666;
    letter-spacing: 3px;
    font-size: 16px;
    padding: 22px 0;
}

.order_pay_select .order_info_confirm p.order_number span {
    letter-spacing: 1px;
    padding-right: 20px;
}

.order_pay_select .order_info_confirm p.order_money {
    font-size: 18px;
    color: #333333;
    letter-spacing: 3px;
    font-weight: 500;
    line-height: 45px;
}

.order_pay_select .order_info_confirm p.order_money span {
    font-size: 18px;
    color: #ff4f7d;
}

.order_pay_select .pay_type {
    margin-top: 40px;
}

.order_pay_select .pay_type h2 {
    font-size: 24px;
    color: #333333;
    padding: 10px 0 20px;
    letter-spacing: 3px;
}

.order_pay_select .pay_type ul li {
    width: 280px;
    border: 2px solid #E0E0E0;
    float: left;
    margin-right: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    position: relative;
}

.order_pay_select .pay_type ul li img {
    width: 100%;
    vertical-align: middle;
}

.order_pay_select .pay_type ul li:hover {
    border: 2px solid #7CACED;
}

.order_pay_select .pay_type ul li.on {
    border: 2px solid #7CACED;
}

.order_pay_select .pay_type ul li.on:after {
    display: block;
    width: 18px;
    height: 18px;
    content: url(../../../statics/images/bootstrap/order/color_icon.png);
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.order_pay_select .pay_type_con {
    width: 276px;
    height: 432px;
    border: 3px solid #7CACED;
    padding: 17px 25px;
    margin: 50px auto;
}

.order_pay_select .pay_type_con span {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 219px;
}

.order_pay_select .pay_type_con span img {
    width: 100%;
}

/*订单流程-支付完成后等待支付结果弹窗*/
#commonModal_pay {
    width: 580px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 20px 0;
}

#common-modal-bg-pay {
    background: #F0F0F0;
    background: rgba(240, 240, 240, .8);
}

.wait_pay_result {
    width: 500px;
    margin: 0 auto;
}

.wait_pay_result h3 {
    font-size: 24px;
    color: #333333;
    letter-spacing: 1px;
    text-align: center;
    font-weight: normal;
}

.wait_pay_result p {
    font-size: 16px;
    color: #999999;
    letter-spacing: 3px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 55px;
}

.wait_pay_result .pay_result {
    height: 56px;
}

.wait_pay_result .pay_fail {
    width: 45%;
    height: 56px;
    display: block;
    float: left;
    border: 3px solid #E0E0E0;
    font-size: 18px;
    color: #666666;
    letter-spacing: 3px;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;
}

.wait_pay_result .pay_fail:hover {
    border-color: #AAAAAA;
}

.wait_pay_result .pay_success {
    width: 45%;
    display: block;
    float: right;
    outline: none;
    border: none;
    height: 56px;
    background: #7CACED;
    color: #fff;
    font-size: 18px;
    letter-spacing: 3px;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    opacity: .95;
}

.wait_pay_result .pay_success:hover {
    opacity: 1;
}

/***********************设计师个人主页*************************/
.designer_page {
    margin: 0 auto;
}

.designer_page .bg_gray_70 {
    height: 140px;
    background: #EDF0EF;
}

.designer_page .bg_gray_70 .back_nav {
    padding-top: 97px;
}

.designer_page .bg_gray_70 .back_nav .row {
    position: relative;
}

.designer_page .bg_gray_70 .back_nav ul {
    position: absolute;
    left: 0;
    z-index: 100;
}

.designer_page .bg_gray_70 .back_nav ul li {
    float: left;
    color: #b2b2b2;
    font-size: 14px;
    cursor: default;

}

.designer_page .bg_gray_70 .back_nav ul li a {
    color: #b2b2b2;
    text-decoration: none;
}

.designer_page .bg_gray_70 .back_nav ul li a span {
    font-weight: bold;
}

.designer_page .container.des_con {
    margin-top: -45px;
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #E9F0F6;
}

.d_p_basic_info .designer_img {
    width: 88px;
    height: 88px;
    border-radius: 100%;
    border: 6px solid #fff;
    margin: auto;
    position: relative;
}

.d_p_basic_info .designer_img .designer_head {
    width: 100%;
    border-radius: 100%;
}

.d_p_basic_info .designer_img .img_vip {
    display: none;
    position: absolute;
    bottom: 7px;
    left: 50%;
    margin-left: 18px;
}

.d_p_basic_info .designer_img.vip .img_vip {
    display: block;
}

.d_p_basic_info .designer_img .tips {
    max-width: 200px;
    position: absolute;
    left: 85%;
    bottom: 100%;
    /* height: 30px; */
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    display: inline;
    z-index: 3;
}

.d_p_basic_info .designer_img .tips span {
    display: inline-block;
    background: #44e7b9;
    padding: 3px 10px;
    border-radius: 3px;
    width: 210px;
    letter-spacing: 3px;
}

.d_p_basic_info .designer_img .tips .arrow {
    display: block;
    position: absolute;
    left: 10px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid #44e7b9;
    border-top: 5px solid #44e7b9;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.d_p_basic_info h3 {
    padding: 20px 0 0;
    letter-spacing: 5px;
    color: #4c4c4c;
    font-size: 24px;
    text-align: center;
}

.d_p_basic_info h3 span {
    display: inline-block;
    position: relative;
    padding: 0 20px;
}

.d_p_basic_info .tag {
    text-align: center;
    padding-top: 20px;
}

.d_p_basic_info .tag span {
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    margin: 3px 3px 0;
    background: #f2f6fa;
    color: #666666;
    font-size: 14px;
}

.d_p_basic_info .tips {
    padding: 15px 0 0;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.d_p_basic_info>.tips span {
    font-size: 16px;
    color: #ccc;
    display: inline-block;
    padding: 0 10px;
}

.d_p_basic_info>ul {
    text-align: center;
    padding-top: 15px;
}

.d_p_basic_info>ul li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #666666;
    padding: 0 20px;
    position: relative;
    line-height: 25px;
}

.d_p_basic_info>ul li:before {
    display: block;
    position: absolute;
    content: url(../../images/li_work_icon.png);
    width: 14px;
    height: 12px;
    left: 0;
    top: 0;
}

.d_p_basic_info .skill_label {
    text-align: center;
}

.d_p_basic_info .skill_label p {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 14px;
    cursor: default;
    position: relative;
}

.d_p_basic_info .skill_label p span {
    display: inline-block;
    background: #F2F5FA;
    border-radius: 2px 0 0 2px;
    font-size: 14px;
    color: #666666;
    padding: 2px 7px;
}

.d_p_basic_info .skill_label p i {
    display: inline-block;
    background: #F2F5FA;
    font-style: normal;
    border-radius: 0 2px 2px 0;
    border-left: 2px solid #fff;
    padding: 2px 0;
    width: 25px;
    text-align: center;
    font-size: 14px;
    color: #7CACEE;
}

.d_p_basic_info .skill_label p:after {
    display: none;
    content: "";
    width: 100%;
    height: 20px;
    background: transparent;
    position: absolute;
    left: 0;
    top: 19px;
}

.d_p_basic_info .skill_label p:hover:after {
    display: inline-block;
}

.d_p_basic_info .skill_label p em {
    display: none;
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 2px;
    width: 180px;
    height: 100px;
    padding: 20px 20px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
    line-height: 21px;
    position: absolute;
    left: 24px;
    top: 35px;
    z-index: 3;
    font-style: normal;
}

.d_p_basic_info .skill_label p:hover em {
    display: inline-block;
}

.d_p_basic_info .skill_label p em b {
    font-style: normal;
    font-weight: normal;
    color: #7CACEE;
}

.designer_page .container .row:nth-child(2) {
    position: absolute;
    top: -10px;
    right: 0;
}

.d_p_contact_info {
    padding-right: 15px;
}

.d_p_contact_info .icon {
    padding-top: 15px;
}

.d_p_contact_info .icon span {
    padding: 3px 17px 3px 28px;
    font-size: 14px;
    color: #666;
    background: url(../../images/bootstrap/new_website_1/designers_layer_icon1.png) no-repeat left center;
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
}

.d_p_contact_info .icon span:nth-child(2) {
    background: url(../../images/bootstrap/new_website_1/designers_layer_icon2.png) no-repeat left center;
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
}

.d_p_contact_info .icon span:nth-child(3) {
    background: url(../../images/bootstrap/new_website_1/designers_layer_icon3.png) no-repeat left center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

.d_p_contact_info .icon span:nth-child(4) {
    background: url(../../images/bootstrap/new_website_1/designers_layer_icon4.png) no-repeat left center;
    -webkit-background-size: 21px 22px;
    background-size: 21px 22px;
    padding-right: 14px;
}

.d_p_contact_info .icon strong {
    padding-right: 10px;
    color: #E2E5E4;
    font-size: 20px;
    font-weight: normal;
}

.d_p_contact_info .icon span.care {
    cursor: pointer;
    background: url(../../images/bootstrap/new_website_1/tcy_new_star_gray.png) no-repeat left center;
    -webkit-background-size: 18px 17px;
    background-size: 18px 17px;
    letter-spacing: 3px;
    padding-right: 0;
}

.d_p_contact_info .icon.active span.care {
    background: url(../../images/bootstrap/new_website_1/tcy_new_star_yellow.png) no-repeat left center;
    -webkit-background-size: 18px 17px;
    background-size: 18px 17px;
}

.d_p_contact_info .ordered {
    text-align: right;
    margin-top: 40px;
}

.d_p_contact_info .ordered a {
    display: inline-block;
    width: 120px;
    height: 40px;
    background: #99C1F8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 3px;
    text-align: center;
    opacity: .95;
    line-height: 40px;
    cursor: pointer;
    text-decoration: none;
}

.d_p_contact_info .ordered a.disabled {
    background: #C9C9C9;
    cursor: default;
    opacity: 1;
}

.d_p_contact_info .ordered a.disabled:hover {
    background: #C9C9C9 !important;
    color: #fff !important;
    text-decoration: none;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.85;
}

.d_p_contact_info .ordered a:hover {
    opacity: 1;
}

.d_p_contact_info .ordered span {
    font-size: 14px;
    color: #999999;
    display: inline-block;
    padding-top: 15px;
    width: 120px;
    text-align: center;
}

.d_p_contact_info .news_chat {
    margin-top: 65px;
    text-align: right;
}

.d_p_contact_info .news_chat a {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    cursor: pointer;
}

.designer_page_building .h_70 {
    width: 100%;
    height: 70px;
    background: #EDF0EF;
}

.designer_page_building img {
    display: block;
    margin: 20px auto 30px;
}

.designer_page_building h3 {
    text-align: center;
    letter-spacing: 10px;
    font-size: 32px;
}

.designer_page_building .back_homepage {
    display: block;
    width: 220px;
    margin: 40px auto;
}

/****设计师案例作品，个人介绍*****/
.designer_details_title {
    height: 66px;
    background: #fff;
    text-align: center;
}

.designer_details_con {
    background: #E9F2F9;
}

.designer_details_title ul li {
    width: 120px;
    height: 66px;
    line-height: 66px;
    font-size: 16px;
    color: #666666;
    letter-spacing: 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.designer_details_title ul li.on {
    color: #7caced;
}

.designer_details_title ul li.on:after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: #E9F2F9;
    left: 60px;
    margin-left: -7px;
    bottom: -10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

/*设计师介绍*/
.designer_details_con .introduce {
    padding-top: 55px;
    padding-bottom: 130px;
}

.designer_details_con .introduce .introduce_img {
    width: 100%;
}

.designer_details_con .introduce h4 {
    color: #333333;
    font-size: 18px;
    letter-spacing: 3px;
}

.designer_details_con .introduce .introduce_con {
    margin-top: 30px;
}

.designer_details_con .introduce .introduce_con .i_c_title {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    line-height: 25px;
}

.designer_details_con .introduce .introduce_con .i_c_text {
    font-size: 14px;
    color: #808080;
    letter-spacing: 2px;
    line-height: 30px;
    padding-top: 5px;
}

/*设计师身份、案例认证*/
.designer_details_con .introduce .authen_state {
    background: #FFFFFF;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
    font-size: 14px;
    padding: 30px 25px;
}

.designer_details_con .introduce .authen_state h4 {
    font-size: 18px;
    letter-spacing: 3px;
    color: #999999;
}

.designer_details_con .introduce .authen_state .authen_con {
    padding-top: 25px;
}

.designer_details_con .introduce .authen_state .authen_con div {
    width: 50%;
    float: left;
    font-size: 12px;
}

.designer_details_con .introduce .authen_state .authen_con:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

.designer_details_con .introduce .authen_state .authen_con div img {
    display: block;
    margin: auto;
}

.designer_details_con .introduce .authen_state .authen_con div p {
    text-align: center;
    line-height: 20px;
}

.designer_details_con .introduce .authen_state .authen_con div span {
    display: block;
    text-align: center;
    line-height: 20px;
}

.designer_details_con .introduce .evaluate_star {
    background: #ffffff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #999999;
    font-size: 14px;
    padding: 30px 25px;
    margin-bottom: 35px;
}

.designer_details_con .introduce .evaluate_star h4 {
    font-size: 18px;
    letter-spacing: 3px;
    color: #999999;
}

.designer_details_con .introduce .evaluate_star p {
    margin-top: 17px;
}

/*设计师案例作品展示*/
.designer_details_con .case_works {
    padding-top: 60px;
    padding-bottom: 40px;
}

.designer_details_con .case_works .case_list .case_wrap {
    padding: 0 10px;
    margin-bottom: 20px;
}

.designer_details_con .case_works .case_list .case_wrap:nth-child(4n+1) {
    clear: both;
}

.stylist_case .case.add {
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 -1px 3px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 -1px 3px rgba(0, 0, 0, 0.03);
}

.stylist_case .case.add .bottom>p {
    font-size: 20px;
    color: #000000;
    letter-spacing: 1px;
    padding-left: 10px;
}

.stylist_case .case.add .bottom>p a {
    text-decoration: none;
    color: #000000;
}

/*carousel测试*/
/***首页-最近推荐案例bxm_add***/
.tcy_new_index .carousel_case.case {
    padding: 0;
    margin-top: -65px;
}

.jcarousel_wrap {
    width: 1660px;
    max-height: 350px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 50px;
    padding: 0 30px;
    border-radius: 3px;
}

.jcarousel_wrap .ul {
    overflow: hidden;
}

.jcarousel_wrap ul li>div {
    display: none;
    min-height: 110px;
}

.jcarousel_wrap img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    cursor: pointer;
    height: 150px;
}

.jcarousel_wrap .jcarousel_control_prev,
.jcarousel_wrap .jcarousel_control_next {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    width: 58px;
    height: 58px;
    display: block;
    background: url("../../../statics/images/bootstrap/new_website_1/index/case_arrow_left.png") no-repeat center center;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    cursor: pointer;
    z-index: 5;
    border-radius: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.jcarousel_wrap .jcarousel_control_next {
    background: url("../../../statics/images/bootstrap/new_website_1/index/case_arrow_right.png") no-repeat center center;
}

.jcarousel_wrap .jcarousel_control_prev {
    left: 5px;
    display: none;
}

.jcarousel_wrap .jcarousel_control_next {
    right: 5px;
}

.jcarousel_wrap ul li .t_case_card {
    margin: 0 auto;
}

.jcarousel_wrap {
    margin: 20px 5%;
    position: relative;
    width: 90%;
}

.jcarousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 325px;
}

.jcarousel ul {
    width: 2000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel ul li {
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;

}

.jcarousel ul li img {
    display: inline-block;
}

.jcarousel_control_prev,
.jcarousel_control_next {
    position: absolute;
    top: 110px;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    line-height: 60px;
}

.jcarousel_control_prev {
    left: 30px;
}

.jcarousel_control_next {
    right: 30px;
}

.jcarousel_control_prev.inactive,
.jcarousel_control_next.inactive {
    opacity: .5;
    cursor: default;
}

.sitemap_link a {
    color: #4c4c4c;
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
}












/***             案例详情页添加举报按钮和弹窗                   ***/


.report_modal .modal-dialog h4 {
    color: #333333;
    font-size: 24px;
    letter-spacing: 3px;
    text-align: center;
}

.report_modal .modal-dialog .tips {
    font-size: 14px;
}

.report_modal .modal-dialog .tips2 {
    color: #999999;
    font-size: 12px;
    letter-spacing: 2px;
    padding-top: 10px;
    line-height: 24px;
}

.report_modal .modal-dialog .tips2 a.blue_a {
    color: #7caced;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.report_modal .modal-dialog {
    background: #fff;
    border-radius: 3px;
    padding: 30px 40px 20px;
}

.report_modal .modal-dialog {
    width: 460px;
}

.report_modal .modal-dialog .form-group {
    position: relative;
    height: 60px;
    margin-bottom: 0;
}

.report_modal .modal-dialog label {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    float: left;
    width: 27%;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    text-align: left;
}

.report_modal .modal-dialog .form-group .right {
    width: 72%;
    float: left;
}

.report_modal .modal-dialog .form-group input {
    border: 1px solid #e9f0f6;
    margin: 10px 0;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.report_modal .modal-dialog .form-group input:focus,
.report_modal .modal-dialog textarea:focus {
    border: 1px solid #7fadeb;
    outline: none;
}

.report_modal .modal-dialog .star {
    position: absolute;
    left: -15px;
    bottom: 15px;
    color: #ff517d;
    font-size: 16px;
}

.report_modal .modal-dialog .message {
    text-align: left;
    padding: 10px 0 10px 0;
}

.report_modal .modal-dialog .message h5 {
    font-size: 16px;
    color: #333333;
    letter-spacing: 2px;
    padding-bottom: 20px;
}

.report_modal .modal-dialog textarea {
    letter-spacing: 3px;
    width: 100%;
    border: 1px solid #e9f0f6;
    height: 80px;
    line-height: 22px;
    padding: 10px;
    resize: none;
    box-shadow: none;
    border-radius: 3px;
}

.report_modal .close_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    opacity: 1;
    font-size: 0;
}

.report_modal .close_btn img {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.report_modal .close_btn:hover img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.report_modal .sorry .tips3 {
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding: 15px 0 25px;
}

.report_modal .sorry .btn_blue {
    cursor: pointer;
    margin-bottom: 10px;
}

.report_modal {
    margin-top: 50px;
}

.report_modal .tips {
    font-size: 14px;
    line-height: 24px;
    padding-top: 15px;
    color: #666;
}

.report_modal .input_wrap {
    padding: 10px 0;
}

.report_modal .input_wrap label {
    padding: 0 10px 0 0;
    position: relative;
    margin: 0 0 10px;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
}

.report_modal .input_wrap input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0 3px 0 0;
    float: left;
    display: inline-block;
}

.report_modal .input_wrap input+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 1px;
    background: url(../../images/bootstrap/designers_case_radio.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.report_modal .input_wrap input:checked+i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 1px;
    background: url(../../images/bootstrap/designers_case_radio_1.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.report_modal .textarea_wrap {
    padding: 0 0 10px;
}

.report_modal .textarea_wrap textarea {
    width: 100%;
    border: 1px solid #e9f0f6;
    height: 80px;
    line-height: 22px;
    padding: 10px;
    resize: none;
    box-shadow: none;
    border-radius: 3px;
}

.report_modal .textarea_wrap textarea:focus {
    border: 1px solid #7fadeb;
    box-shadow: none;
    outline: none;
}






/*          头部导航服务产品 下拉样式改版调整 2018。07。19          */

.t_n_header li.classic .details {
    width: 1170px;
}

.t_n_header li.classic .details .details_list {
    float: left;
    width: 20%;
}

.t_n_header li.classic .details .details_list a {
    width: auto;
    padding: 0.357em 10px;
    margin: 0.5em 10px;
}

.t_n_header li.classic .details .details_list a.top_tit {
    font-size: 1.33em;
    font-weight: bold;
    padding: 0.857em 10px;
    color: #333;
    cursor: default;
}

.t_n_header li.classic .details .details_list a.top_tit:hover {
    background: none;
    color: #333;
}

.t_n_header li.classic .details .details_list a.lk_more_page:hover {
    font-weight: normal;
}

.t_n_header li.classic .details .details_list .sun_lists {
    border-left: 1px solid #F1F1F1;
    margin-bottom: 20px
}

.t_n_header li.classic .details .details_list:first-child .sun_lists {
    border-left: none;

}

.t_n_header li.classic .designer {
    width: 150px;
}

.t_n_header li.classic .designer .details_list {
    float: none;
    width: auto;
}


/*          头部导航服务产品 下拉样式改版调整 2018。07。20          */
.web_footer_pc dt {
    color: #666;
}

.web_footer_pc dd a {
    color: #999;
}

.web_footer_pc .contact p em {
    font-style: normal;
    color: #666;
}

.web_footer_pc .contact img {
    display: block;
    max-width: 85px;
}

.web_footer_pc .contact em {
    font-style: normal;
    font-size: 14px;
    display: block;
    color: #999;
    padding-top: 10px;
}

.footer_con_center {
    background: #F3F2F0;
    width: 100%;
    margin: 0 auto;
    box-sizing: content-box;
}

.footer_con_center .fd_footer_title {
    position: relative;
    padding-top: 45px;
}

.footer_con_center .fd_footer_title li {
    display: inline-block;
    margin-right: 40px;
}

.footer_con_center .fd_footer_title li a {
    font-size: 16px;
    color: #999;
    line-height: 1.8;
    display: block;
    text-decoration: none;
}

.footer_con_center .fd_footer_title li a:hover {
    text-decoration: none;
}

.footer_con_center .fd_footer_title li.on a {
    color: #666;
    border-bottom: 1px solid #666;
    text-decoration: none;
}

.footer_con_center .fd_footer_link {
    width: 100%;
    margin-bottom: 0;
    padding: 40px 0;
    border-top: 1px solid #DAD9D8;
    border-bottom: 1px solid #DAD9D8;
}

.footer_con_center .fd_footer_link li {
    padding-top: 0;
    display: none;
}

.footer_con_center .fd_footer_link li:first-child {
    display: block;
}

.footer_con_center .fd_footer_link li a {
    display: inline-block;
    padding-right: 22px;
    word-wrap: break-word;
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
}

.footer_con_center .fd_footer_link li a:hover {
    text-decoration: none;
}

.web_footer_m .contact em {
    font-style: normal;
    font-size: 14px;
    display: block;
    color: #999;
    padding-top: 10px;
}



.footer_con_middle {
    border-bottom: 1px solid #DAD9D8;
    padding: 0;
}

.footer_con_middle dl {
    width: 100%;
    padding: 30px 0;
    float: none;
    margin-bottom: 0;
}

.footer_con_middle dl dt {
    float: left;
    width: 60px;
    text-align: center;
}

.footer_con_middle dl dt p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
}

.footer_con_middle dl dd {
    width: 90%;
    padding-top: 0;
    float: right;
}

.footer_con_middle dl dd a {
    display: block;
    float: left;
    padding-left: 22px;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}

.web_footer_pc .footer_con_top {
    padding-left: 0;
    padding-right: 0;
}

.web_footer_pc .footer_con_bottom p {
    padding-left: 0;
}

.web_footer_pc .footer_con_bottom a {
    padding-right: 0;
    text-align: right;
}

.web_footer_pc .brand a {
    display: block;
    position: relative;
    margin-top: -8px;
}







/*          案例列表页  按专题查看案例模块样式  2018。07。23          */

.special_see_case {
    margin-top: 60px
}

.special_see_case .ssc_titles {
    margin-bottom: 25px;
    font-size: 20px;
    color: #333;
}

.special_see_case ul li {
    float: left;
    background: #fff;
    margin: 0 6px 12px;
    border-radius: 2px;
}

.special_see_case ul li a {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    padding: 0 15px;
    color: #666;
}

.special_see_case ul li a:hover {
    text-decoration: none;
}

/*热门城市-热门行业-热门标签*/
.popular_label .label_nav {
    padding-bottom: 17px;
    border-bottom: 1px solid #D7E2EC;
    display: block;
    margin-bottom: 20px;
    margin-top: 60px
}

.popular_label .label_nav li {
    display: inline-block;
    margin-right: 35px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
}

.popular_label .label_nav li.on {
    color: #7CACEE;
}

.popular_label .p_label_con {
    display: none;
}

.popular_label .p_label_con .city_nav {
    font-size: 0;
    padding-left: 1px;
    margin-bottom: 10px;
}

.popular_label .p_label_con .city_nav li {
    display: inline-block;
    width: 67px;
    height: 38px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 12px;
    border: 1px solid #D7E2EC;
    margin-left: -1px;
    cursor: pointer;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
}

.popular_label .p_label_con .city_nav li.on {
    background: #E8F1FA;
    color: #7CACEE;
}

.popular_label .p_label_con .city_nav li:hover {
    color: #7CACEE;
}

.popular_label .p_label_con p a {
    display: inline-block;
    color: #666666;
    font-size: 14px;
    margin-right: 12px;
    margin-bottom: 12px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.popular_label .p_label_con p a:hover {
    color: #7CACEE;
}


/*          服务产品 模版改版  2018。07。23          */
.tcy_single_pro .data_pnum {
    height: 195px;
    text-align: center;
}

.tcy_single_pro .data_pnum .punm_wrap {
    margin-top: 50px;
    border-left: 1px solid #E3EBF5;
}

.tcy_single_pro .data_pnum div div:first-child .punm_wrap {
    border: none;
}

.tcy_single_pro .data_pnum .punm_wrap span {
    display: block;
    color: #333;
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.tcy_single_pro .data_pnum .punm_wrap span em {
    font-style: normal;
}

.tcy_single_pro .data_pnum .punm_wrap p {
    font-size: 14px;
    color: #999;
    letter-spacing: 2.77px;
}




.tcy_single_pro .delivery_data_boxes {
    background: #E9F2F9;
    padding-top: 45px;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_title p {
    font-size: 28px;
    line-height: 40px;
    color: #333;
    letter-spacing: 8px;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_title span {
    font-size: 14px;
    display: block;
    margin: 15px 0 30px;
    color: #666;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_title b {
    display: block;
    width: 36px;
    height: 5px;
    background: #7FADEB;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list {
    margin-top: 15px;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list .delivery_lists {
    margin-bottom: 30px;
    height: 60px;
    overflow: hidden;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    height: 90px;
    bottom: -17px;
    margin-top: -17px;
    font-size: 0;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li {
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .head_portrait {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .head_portrait img {
    display: block;
    width: 100%;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info {
    padding-left: 65px;
    height: 47px;
    margin-top: 13px;
    font-size: 14px;
    background: #fff;
    border-radius: 30px;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info .title_type {
    display: inline-block;
    line-height: 47px;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info .title_type i {
    font-style: normal;
    display: inline-block;
    padding-left: 5px;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info .title_type01 {
    color: #44E7B9;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info .title_type02 {
    color: #7CACEE;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info .title_type03 {
    color: #FF507C;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info .task_data {
    color: #666;
    display: inline-block;
    padding: 0 15px;
    line-height: 47px;
}

.tcy_single_pro .delivery_data_boxes .delivery_data_list ul li .delivery_info .task_date {
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 47px;
    padding-right: 20px;
}


.pt_line {
    margin-top: 70px;
    background: #C5CBCF;
    height: 2px;
}

.case_see_more {
    display: block;
    border: 3px solid #333;
    color: #333;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    width: 174px;
    margin: 20px auto;
    text-decoration: none;
    border-radius: 3px;
    letter-spacing: 2.5px;
}

.case_see_more:hover {
    text-decoration: none;
    color: #333;
}





/* 咨询弹窗 */
.query_tcy {
    display: none;
    width: 460px;
    height: 430px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 20000;
    margin-left: -200px;
    margin-top: -148px;
    background: url('../../../statics/images/images/query-pop.png') no-repeat center bottom;
}

.query_tcy .tcy_zx_tel {
    position: relative;
    margin: 0 22px;
    height: 96px;
    background: #70a1e0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.query_tcy .tcy_zx_tel a.imgs_wrap {
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 121px;

}

.query_tcy .tcy_zx_tel a.imgs_wrap img {
    width: 100%;
}

.query_tcy .tcy_zx_tel .tel_text {
    padding-left: 125px;
    color: #fff;
}

.query_tcy .tcy_zx_tel .tel_text p {
    font-size: 25px;
    padding-top: 17px;
    margin-left: 27px;
    line-height: 1.3;
}

.query_tcy .tcy_zx_tel .tel_text span {
    font-size: 16px;
    display: block;
}

.query_tcy .tcy_zx_close {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 15px;
    width: 16px;
    height: 16px;
    background: url(../../images/bootstrap/new_website_1/t_footer_close.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.query_tcy .tel_online {
    margin: 20px 43px 0;
}

.query_tcy .tel_online .tip {
    padding-bottom: 5px;
    padding-left: 67px;
    line-height: 30px;
    font-size: 40px;
    color: #6EA0E2;
    background: url('../../../statics/images/icon/phone_icon.png') no-repeat left top;
    margin-top: 41px;
    margin-bottom: 20px;
}

.query_tcy .tel_online .tip span {
    display: block;
    color: #999;
    font-size: 15px;
}

.tel_online .phone {
    overflow: hidden;
}

.tel_online .phone input {
    border: 3px solid #7caced;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    color: #999999;
    height: 56px;
    background: transparent;
    padding: 0 9px;
    letter-spacing: 1px;
    float: left;
    width: 237px;
    vertical-align: middle;
    font-size: 16px;
    outline: none;
}

.tel_online .phone_normal span {
    background: #7caced;
    border-radius: 0 3px 3px 0;
    height: 56px;
    float: left;
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 56px;
    cursor: pointer;
}

.tel_online .online_adv a {
    display: block;
    text-decoration: none;
}

.tel_online .online_adv a .btn_blue_border {
    background: #7caced;
    color: #fff;
    border: none;
    width: 100%;
    height: 56px;
    padding: 0 15px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 3px;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: border-color;
    transition-property: border-color;
}

.tel_online .protect_msg {
    color: #999;
    line-height: 3;
    margin: 7px 0;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
}

.tel_online .protect_msg p {
    padding-left: 12px;
    /*background: url('../../../statics/images/icon/lock_mg.png') no-repeat left center;*/
}

.query_tcy_cover {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}


/*  落地页pc端banner左侧添加下拉菜单 */

.lg_i_want {
    margin-top: 2.1em;
    width: 391px;
    height: 50px;
    background: #fff;
    box-shadow: 0 0 9px -3px #7CACEE;
}

.tcy_banner_wrap .b_left .b_l .lg_i_want .want_tag {
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    color: #333;
    margin: 17px 0;
    padding: 0 16px;
    border-right: 1px solid #ededed;
}

.jl-want {
    margin-top: 10px;
}

.select_want {
    display: inline-block;
    width: 292px;
}

.select_want select {
    height: 40px;
    line-height: 40px;
    margin: 0;
    border: none;
    border-radius: 3px;
    letter-spacing: 3px;
    padding: 0 0 0 10px;
    width: 100%;
    outline: none !important;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url("../../../statics/images/bootstrap/new_website_1/case_pro/select_icon.png") no-repeat right center transparent;
}

.tcy_banner_wrap .b_left .b_l .step-two {
    display: none;
}

.tcy_banner_wrap .b_left .b_l .step-two+.company {
    margin-top: 10px;
}

.tcy_banner_wrap .b_left .b_l .step-two+.sex {
    width: 390px;
    height: 50px;
    background: #fff;
    box-shadow: 0 0 9px -3px #7CACEE;
}

.tcy_banner_wrap .b_left .b_l .step-two+.sex .want_tag input {
    border: none;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    height: 50px;
    background: #fff;
    padding: 0 15px;
    letter-spacing: 1px;
    vertical-align: middle;
    font-size: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tcy_banner_wrap .b_left .b_l .step-two+.sex .want_tag {
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    color: #333;
    border-right: 1px solid #ededed;
}

.tcy_banner_wrap .b_left .b_l .step-two.lg_i_want {
    text-align: center;
    padding-top: 12px;
    font-size: 18px;
}

.tcy_banner_wrap .b_left .b_l .step-two.add_animation_show {
    opacity: 1;
    animation: pop_show 0.5s linear;
    -webkit-animation: pop_show 0.5s linear;
}

.tcy_banner_wrap .b_left .b_l .step-two .step-two-submit {
    display: block;
    background: #7fadeb;
    border-radius: 0 3px 3px 0;
    height: 50px;
    float: left;
    color: #fff;
    padding: 0 40px;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 50px;
    cursor: pointer;
}

.tcy_banner_wrap .b_left .b_l .step-two .t_s_pro_banner_btn {
    margin-top: 0;
}

.tcy_banner_wrap .b_left .b_l .step-two .t_s_pro_banner_btn input {
    width: 255px;
}

.tcy_banner_wrap .b_left .b_l .step-two .t_s_pro_banner_btn span {
    padding: 0 49px;
}

.t_case_details_assess .assess_right .hot_case_box {
    padding-top: 30px;
    border-top: 1px solid #e9f0f6;
}

.t_case_details_assess .assess_right .hot_case_box .hot_tab_li {
    border-bottom: 1px solid #E9F0F6;
    margin: 0 32px 20px;
}

.t_case_details_assess .assess_right .hot_case_box .hot_tab_li ul {
    font-size: 0;
    text-align: center;
}

.t_case_details_assess .assess_right .hot_case_box .hot_tab_li ul li {
    display: inline-block;
    border-bottom: 2px solid #fff;
    position: relative;
    top: 1px;
    margin: 0 10px;
    cursor: pointer;
}

.t_case_details_assess .assess_right .hot_case_box .hot_tab_li ul li:hover {
    border-bottom: 3px solid #7CACEE;
    top: 2px;
}

.t_case_details_assess .assess_right .hot_case_box .hot_tab_li ul li.on {
    border-bottom: 3px solid #7CACEE;
    top: 2px;
}

.t_case_details_assess .assess_right .hot_case_box .hot_tab_li ul li p {
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 0 5px;
}

.t_case_details_assess .assess_right .hot_case_box .hot_case_contents ul {
    overflow: hidden;
    height: auto;
    padding: 0 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.t_case_details_assess .assess_right .hot_case_box .heightauto {
    height: 100%;
}

.t_case_details_assess .assess_right .hot_case_box .hot_case_contents ul li {
    display: inline-block;
    font-size: 0;
    margin: 0 4px;
    margin-bottom: 10px;
    border: 1px solid #E9F0F6;
}

.t_case_details_assess .assess_right .hot_case_box .hot_case_contents ul li a {
    display: block;
    padding: 0 9px;
    line-height: 23px;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    white-space: nowrap;
}

.t_case_details_assess .assess_right .hot_case_box .hot_case_contents ul li a:hover {
    text-decoration: none;
    color: #7cacee;
}

.t_case_details_assess .assess_right .hot_case_box .zk_more {
    cursor: pointer;
    width: 13px;
    height: 12px;
    margin: 20px auto;
    background: url("../../images/bootstrap/zk_more.svg") no-repeat center;
}


/*********************     帮助中心页面样式     *********************/
.h_70_bg {
    height: 70px;
}

.help_title_center {
    background: #EDF0EF;
    ;
}

.help_title_center .container p {
    font-size: 34px;
    color: #333;
    padding: 30px 0;

}

.help_center_frame {
    padding-top: 35px;
}

.help_center_frame .t_customer_paginate {
    margin: 50px 0;
}

/***    左侧导航栏   ***/
.help_center_nav {
    background: #f7f7f7;
    margin-bottom: 30px;
}

.help_center_nav .nav_tit p {
    font-size: 16px;
    line-height: 1.4;
    padding: 18px 20px;
    border-bottom: 1px solid #e3ecf5;

}

.help_center_nav .nav_tit p span.lf_arrow {
    padding-left: 20px;
    background: url("../../images/bootstrap/helpcenter/nav_arrow3.svg") no-repeat left center;
}

.help_center_nav ul {
    padding: 20px 0;
    font-size: 14px;
    color: #373d41;
}

.help_center_nav ul li p {
    padding: 10px 0 10px 16px;
    cursor: pointer;
    background: url("../../images/bootstrap/helpcenter/nav-arrow.svg") no-repeat left center;
    margin-left: 20px;
}

.help_center_nav ul li p:hover {
    color: #7CACEE;
}

.help_center_nav ul li.pitch_on p {
    background: url("../../images/bootstrap/helpcenter/nav-arrow2.svg") no-repeat left center;
}

.help_center_nav ul li p.active {
    color: #7CACEE;
}

.help_center_nav ul li .son_navs {
    display: none;
}

.help_center_nav ul li .son_navs a {
    display: block;
    color: #373d41;
    padding: 10px 0 10px 50px;
    line-height: 1.4;
}

.help_center_nav ul li .son_navs a:hover {
    text-decoration: none;
    color: #7CACEE;
}

.help_center_nav ul li .on {
    color: #7CACEE !important;
    background: #F2F2F2;
}

.help-index {
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    flex-wrap: wrap;
}

.help-index .help_index_cell {
    display: flex;
    width: 28%;
    margin-left: 5%;
}

.help-index .help_index_cell .cell_icon {
    width: 35px;
    padding-top: 3px;
}

.help-index .help_index_cell .cell_icon img {
    display: inline-block;
    width: 22px;
    max-width: 25px;
}

.help-index .help_index_cell .cell_content {
    width: 100%;
}

.help-index .help_index_cell .cell_content .title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 10px;
}

.help-index .help_index_cell .cell_content a.title:hover {
    color: #7CACEE;
    text-decoration: none;
}

.help-index .help_index_cell .cell_content ul {
    overflow: hidden;
    transition: all 3s;
    width: 100%;
    height: 205px;
}

.help-index .help_index_cell .cell_content ul li {
    border-bottom: 1px solid #E3ECF5;
    padding: 10px 0;
}

.help-index .help_index_cell .cell_content ul li a {
    color: #373D41;
    font-size: 14px;
    line-height: 20px;
}

.help-index .help_index_cell .cell_content ul li a:hover {
    color: #7CACEE;
    text-decoration: none;
}

.help-index .help_index_cell .cell_content .lists_more {
    color: #373D41;
    font-size: 14px;
    cursor: pointer;
    padding-bottom: 40px;
    margin-top: 20px;
    display: none;
}

.help-index .help_index_cell .cell_content ul.heightauto {
    height: auto;
}

.help-index .help_index_cell .cell_content .lists_more span {
    display: inline-block;
    padding-right: 20px;
    background: url("../../images/bootstrap/helpcenter/more_arrow.svg") no-repeat right center;
}

.help-index .help_index_cell .cell_content .sqmore span {
    background: url("../../images/bootstrap/helpcenter/more_arrow01.svg") no-repeat right center;
}

.about_consult {
    border: 1px solid #E3ECF5;
    display: flex;
    margin: 30px 0;
}

.about_consult .consult_box {
    width: 50%;
}

.about_consult .bd_left {
    border-left: 1px solid #E3ECF5;
}

.about_consult .consult_box .cont_warp {
    padding: 30px;
}

.about_consult .consult_box .cont_warp .ct_tit {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.about_consult .consult_box .cont_warp .cont_links {
    margin-top: 15px;
}

.about_consult .consult_box .cont_warp .cont_links a {
    font-size: 14px;
    color: #373D41;
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.about_consult .consult_box .cont_warp .cont_links a:hover {
    text-decoration: none;
}

.ling_width .consult_box {
    width: 100%;
}

.helpcrumbs a {
    color: #7CACEE;
}

.helpcrumbs a,
.helpcrumbs i,
.helpcrumbs span {
    display: inline-block;
    font-size: 12px;
}

.helpcrumbs a:hover {
    text-decoration: none;
}

.help_title {
    margin: 20px 0;
    font-size: 26px;
    color: #333;
    line-height: 1.4;
}

.help_title .b_line {
    width: 36px;
    height: 5px;
    background: #6DA7F5;
    margin-top: 15px;
}

.help_title .release_mod {}

.help_title .release_mod span {
    display: inline-block;
    font-size: 12px;
    color: #999;
    padding-right: 15px;
}

.help_title .release_mod span a {
    color: #7CACEE;
}

.help_title .release_mod span a:hover {
    text-decoration: none;
}

.help_title .release_mod span i {
    font-style: normal;
    padding: 0 3px;
    letter-spacing: 1px;
}

.help_file_lists {
    display: flex;
}

.help_file_lists .article_lists {
    width: 50%;
}

.help_file_lists .article_lists .article_boxes {
    padding: 20px 20px 20px 0;
}

.help_file_lists .article_lists .article_boxes p {
    font-size: 18px;
    color: #333;
}

.help_file_lists .article_lists .article_boxes .cont_links {
    margin-top: 20px;
}

.help_file_lists .article_lists .article_boxes .cont_links a {
    font-size: 14px;
    color: #373D41;
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.help_file_lists .article_lists .article_boxes .cont_links a:hover {
    text-decoration: none;
}

.help_file_lists .article_lists .article_boxes a.more_file_link {
    font-size: 14px;
    color: #373D41;
    display: block;
    padding-top: 20px;
}

.help_file_lists .article_lists .article_boxes a.more_file_link:hover {
    text-decoration: none;
}

.help_file_lists .file_show_lists a {
    display: block;
    font-size: 14px;
    color: #373D41;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.help_file_lists .file_show_lists a:hover {
    text-decoration: none;
}

.help_contents p {
    font-size: 16px;
    color: #373D41;
    line-height: 36px;
    margin-top: 15px;
}

.help_contents .help_or_not {
    position: relative;
    background: #f7f7f7;
    padding: 0 20px;
    margin-top: 50px;
}

.help_contents .help_or_not p {
    line-height: 50px;
    margin-top: 0;
}

.help_contents .help_or_not .inputbtns {
    position: absolute;
    top: 10px;
    right: 20px;
}

.help_contents .help_or_not input {
    display: inline-block;
    background: #f7f7f7;
    line-height: 27px;
    border: 1px solid rgba(153, 153, 153, 1);
    width: 76px;
    height: 30px;
}

.help_contents .help_or_not .inputbtns .yes_btn {
    margin-right: 10px;
}

.help_contents .pieces_pro a {
    display: block;
    color: #373D41;
    vertical-align: top;
    font-size: 14px;
    margin-top: 20px;
    letter-spacing: 1px;
}

.help_contents .pieces_pro a:hover {
    text-decoration: none;
}

.help_contents .pieces_pro a.top_piece {
    float: left;
    padding-left: 20px;
    background: url("../../images/bootstrap/helpcenter/left-aw.svg") no-repeat left center;
}

.help_contents .pieces_pro a.bottm_piece {
    float: right;
    padding-right: 20px;
    background: url("../../images/bootstrap/helpcenter/right-aw.svg") no-repeat right center;
}



/******** 博客页面样式 ********/
.t_blog_top_title {
    height: auto;
}

.t_blog_top_title h2.bktit {
    margin: 30px 0 60px 0px;
    font-size: 34px;
}

.t_blog_top_title .row .container .row .cumber_nav {
    margin-left: 0;
    margin-top: 30px;
    font-size: 12px;
}

.t_blog_top_title .row .container .row .cumber_nav i {
    padding: 0 5px;
}

.t_blog_top_title .row .container .row .cumber_nav span a {
    color: #999;
}

.t_blog_top_title .row .container .row .cumber_nav span a:hover {
    text-decoration: none;
}

.t_blog_top_title .row .container .row .cumber_nav .current {
    color: #666;
}

.t_blog_happen_wrap h4 a {
    font-size: 22px;
    color: #333;
}

.t_blog_happen_wrap .desc {
    font-size: 14px;
    color: #666;
    height: 56px;
    overflow: hidden;
}

.t_blog_happen_wrap p {
    color: #999;
    font-size: 14px;
}

.t_blog_happen_wrap p a.bk_list {
    color: #7CACEE;
    padding-left: 20px;
}

.t_blog_happen_wrap p a.bk_list:hover {
    text-decoration: none;
}

.t_blue_customer_paginate {
    padding: 40px 0;
}

.t_blue_customer_paginate a {
    color: #999;
}

.t_blue_customer_paginate .active {
    border: 2px solid #7CACEE;
    background: #7CACEE;
    color: #fff;
}

.h_gray_bg {
    background: #f5f5f5;
}

.bk_content_warp .cumber_nav {
    margin: 30px 0;
    font-size: 12px;
    color: #999;
}

.bk_content_warp .cumber_nav i {
    padding: 0 5px;
}

.bk_content_warp .cumber_nav span a {
    color: #999;
}

.bk_content_warp .cumber_nav span a:hover {
    text-decoration: none;
}

.bk_content_warp .cumber_nav .current {
    color: #666;
}

.bk_content_warp {
    background: #f5f5f5;
    padding-bottom: 40px;
}

.bk_content_info {
    background: #fff;
}

.bk_content_info .content_main .content_fx {
    padding: 40px 50px;
}

.bk_content_info .content_main .content_fx h1 {
    font-size: 34px;
    color: #333;
    line-height: 48px;
}

.bk_content_info .content_main .content_fx .plat_time {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}

.bk_content_info .content_main .content_fx .plat_time span {
    display: inline-block;
    padding-right: 20px;
}

.bk_content_info .content_main .content_module {
    border: 1px solid #f2f2f2;
    padding: 40px 50px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.bk_content_info .content_main .content_module p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    font-weight: normal;
}

.bk_content_info .content_main .content_module img {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}

.bk_content_info .content_main .content_module h2 {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    margin-bottom: 40px;
}

.bk_content_info .content_main .content_module h2:after {
    display: block;
    content: "";
    width: 30px;
    height: 4px;
    background-color: #7CACEE;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.bk_content_info .content_main .content_module h3 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #333;
}

.bk_content_info .content_main .content_module ol {
    margin-left: 2em;
    padding-inline-start: 30px;
    margin-bottom: 20px;
}

.bk_content_info .content_main .content_module ul {
    margin-left: 4em;
    margin-bottom: 20px;
}

.bk_content_info .content_main .content_module ol li {
    list-style: decimal;
}

.bk_content_info .content_main .content_module ul li {
    list-style: disc;
}

.bk_content_info .content_main .f14 {
    padding: 20px 50px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.bk_content_info .content_main .f14 a {
    color: #333;
}

.bk_content_info .content_main .f14 a:hover {
    text-decoration: none;
}

.page_ud {
    margin-top: 15px;
}

.bk_others_article {
    background: #fff;
}

.bk_others_article .bk_article_lists {
    padding: 0 40px;
    margin: 40px 0;
}

.bk_others_article .bk_article_lists p {
    font-size: 20px;
    color: #333;
    line-height: 28px;
}

.bk_others_article .bk_article_lists a {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-top: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bk_others_article .bk_article_lists a:hover {
    text-decoration: none;
}

.bk_others_article .right_article {
    border-left: 1px solid #f2f2f2;

}

.designer_details_con .case_works {
    padding-top: 40px;
}

.stylist_case .case.add .bottom>p {
    padding-left: 0;
    font-size: 18px;
}


/**   新版设计师主页   **/
.designer_page .container.new_des_son {
    margin-top: 50px;
    border-bottom: none;
    padding-bottom: 20px;
}

.d_p_basic_info .new_designer_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 104px;
    height: auto;
}

.d_p_basic_info .new_designer_img .site_where {
    margin-top: 13px;
    text-align: center;
    color: #666;
    font-size: 14px;
    width: 100%;
}

.news_des_info {
    margin-left: 120px;
}

.news_des_info h3 {
    text-align: left;
}

.news_des_info .des_slogan {
    color: #999;
    font-size: 14px;
    padding: 8px 0 5px 20px;
}

.news_des_info .new_contact_icon {
    padding-left: 20px;
}

.news_des_info .new_contact_icon .icon span {
    background: url(../../images/bootstrap/new_website_1/designers_layer_icon2.png) no-repeat left center;
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
    padding-right: 35px;
}

.news_des_info .new_contact_icon .icon span:nth-child(2) {
    background: url(../../images/bootstrap/new_website_1/designers_layer_icon1.png) no-repeat left center;
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
}

.news_des_info .new_contact_icon .icon span:nth-child(3) {
    background: url(../../images/bootstrap/new_website_1/designers_layer_icon3.png) no-repeat left center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

.d_p_basic_info .skill_label {
    padding-left: 20px;
    padding-right: 260px;
    margin-top: 15px;
    position: relative;
}

.d_p_basic_info .skill_label .des_attestation {
    float: left;
    font-size: 14px;
    color: #666;
    padding-top: 10px;
    line-height: 24px;
}

.d_p_basic_info .skill_label .des_att_list {
    margin-left: 75px;
    text-align: left;
}

.d_p_basic_info .skill_label .des_att_list p .tail {
    position: absolute;
    right: -7px;
    top: 0;
    width: 8px;
    height: 24px;
    background: url("../../images/bootstrap/new_website_1/blue_tail.png") no-repeat right center;
}

.d_p_basic_info .skill_label .des_att_list p {
    margin-right: 15px;
}

.d_p_basic_info .skill_label .des_att_list p span {
    background: #7CACEE;
    color: #fff;
}

.d_p_basic_info .skill_label .des_att_list p.red_des span {
    background: #FE507D;
}

.d_p_basic_info .skill_label .des_att_list p.red_des i {
    background: #FE507D;
}

.d_p_basic_info .skill_label .des_att_list p.red_des .tail {
    background: url("../../images/bootstrap/new_website_1/red_tail.png") no-repeat right center;
}

.d_p_basic_info .skill_label .des_att_list p i {
    color: #fff;
    position: relative;
    background: #7CACEE;
    width: 30px;
}

.d_p_basic_info .skill_label .show_toggle,
.d_p_basic_info .skill_label .hide_toggle {
    display: inline-block;
    text-decoration: none;
    border: 2px solid #7CACEE;
    border-radius: 2px;
    font-size: 14px;
    color: #666;
    letter-spacing: 2px;
    padding: 2px 10px;
    position: absolute;
    bottom: 0;
    right: 200px;
}

.d_p_basic_info .tag {
    padding-left: 20px;
    margin-top: 10px;
}

.d_p_basic_info .tag .server_skill {
    float: left;
    font-size: 14px;
    color: #666;
    padding-top: 3px;
    line-height: 24px;
}

.d_p_basic_info .tag .ser_ski_list {
    text-align: left;
    margin-left: 75px;
}

.d_p_basic_info .tag .ser_ski_list span {
    background: none;
}

.d_p_basic_info .tag .ser_ski_list span:hover {
    color: #7CACEE;
}

.d_p_contact_info .new_gz_icon {
    margin-left: 30px;
}

.tabs_designer_details_title {
    text-align: left;
}

.tabs_designer_details_title ul li {
    width: auto;
    margin-right: 50px;
}

.tabs_designer_details_title ul li.on {
    color: #000;
    border-bottom: 2px solid #000;
}

.tabs_designer_details_title ul li.on:after {
    display: none;
}

.stylist_case .case.add .bottom .about_case_info {
    color: #999;
    font-size: 12px;
    line-height: 24px;
}

.stylist_case .case.add .bottom .about_case_info .data_tit {
    float: left;
}

.stylist_case .case.add .bottom .about_case_info .praise {
    float: right;
    padding-left: 20px;
    background: url("../../images/bootstrap/new_website_1/praise_icon.svg") no-repeat left 2px;
    margin-left: 10px;
}

.stylist_case .case.add .bottom .about_case_info .check {
    float: right;
    padding-left: 25px;
    background: url("../../images/bootstrap/new_website_1/check_icon.svg") no-repeat left center;
}

.designer_details_con .summary_cont .container {
    padding-left: 0;
    padding-right: 0;
}

.designer_details_con .summary_cont h4 {
    font-size: 20px;
    line-height: 1.6;
}

.designer_details_con .summary_cont .line {
    width: 30px;
    height: 4px;
    background: #7CACEE;
    margin-top: 10px;
}

.designer_details_con .summary_cont .authen_state {
    background: none;
    padding: 0;
    margin-bottom: 40px;
    border-bottom: none;
}

.designer_details_con .summary_cont .authen_state h4 {
    color: #333;
}

.designer_details_con .summary_cont .authen_state .authen_con {
    padding-top: 10px;
}

.designer_details_con .summary_cont .authen_state .authen_con div {
    width: auto;
    margin-right: 50px;
}

.designer_details_con .summary_cont .authen_state .new_contact_icon .icon span {
    background: url("../../images/bootstrap/new_website_1/designers_experience_icon1.svg") no-repeat left center;
    display: inline-block;
    padding-left: 53px;
    font-size: 20px;
    color: #333;
}

.designer_details_con .summary_cont .authen_state .new_contact_icon .icon span b {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

.designer_details_con .summary_cont .authen_state .new_contact_icon .icon span:nth-child(2) {
    background: url("../../images/bootstrap/new_website_1/designers_experience_icon2.svg") no-repeat left center;
}

.designer_details_con .summary_cont .authen_state .new_contact_icon .icon span:nth-child(3) {
    background: url("../../images/bootstrap/new_website_1/designers_experience_icon3.svg") no-repeat left center;
}

.designer_details_con .summary_cont .evaluate_star {
    background: none;
    padding: 0;
}

.designer_details_con .summary_cont .evaluate_star h4 {
    color: #333;
}

.designer_details_con .summary_cont .evaluate_star .adviser_score {
    margin-top: 10px;
}

.designer_details_con .summary_cont .evaluate_star p {
    color: #333;
}

.designer_details_con .summary_cont .evaluate_star {
    margin-bottom: 40px;
}

.designer_details_con .introduce .authen_state .authen_con div p {
    padding-top: 3px;
}

/*创意人数据信息*/
.strength_account_chart {
    position: relative;
}

.strength_account_chart .strength_num {
    position: absolute;
    width: 170px;
    height: 50px;
    left: 30px;
    top: -7px;
    z-index: 5;
}

.strength_account_chart .strength_num .p1 {
    font-size: 18px;
    color: #333333;
    letter-spacing: 1px;
    padding-bottom: 4px;
}

.strength_account_chart .strength_num .p1 b {
    display: inline-block;
    font-weight: normal;
    color: #C190E3;
}

.strength_account_chart .strength_num .p1 a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/member/tips_icon.png) center no-repeat;
    vertical-align: sub;
    margin-left: 5px;
}

.strength_account_chart .strength_num .p2 {
    font-size: 14px;
    color: #999999;
    letter-spacing: 1px;
}

.strength_account_chart .strength_num .p2 i {
    font-style: normal;
    color: #C190E3;
}

.strength_account_chart .polar_wrap {
    margin-top: 30px;
    margin-bottom: 15px;
}

.creatives_data {
    max-height: 480px;
    border-top: 1px solid #EDF0EF;
}

.creatives_data .left {
    float: left;
    width: 50%;
    padding-top: 26px;
}

.creatives_data .right {
    float: left;
    width: 50%;
    border-left: 1px solid #EDF0EF;
}

.creatives_data .money_data {
    margin-bottom: 52px;
}

.creatives_data .percent_data {
    padding: 20px 30px 0;
    position: relative;
}

.creatives_data .project_data span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 14px;
    color: #ff507c;
}

.creatives_data:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.creatives_data .money_data ul li {
    margin-bottom: 10px;
    line-height: 30px;
}

.creatives_data .money_data ul li p {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    letter-spacing: 1px;
    width: 300px;
}

.creatives_data .money_data ul li p b {
    display: inline-block;
    width: 150px;
    font-weight: normal;
    letter-spacing: 1px;
}

.creatives_data .project_data ul li p b {
    display: inline-block;
    width: 150px;
    font-weight: normal;
    letter-spacing: 1px;
}

.creatives_data .money_data ul li p em {
    font-weight: normal;
    color: #ff507c;
    font-style: normal;
}

.creatives_data .money_data ul li p span {
    color: #44e7b9;
    margin-right: 8px;
}

.creatives_data .money_data ul li p .i_tips {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/member/tips_icon.png) center no-repeat;
    vertical-align: sub;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color: #666;
}

.strength_account_chart .strength_num p .i_tips {
    position: relative;
}

.creatives_data .project_data ul li p .i_tips em,
.strength_account_chart .strength_num p .i_tips em {
    display: none;
    position: absolute;
    width: 235px;
    padding: 10px 15px;
    background: #fff;
    font-size: 14px;
    color: #666;
    right: 0;
    top: 30px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    z-index: 10;
    letter-spacing: 0;
    line-height: 22px;
    text-align: left;
    font-style: normal;
}

.creatives_data .project_data ul li p .i_tips em b,
.strength_account_chart .strength_num p .i_tips em b {
    font-weight: bold;
    color: #666;
}

.creatives_data .project_data ul li p .i_tips em a,
.strength_account_chart .strength_num p .i_tips em a {
    display: inline;
}

.creatives_data .project_data ul li p .i_tips:hover em,
.strength_account_chart .strength_num p .i_tips:hover em {
    display: inline-block;
}

.creatives_data .project_data ul li p .i_tips:hover:before,
.strength_account_chart .strength_num p .i_tips:hover {
    display: inline-block;
}

.creatives_data .project_data ul li p .i_tips:before,
.strength_account_chart .strength_num p .i_tips:before {
    display: none;
    content: "";
    width: 235px;
    height: 30px;
    position: absolute;
    background: transparent;
    right: 0;
    top: 10px;
}

.creatives_data .project_data ul li p .i_tips a {
    display: inline;
}

.creatives_data .project_data ul li p .i_tips i {
    display: inline;
    font-style: normal;
    color: #7CACEE;
}

.creatives_data .money_data ul li p .i_tips em {
    display: none;
    position: absolute;
    width: 265px;
    padding: 10px 15px;
    background: #fff;
    font-size: 14px;
    color: #666;
    right: 0;
    top: 30px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    z-index: 10;
    letter-spacing: 0;
    line-height: 22px;
}

.creatives_data .money_data ul li p .i_tips em b {
    font-weight: bold;
}

.creatives_data .money_data ul li p .i_tips em a {
    display: inline;
}

.creatives_data .money_data ul li p .i_tips:hover em {
    display: inline-block;
}

.creatives_data .money_data ul li p .i_tips:hover:before {
    display: inline-block;
}

.creatives_data .money_data ul li p .i_tips:before {
    display: none;
    content: "";
    width: 265px;
    height: 30px;
    position: absolute;
    background: transparent;
    right: 0;
    top: 10px;
}

.creatives_data .money_data ul li .gray_border_btn {
    display: inline-block;
    line-height: 24px;
    width: 88px;
    height: 30px;
    text-align: center;
}

.gray_border_btn {
    display: inline-block;
    height: 30px;
    padding: 1px 10px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    border-radius: 3px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
    text-decoration: none;
}

.gray_border_btn:hover {
    text-decoration: none;
}

.creatives_data .project_data ul li {
    line-height: 30px;
    margin-bottom: 10px;
}

.creatives_data .project_data ul li p {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    letter-spacing: 2px;
    width: 300px;
}

.creatives_data .project_data ul li p .i_tips {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/member/tips_icon.png) center no-repeat;
    vertical-align: middle;
    float: none;
    position: relative;
}

.creatives_data .project_data ul li a {
    display: inline-block;
    line-height: 24px;
    width: 88px;
    height: 30px;
    text-align: center;
}


/*创意人实力值的极地图*/
.polar_wrap {
    position: relative;
}

.polar_wrap>div {
    position: absolute;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
    height: 23px;
}

.polar_wrap div.account_ability {
    left: 50%;
    top: 5px;
}

.polar_wrap div.account_experience {
    right: 3px;
    top: 50%;
    margin-left: -80px;
}

.polar_wrap div.account_items {
    left: 50%;
    top: 100%;
    margin-top: -25px;
}

.polar_wrap div.account_evaluate {
    left: 5px;
    top: 50%;
}

.polar_wrap>div>span {
    display: inline-block;
    position: relative;
}

.polar_wrap>div>span:before {
    content: "(";
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.polar_wrap>p>span:after {
    content: ")";
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.strength_account_chart .con_wrap {
    position: relative;
    cursor: default;
}

.strength_account_chart .con_wrap:hover .account_explain {
    display: block;
}

.strength_account_chart .con_wrap .account_explain {
    display: none;
    position: absolute;
    width: 210px;
    padding: 15px;
    background: #fff;
    right: 0;
    top: 30px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    z-index: 5;
}

.strength_account_chart .con_wrap .account_explain .tit {
    color: #999;
    padding-bottom: 10px;
}

.strength_account_chart .con_wrap .account_explain .tit i {
    font-style: normal;
    color: #C190E3;
}

.polar_wrap>div.customer_explain {
    height: auto;
}

.customer_explain {
    display: none;
    position: absolute;
    width: 210px;
    padding: 15px;
    background: #fff;
    right: 0;
    top: 30px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    z-index: 5;
    height: auto;
}

.customer_explain .tit {
    color: #999;
    padding-bottom: 10px;
}

.customer_explain .tit i {
    font-style: normal;
    color: #C190E3;
}

/*创意人项目统计-数据信息---creatives_count_panel*/
.creatives_count_panel span {
    float: left;
    width: 25%;
    background: url(../images/member/count_icon.png) no-repeat;
    height: 26px;
    padding-left: 45px;
    line-height: 26px;
    font-size: 18px;
    color: #333333;
    letter-spacing: 1px;
}

.creatives_count_panel span a {
    color: #333333;
    cursor: pointer;
    text-decoration: none;
}

.creatives_count_panel span a:hover {
    text-decoration: none;
    color: #333333;
}

.creatives_count_panel {
    font-size: 18px;
    height: 74px;
    border-radius: 3px;
    /*box-shadow: 0 4px 20px 3px rgba(134,188,255,0.18);
	-webkit-box-shadow: 0 4px 20px 3px rgba(134,188,255,0.18);*/
    letter-spacing: 2px;
    padding: 25px 0 20px;
}

.creatives_count_panel em {
    padding-left: 6px;
    font-style: normal;
}

.creatives_count_panel .enroll_count {
    background-position: 0 0;
}

.creatives_count_panel .enroll_count em {
    color: #c190e3;
}

.creatives_count_panel .bid_count {
    background-position: 0 -26px;
}

.creatives_count_panel .bid_count em {
    color: #ff507c;
}

.creatives_count_panel .recommend_count {
    background-position: 0 -52px;
}

.creatives_count_panel .recommend_count em {
    color: #7caced;
}

.creatives_count_panel .invite_count {
    background-position: 0 -78px;
}

.creatives_count_panel .invite_count em {
    color: #44e7b9;
}


.trajectory_lists ul {
    position: relative;
    border-left: 2px solid #DCE5F1;
    margin-left: 110px;
    padding-left: 28px;
    font-size: 16px;
}

.trajectory_lists ul li {
    position: relative;
    margin-bottom: 25px;
    line-height: 24px;
}

.trajectory_lists ul li .data {
    position: absolute;
    left: -125px;
    top: 1px;
    font-size: 14px;
    color: #666;
}

.trajectory_lists ul li .packing_blue {
    position: absolute;
    width: 11px;
    height: 11px;
    background: #7CACEE;
    border-radius: 5px;
    left: -34px;
    top: 7px;
}

.trajectory_lists ul li p i {
    font-style: normal;
    display: inline-block;
}

.trajectory_lists ul li p i strong {
    font-weight: bold;
}

.trajectory_lists ul li p span {
    display: inline-block;
    font-size: 14px;
    background: #7CACEE;
    color: #fff;
    padding: 0 10px;
    margin: 0 10px 5px;
    position: relative;
    vertical-align: middle;
}

.trajectory_lists ul li p span b {
    position: absolute;
    right: -7px;
    top: 0;
    width: 8px;
    height: 24px;
    background: url(../../images/bootstrap/new_website_1/blue_tail.png) no-repeat right center;
}

.trajectory_lists ul li p span.red_tabs {
    background: #FE507D;
}

.trajectory_lists ul li p span.red_tabs b {
    background: url(../../images/bootstrap/new_website_1/red_tail.png) no-repeat right center;
}

.around_summary .show_more {
    text-align: center;
    padding-top: 30px;
}

.platform_pt_lists {
    padding: 50px 0;
}

.platform_pt_lists ul {
    margin-left: 110px;
    border-left: 2px solid #DCE5F1;
    padding-left: 40px;
}

.platform_pt_lists ul li {
    position: relative;
    margin-bottom: 20px;
}

.platform_pt_lists ul li .data {
    position: absolute;
    left: -136px;
    top: 15px;
    font-size: 14px;
    color: #666;
}

.platform_pt_lists ul li .packing_blue {
    position: absolute;
    left: -46px;
    top: 20px;
    width: 11px;
    height: 11px;
    background: #7CACEE;
    border-radius: 5px;
}

.platform_pt_lists ul li .project_box_cont {
    background: #fff;
    padding: 30px;
    position: relative;
}

.project_box_cont .white_arrow {
    position: absolute;
    width: 13px;
    height: 20px;
    background: url("../../images/bootstrap/new_website_1/white_arrow.svg") no-repeat center;
    left: -13px;
    top: 13px;
}

.project_box_cont h4 {
    color: #333;
    font-size: 20px;
    margin-bottom: 18px;
    line-height: 1.6;
}

.project_box_cont h4 .blue {
    color: #7CACEE;
}

.project_box_cont h4 .blue:hover {
    text-decoration: none;
}

.project_box_cont .conts_info {}

.project_box_cont .conts_info .left_img {}

.project_box_cont .conts_info .left_img a {
    display: block;
}

.project_box_cont .conts_info .left_img img {
    display: block;
    width: 100%;
}

.project_box_cont .conts_info .left_img .img_wrap {
    position: relative;
}

.project_box_cont .conts_info .left_img .img_wrap .img_hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    top: 0;
    left: 0;

}

.project_box_cont .conts_info .left_img .img_wrap .lock {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 44px;
    margin: -22px 0 0 -18px;
    background: url(../../images/bootstrap/new_website_1/white_lock.png) no-repeat;
    z-index: 2;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}

.project_box_cont .conts_info .right_cont {
    float: left;
    color: #666;
    font-size: 14px;
}

.project_box_cont .conts_info .right_cont .adviser_info {
    padding-bottom: 20px;
    width: 100%;
}

.project_box_cont .conts_info .right_cont .adviser_info .head_portrait {
    width: 50px;
    overflow: hidden;
    border-radius: 25px;
    float: left;
}

.project_box_cont .conts_info .right_cont .adviser_info .head_portrait img {
    display: block;
    width: 100%;
}

.project_box_cont .conts_info .right_cont .adviser_info .name_accept {
    margin-left: 60px;
    line-height: 24px;
}

.project_box_cont .conts_info .right_cont .name_accept .name {
    margin-bottom: 5px;
    font-weight: bold;
}

.project_box_cont .conts_info .right_cont .name_accept .tabs {}

.project_box_cont .conts_info .right_cont .name_accept .tabs span {
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
    position: relative;
    background: #7CACEE;
    color: #fff;
    margin-bottom: 10px;
}

.project_box_cont .conts_info .right_cont .adviser_info .name_accept .tabs span b {
    position: absolute;
    right: -7px;
    top: 0;
    width: 8px;
    height: 24px;
    background: url(../../images/bootstrap/new_website_1/blue_tail.png) no-repeat right center;
}

.project_box_cont .conts_info .right_cont .adviser_info .advisor_evaluate {
    margin-top: 10px;
}

.project_box_cont .conts_info .right_cont .testimonials {
    padding-top: 20px;
    border-top: 1px solid #E9F0F6;
}

.project_box_cont .conts_info .right_cont .testimonials .head_portrait {
    float: left;
    width: 44px;
    margin-left: 3px;
}

.project_box_cont .conts_info .right_cont .testimonials .head_portrait img {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 25px;
}

.project_box_cont .conts_info .right_cont .testimonials .ts_accept {
    margin-left: 60px;
}

.project_box_cont .conts_info .right_cont .testimonials .ts_accept .customer_score {}

.project_box_cont .conts_info .right_cont .testimonials .ts_accept .customer_score i {
    color: #999;
    font-style: normal;
    padding-right: 20px;
}

.project_box_cont .conts_info .right_cont .testimonials .ts_accept .evaluate {
    margin-top: 10px;
}

.platform_project .show_more {
    text-align: center;
    padding-bottom: 50px;
}



/* 2019/7/18 新的设计需求表单提交页面 */
.t_n_happen_wrap .sj_min_width {
    max-width: 895px;
    margin: 0 auto;
}

.submit_demand_form {}

.submit_demand_form .forms_title ul {
    font-size: 0;
    border-bottom: 2px solid #EDF1EF;
    margin-bottom: 40px;
}

.submit_demand_form .forms_title ul li {
    display: inline-block;
    font-size: 20px;
    color: #666;
    margin-right: 40px;
    line-height: 50px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.submit_demand_form .forms_title ul li:hover {
    color: #7CACEE;
    border-bottom: 2px solid #7CACEE;
}

.submit_demand_form .forms_title ul li.on {
    color: #7CACEE;
    border-bottom: 2px solid #7CACEE;
}

.submit_demand_form .form_title .line {
    width: 100%;
    height: 2px;
    background: #7CACEE;
}

.submit_demand_form .forms_detail {
    padding-bottom: 50px;
}

.submit_demand_form .forms_detail .froms_sm_tit p {
    font-size: 18px;
    color: #000;
}

.submit_demand_form .forms_detail .froms_sm_tit .num {
    background: #7CACEE;
    color: #fff;
    padding: 5px 6px;
    border-radius: 3px;
}

.submit_demand_form .forms_detail .froms_sm_tit .middle_me {
    padding: 5px 8px;
}

.submit_demand_form .forms_detail .froms_sm_tit .tipred {
    color: #FF0000;
}

.submit_demand_form .forms_detail .want_do_choose {
    font-size: 0;
    margin-top: 15px;
    margin-bottom: 30px;
    position: relative;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio {
    position: relative;
    background: #F2F2F2;
    width: 212px;
    height: 120px;
    display: inline-block;
    margin-left: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    top: 0;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio:hover {
    top: -10px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio:first-child {
    margin-left: 0;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input {
    font-size: 18px;
    position: absolute;
    left: 15px;
    top: 38px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input+i {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    top: 41px;
    background: url(../../images/bootstrap/textimg/radio_unchecked.png) center no-repeat;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input:checked+i {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    top: 41px;
    background: url(../../images/bootstrap/textimg/circle_blue_checked.png) center no-repeat;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio p span {
    display: block;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio p span.mstit {
    color: #999;
    font-size: 16px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio p .tips_i {
    display: none;
    width: 20px;
    height: 20px;
    background: url(../../images/bootstrap/textimg/gray_tips.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    margin: 0 5px;
    cursor: pointer;
    position: absolute;
    top: 13px;
    right: 10px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio p .tips_i:hover~.explain_i {
    display: block;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio p .explain_i {
    display: none;
    position: absolute;
    width: 210px;
    padding: 15px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #666;
    background: #fff;
    left: 50px;
    top: 40px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    z-index: 2;
    font-style: normal;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio img {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 15px;
    top: 36px;
}

.submit_demand_form .forms_detail .want_do_choose .service_type {
    display: inline-block;
    width: 100%;
    max-width: 890px;
    height: 44px;
    border: 2px solid #EDF0EF;
    border-radius: 2px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 15px;
    font-size: 14px;
    color: #666;
    letter-spacing: 1px;
    background: url(../../images/bootstrap/authen/dropdown.svg) 97% center no-repeat;
}

.submit_demand_form .forms_detail .want_do_choose .service_type:focus {
    border: 2px solid #7CACEE;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox {
    float: left;
    width: 25%;
    max-width: 223px;
    height: 100px;
    box-shadow: 0px 0px 8px 0px #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.submit_demand_form .forms_detail .choose_tabs_cont .want_do_choose {
    display: none;
}

.submit_demand_form .forms_detail .choose_tabs_cont .want_do_choose:first-child {
    display: block;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox:hover {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.09);
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    /*padding: 10px 30px 10px 14px;*/
    padding: 10px;
    position: relative;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox .product_name {
    font-size: 16px;
    color: #333;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox input[type=checkbox] {
    position: relative;
    margin-top: 0;
    margin-right: 10px;
    top: 0;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox span {
    font-size: 14px;
    color: #999;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox span.rate_red {
    display: inline-block;
    margin-left: 3px;
    padding: 0 5px;
    background: #FF0000;
    color: #fff;
    font-size: 12px;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox span.rate_pink {
    display: inline-block;
    margin-left: 3px;
    padding: 0 5px;
    background: #FF397A;
    color: #fff;
    font-size: 12px;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox span.rate_blue {
    display: inline-block;
    margin-left: 3px;
    padding: 0 5px;
    background: #7CACEE;
    color: #fff;
    font-size: 12px;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox span.ms_cont {
    display: block;
    padding-top: 8px;
    padding-left: 28px;
    font-weight: normal;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox i {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 8px;
    top: 12px;
    background: url(../../images/bootstrap/textimg/checkbox_01.png) center no-repeat;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox input:checked+i {
    background: url(../../images/bootstrap/textimg/checkbox_02.png) center no-repeat;
}

.submit_demand_form .forms_detail .want_do_choose textarea {
    display: block;
    width: 100%;
    height: 88px;
    border: 2px solid #EDF0EF;
    border-radius: 2px;
    outline: none;
    padding: 10px;
    resize: none;
    font-size: 14px;
    color: #666;
}

.submit_demand_form .forms_detail .want_do_choose textarea:focus {
    border: 2px solid #7CACEE;
}

.submit_demand_form .forms_detail .want_do_choose .phone_nums {
    margin-bottom: 15px;
    position: relative;
}

.submit_demand_form .forms_detail .want_do_choose .phone_nums input[type="text"] {
    width: 100%;
    height: 44px;
    border: 2px solid #EDF0EF;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    color: #666;
    letter-spacing: 1px;
    padding: 0 15px;
}

.submit_demand_form .forms_detail .want_do_choose .phone_nums input[type="text"]:focus {
    border: 2px solid #7CACEE;
}

.submit_demand_form .forms_detail .want_do_choose .checking_msg input[type="text"] {
    position: relative;
    width: 730px;
}

.submit_demand_form .forms_detail .want_do_choose .checking_msg .ck_img {
    width: 150px;
    position: absolute;
    right: 0;
    top: 0;
}

.submit_demand_form .forms_detail .want_do_choose .checking_msg .ck_img img {
    display: block;
    width: 150px;
}

.submit_demand_form .forms_detail .want_do_choose .checking_msg input[type="button"] {
    width: 150px;
    height: 44px;
    background: #7CACEE;
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
}

.submit_demand_form .forms_detail .submit_position {
    z-index: 1000;
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 90px;
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
}

.submit_demand_form .forms_detail .submit_position .submit_center {
    width: 100%;
    max-width: 895px;
    margin: 0 auto;
    position: relative;
}

.submit_demand_form .forms_detail .submit_position .submit_center p {
    padding-top: 30px;
    font-size: 16px;
}

.submit_demand_form .forms_detail .submit_position .submit_center p .label_agree_on {
    position: relative;
}

.submit_demand_form .forms_detail .submit_position .submit_center p .label_agree_on input {
    margin-right: 10px;
}

.submit_demand_form .forms_detail .submit_position .submit_center p .label_agree_on span {
    color: #7CACEE;
}

.submit_demand_form .forms_detail .submit_position .submit_center p .label_agree_on i {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
    background: url(../../images/bootstrap/textimg/checkbox_01.png) center no-repeat;
}

.submit_demand_form .forms_detail .submit_position .submit_center p .label_agree_on input:checked+i {
    background: url(../../images/bootstrap/textimg/checkbox_02.png) center no-repeat;
}

.submit_demand_form .forms_detail .submit_position .submit_center .ql_sub_btn {
    position: absolute;
    right: 0;
    top: 20px;
    background: #7CACEE;
    opacity: 0.5;
    color: #fff;
    width: 200px;
    height: 50px;
    border-radius: 3px;
    border: none;
}

.submit_demand_form .forms_detail .submit_position .submit_center .agree_btn {
    opacity: 1;
}










.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.want_select_industry {
    width: 100%;
    height: 44px;
    position: relative;
    border: 2px solid #EDF1EF;
    border-radius: 3px;
}

.wsi_on {
    border: 2px solid #7CACEE;
}

.want_select_industry p.cont_show {
    line-height: 44px;
    width: 100%;
    text-indent: 1em;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
}

.want_select_industry span {
    display: block;
    width: 12px;
    height: 9px;
    position: absolute;
    right: 14px;
    top: 18px;
    background: url("../../images/bootstrap/textimg/arrow_down.png") no-repeat center;
}

.want_select_industry span.arrow_up {
    background: url("../../images/bootstrap/textimg/arrow_up.png") no-repeat center;
}

.want_select_industry .wt_select_munes {
    position: absolute;
    width: 100%;
    left: 0;
    top: 44px;
    background: #fff;
    z-index: 100;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.09);
    font-size: 14px;
    display: none;
}

.want_select_industry .wt_select_munes ul li .main_s {
    font-size: 14px;
    text-indent: 1em;
    line-height: 32px;
    position: relative;
}

.want_select_industry .wt_select_munes ul li:hover .main_s {
    background: #7CACEE;
    color: #fff;
}

.want_select_industry .wt_select_munes ul li .hover_show {
    display: none;
}

.want_select_industry .wt_select_munes ul li .main_s .small_arrow {
    width: 8px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 15px;
    background: url("../../images/bootstrap/textimg/small_arrow.png") no-repeat center;
}

.want_select_industry .wt_select_munes ul li .hover_show p {
    padding: 0;
    cursor: pointer;
    color: #999;
    text-indent: 2em;
    line-height: 1.8;
}

.want_select_industry .wt_select_munes ul li .hover_show p:hover {
    color: #000;
}

.labels_wraps {
    width: 152px;
}

.labels_wraps ul li a {
    display: block;
}





.designers_case_list .second_level_service {
    clear: both;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
    border-radius: 2px;
    border: 1px solid rgba(233, 240, 246, 1);
    padding: 10px 0;
    position: relative;
    margin-top: 25px;
}

.designers_case_list .second_level_service .row {
    margin: 0;
    position: relative;
}

.designers_case_list .second_level_service:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    clear: both;
}

.designers_case_list .second_level_service a {
    color: #666;
    font-size: 14px;
}

.designers_case_list .second_level_service a:hover {
    text-decoration: none;
    color: #7CACEE;
}

.designers_case_list .second_level_service .link_all {
    display: block;
    padding: 0 15px;
    height: 100%;
    border-right: 1px solid #7CACEE;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;

}

.designers_case_list .second_level_service .link_all .select_box {
    position: relative;
    top: 50%;
    margin-top: -10px;
    display: block;
}

.designers_case_list .second_level_service .up_level {
    display: block;
    font-weight: bolder;
    padding: 0 15px;
    height: 100%;
    border-right: 1px solid #7CACEE;
    width: 154px;
    text-align: center;
    position: absolute;
    left: 87px;
    top: 0;
    height: 100%;
}

.designers_case_list .second_level_service .up_level span {
    position: relative;
    display: block;
    top: 50%;
    margin-top: -10px;
}

.designers_case_list .second_level_service .on {
    color: #7CACEE;
}

.designers_case_list .second_level_service .sort_list {
    margin-left: 275px;
}

.designers_case_list .second_level_service .sort_list li {
    float: left;
    margin: 5px 15px;
}

.designers_case_list .second_level_service .sort_list li.on a {
    color: #7CACEE;
}

.designers_case_list .d_banner h1 {
    font-size: 34px;
    font-weight: bolder;
}

.designers_case_list .second_level_service .link_all .select_box .type_select_warp {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 111;
    border-radius: 2px;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
    padding: 10px 0;
}

.designers_case_list .second_level_service .link_all .select_box .type_select_warp ul {
    position: relative;
}

.designers_case_list .second_level_service .link_all .select_box .type_select_warp ul li {
    width: 175px;
    padding: 5px 10px;

}

.designers_case_list .second_level_service .link_all .select_box .type_select_warp ul li a.top_frist {
    line-height: 1.6;
    display: block;
    background: url("../../images/bootstrap/textimg/small_arrow.png") no-repeat right center;
}

.designers_case_list .second_level_service .link_all .select_box .type_select_warp ul li .small_level {
    display: none;
    position: absolute;
    left: 175px;
    min-width: 150px;
    top: 0;
    height: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
}

.designers_case_list .second_level_service .link_all .select_box .type_select_warp ul li .small_level a {
    display: block;
    margin: 5px 0;
}

.designers_case_list .second_level_service .link_all .select_box .type_select_warp ul li.end .small_level {
    top: auto;
    bottom: 0;
}

.designers_case_list .second_level_service .link_all .select_box02 {
    position: relative;
    top: 50%;
    margin-top: -10px;
    display: none;
}























/*  SEO 案例 产品列表页 */
.tcy_banner_newwarp {
    overflow: inherit;
}

/* 面包屑样式调整 */
.tcy_banner_newwarp .production_map {
    padding-top: 100px !important;
    margin-top: 0;
}

/* 标题下的横向样式调整 */
.tcy_banner_wrap .banner_title02 .banner-con .s-tit {
    display: none;
}

.tcy_banner_wrap .banner-con .pink_line_02 {
    margin-top: 20px;
    padding-bottom: 30px;
    background: none;
    border-top: 5px solid #FF507C;
    margin-bottom: 0;
}

/* 新的所在地模块样式 */
.project_location .container .row {
    position: relative;
}

.project_location .container .row .hot_city_loction {
    position: absolute;
    right: 0;
    top: -28px;
    cursor: pointer;
}

.project_location .container .row .hot_city_loction .city_button {
    padding: 6px 18px;
    background: #edf0ef;
    border: 2px solid #edf0ef;
    border-radius: 3px;
    position: relative;
    z-index: 100;

}

.project_location .container .row .hot_city_loction .city_hover {
    border: 2px solid #E3EBF5;
    border-bottom: 2px solid #fff;
    background: #fff;
}

.project_location .container .row .hot_city_loction .city_button p {
    line-height: 22px;
    padding-left: 25px;
    font-size: 14px;
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon2.png) no-repeat left center;
}

.project_location .container .row .hot_city_loction .city_hover p {
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon3.png) no-repeat left center;
}

.hot_city_loction .city_options_box {
    display: none;
    position: absolute;
    top: 39px;
    right: 0;
    z-index: 99;
    font-size: 12px;
    border-radius: 3px;
    width: 334px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;

}

.hot_city_loction .city_options_box .city_option_tit {
    padding: 0 10px;
    text-align: left;
}

.hot_city_loction .city_options_box .city_option_tit .city_option_hot {
    text-indent: 1em;
    padding-top: 10px;
    display: block;
    margin-right: 2px;
    line-height: 22px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.hot_city_loction .city_options_box .city_option_cont .city-hot-content {
    padding: 0 10px 10px;
}

.hot_city_loction .city_options_box .city_option_cont .city-hot-content .city-option-ul-box {
    position: relative;
}

.hot_city_loction .city_options_box .city_option_cont .city-hot-content .city-option-ul-box ul {
    width: 100%;
}

.hot_city_loction .city_options_box .city_option_cont .city-hot-content .city-option-ul-box ul li {
    float: left;
    width: 62px;
    overflow: hidden;
    color: #666;
    text-align: left;
    height: 28px;
    line-height: 28px;
    text-indent: 1em;
}

.hot_city_loction .city_options_box .city_option_cont .city-hot-content .city-option-ul-box ul li a {
    color: #666;
    display: block;
    width: 100%;
}

.hot_city_loction .city_options_box .city_option_cont .city-hot-content .city-option-ul-box ul li a:hover {
    color: #7CACEE;
    text-decoration: none;
}

.designers_case_list .industry_type li a.on {
    color: #7caced;
}

.designers_case_list .industry_height .indus_type {
    height: auto;
}

.designers_case_list .industry_height .sort_1 {
    padding-right: 0;
}

.designers_case_list .other_search_new .indus_type {
    padding-left: 15px;
    float: left;
    height: auto;
    overflow: inherit;
}

.designers_case_list .other_search_new .indus_type .right {
    margin-left: 0;
    padding-left: 30px;
    background: url("../../images/bootstrap/new_website_1/case_list/case_about_tab.png") no-repeat left center;
    position: relative;
    padding-right: 30px;
}

.designers_case_list .other_search_new .indus_type .right ul.sort_1 {
    padding-right: 0;
    overflow: hidden;
    max-width: 545px;
    height: 36px;
}

.designers_case_list .other_search_new .indus_type .right .more_recommend {
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer;
}

.designers_case_list .other_search_new .indus_type .right .more_recommend .more_btn {
    width: 19px;
    height: 19px;
    background: url("../../images/bootstrap/new_website_1/case_list/more_show.png") no-repeat center;
}

.designers_case_list .other_search_new .indus_type .right .more_recommend .mb_hover {
    background: url("../../images/bootstrap/new_website_1/case_list/more_show_hover.png") no-repeat center;
}

.designers_case_list .other_search_new .indus_type .right .more_recommend .more_box {
    background: #fff;
    position: absolute;
    width: 400px;
    top: 0;
    right: 19px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
    display: none;
    border-radius: 2px;
}

.designers_case_list .other_search_new .indus_type .right .more_recommend .more_box .box_warp {
    padding: 10px;
}

.designers_case_list .other_search_new .indus_type .right .more_recommend .more_box .box_warp a {
    color: #333;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    float: left;
    margin: 0 10px 10px 0;
}

.designers_case_list .other_search_new .indus_type .right .more_recommend .more_box .box_warp a:hover {
    color: #7caced;
    text-decoration: none;
}

.designers_case_list .other_search_new li {
    padding: 0 20px 0 0;
    line-height: 36px;
}

.designers_case_list .other_search_new li a {
    color: #999;
}

.designers_case_list .other_search_new .row {
    position: relative;
}

.designers_case_list .other_search_new .search_wrap {
    position: absolute;
    padding-top: 0;
    top: 0;
    right: 314px;
}

.designers_case_list .other_search_new .city_search {
    float: right;
    display: none;
}

.designers_case_list .other_search_new .city_search .product_search_area .fk-a {
    margin-top: 0;
}

.designers_case_list .other_search_new .city_search .product_search_area .fk-picker {
    right: 10px;
    left: auto;
    top: 37px;
}

.zbj-city-opts {
    width: 100%;
    border: 1px solid #cccccc;
    overflow: hidden;
    border-radius: 3px;
}

.oh {
    border: 1px solid #cccccc;
    border-bottom: 1px solid white;
    margin-bottom: -1px;
    padding-top: 1px !important;
}

.designers_case_list .other_search_new .industry_search_warp {
    float: right;
    margin-right: 15px;
}

.designers_case_list .other_search_new .industry_search_warp .industry_title {
    float: left;
    padding-left: 25px;
    background: url("../../images/bootstrap/new_website_1/industroy_icon.png") no-repeat left center;
}

.designers_case_list .other_search_new .industry_search_warp .industry_title span {
    line-height: 34px;
}

#industry_search {
    margin-left: 100px;
    border: 2px solid #E3EBF5;
    font-size: 14px;
    height: 36px;
    color: #666;
    width: 174px;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    background: #fff;
}

#industry_search .show_industry_tit p {
    padding: 6px 10px;
    float: left;
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}

#industry_search .arrow_icon {
    float: left;
    width: 26px;
    height: 32px;
    background: url("../../images/bootstrap/new_website_1/case_list/case_select_icon01.png") no-repeat center;
}

#industry_search .zkhy_down {
    background: url("../../images/bootstrap/new_website_1/case_list/case_select_icon02.png") no-repeat center;
}

#industry_search .s_industry_list {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 111;
    border-radius: 2px;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
    padding: 10px 0;
    top: 34px;
    width: 330px;
    right: 0;
}

#industry_search .s_industry_list ul li {
    width: 330px;
    padding: 5px 10px;
}

#industry_search .s_industry_list ul li a.top_frist {
    line-height: 1.6;
    display: block;
    text-align: right;
    background: url("../../images/bootstrap/new_website_1/case_list/small_arrow.png") no-repeat left center;
}

#industry_search .s_industry_list ul li .small_level {
    text-align: right;
    display: none;
    position: absolute;
    right: 280px;
    min-width: 172px;
    height: 100%;
    overflow-y: auto;
    top: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
}

#industry_search .s_industry_list ul li .small_level a {
    display: block;
    margin: 5px 0;
    line-height: 1.6;
}

#industry_search .s_industry_list ul li.end .small_level {
    top: auto;
    bottom: 0;
}

.i_common_title .logo_package_con .l_p_plan .preordain {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i_common_title .logo_package_con .l_p_plan .preordain:hover {
    background: #A977D8
}

.logo_package .logo_package_con .l_p_plan:nth-child(2) .preordain:hover {
    background: #6EA1EB;
}

.logo_package .logo_package_con .l_p_plan:nth-child(3) .preordain:hover {
    background: #1BDCA8;
}

.logo_package .logo_package_con .l_p_plan:nth-child(4) .preordain:hover {
    background: #FE3E6C;
}

.service_filter_design .f_d_top h1 {
    color: #666;
}

.service_filter_design .f_d_top h1 i,
.service_filter_design .f_d_top h2 i {
    font-style: inherit;
    font-weight: 600;
}

.popular_label_02 {
    padding-top: 20px;
    margin-bottom: 60px;
}

.i_common_title .title>div div {
    margin-left: 12px;
}

.want_doing_logo {
    background: #136CFB;
    padding: 60px 0;
    text-align: center;
}

.want_doing_logo h2 {
    font-size: 36px;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.4;
}

.want_doing_logo .d_design_warp {
    font-size: 0;
    text-align: center;
    margin-top: 32px;
}

.want_doing_logo .d_design_warp .design_do_box {
    display: inline-block;
    margin: 0 15px;
    padding: 28px 30px 33px;
    width: 420px;
    height: 100%;
    background: #FFFFFF;
    border-radius: 16px;
    text-align: left;
}

.want_doing_logo .d_design_warp .design_do_box img {
    display: block;
    width: 46px;
    height: 46px;
    /* margin: 0 auto; */
}

.want_doing_logo .d_design_warp .design_do_box p {
    font-size: 22px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #0D0C22;
    line-height: 33px;
    margin: 13px 0 30px;
}

.want_doing_logo .d_design_warp .design_do_box a {
    display: inline-block;
    width: auto;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #136CFB;
    line-height: 25px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding-right: 24px;
    background: url(../../images/bootstrap/right_btn.png) no-repeat center right / 20px;
}

.want_doing_logo .d_design_warp .design_do_box a:hover {
    text-decoration: none;
    opacity: 0.9;
}

.want_doing_logo .dynamic_info {
    margin-top: 10px;
}

.want_doing_logo.dynamic_info {
    text-align: center;
    padding-top: 50px;
    font-size: 14px;
}

.want_doing_logo .dynamic_info .vslider {
    height: 20px;
    overflow: hidden;
}

.want_doing_logo .dynamic_info .vslider .slides li span {
    padding: 0 7px;
    color: #fff !important;
}

.want_doing_logo .dynamic_info .vslider .slides li span b {
    font-weight: normal;
}


.tcy_banner_wrap .industry_type_con {
    margin-left: 0;
    text-align: center;
}

.tcy_banner_wrap .industry_type_con .itc_title {
    margin-left: 33.333%;
    text-align: left;
}

.tcy_banner_wrap .industry_type_con .industry_type_list {
    margin: 0 0 20px;
    font-size: 0;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 5px 20px;
    margin: 0 5px 10px;
    border-radius: 2px;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.green {
    background: #45E7B9;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.green:hover {

    background: #1BDCA8;
    text-decoration: none;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.blue {
    background: #7CACEE;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.blue:hover {
    text-decoration: none;
    background: #6EA1EB;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.red {
    background: #FE507D;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.red:hover {
    text-decoration: none;
    background: #FE3E6C;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.noclick {
    opacity: 0.5;
    filter: alpha(opacity=100);
}

.tcy_banner_wrap .industry_type_con .industry_type_list a.noclick:hover {
    opacity: 0.5;
    filter: alpha(opacity=100);
}

.filter_design .f_d_con .f_d_c_c .eval_info:before {
    width: 100%;
    left: 0;
}


.tcy_recommend_pro {
    background: #F3F9FF;
    padding: 60px 0;
}

.tcy_recommend_pro .t_common_title {
    position: relative;
}

.tcy_recommend_pro .t_common_title .tit_con h4,
.tcy_recommend_pro .t_common_title .tit_con h2 {
    color: #333;
    font-size: 32px;
    line-height: 45px;
    font-weight: normal;
}

.tcy_recommend_pro .t_common_title .tit_con .line {
    width: 36px;
    height: 5px;
    background: #7CACEE;
    margin-top: 12px;
}

.tcy_recommend_pro .t_common_title a {
    position: absolute;
    right: 0;
    top: 15px;
    color: #333;
    font-size: 14px;
    display: block;
}

.tcy_recommend_pro .t_common_title a:hover {
    text-decoration: none;
    color: #7CACEE;
}

.tcy_recommend_pro .case_list {
    position: relative;
    margin-top: 25px;
}

.tcy_recommend_pro .case_list .case_wrap {
    padding: 0 10px;
}

.tcy_recommend_pro .case_list .case_wrap:nth-of-type(4n+1) {
    clear: both;
}

.tcy_recommend_pro .case_list .case {
    padding: 15px 15px 20px;
    background: #fff;
    border-radius: 3px;
    /*-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.08), 0 -1px 3px rgba(0,0,0,0.03);*/
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.08), 0 -1px 3px rgba(0,0,0,0.03);*/
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tcy_recommend_pro .case_list .case.animate {
    transform: translate(0, -3%);
    -webkit-transform: translate(0, -3%);
    /*box-shadow: 0 5px 13px rgba(0,0,0,0.2), 0 -1px 6px rgba(0,0,0,0.08);*/
    /*-webkit-box-shadow: 0 5px 13px rgba(0,0,0,0.2), 0 -1px 13px rgba(0,0,0,0.05);*/
}

.tcy_recommend_pro .case_list .stylist_case .case .area_browse p {
    margin-bottom: 0;
}

.tcy_caseupdates_pro {
    background: #F3F9FF;
    padding: 30px 0 15px;
}

.tcy_caseupdates_pro .t_common_title {
    position: relative;
}

.tcy_caseupdates_pro .t_common_title .tit_con h4 {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
}

.tcy_caseupdates_pro .t_common_title a {
    position: absolute;
    right: 0;
    top: 4px;
    color: #333;
    font-size: 14px;
    display: block;
}

.tcy_caseupdates_pro .t_common_title a:hover {
    text-decoration: none;
    color: #7CACEE;
}

.tcy_caseupdates_pro .show_logo {
    padding-left: 0;
    padding-right: 0;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap {
    margin-top: 15px;
    margin-left: -8px;
    margin-right: -8px;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .show_logo .show_logo_case {
    position: relative;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box {
    display: block;
    width: 20%;
    float: left;
    padding: 0 9px;
    position: relative;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box:hover {
    top: -10px;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box:nth-child(5n+1) {
    clear: both;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box .img_wrap {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0;
    border: none;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box .img_wrap img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box .img_wrap .layer_pink {
    background: #FE517E;
    display: none;
    color: #fff;
    width: 124px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box:hover .img_wrap .layer_pink {
    display: block;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .show_logo_case h3 {
    padding-bottom: 2px;
    margin-bottom: 3px;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .show_logo_case h3 .logo_title {
    display: block;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .show_logo_case h3 .logo_title a {
    font-size: 14px;
    color: #333;
    letter-spacing: 0.58px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    margin-top: 5px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .show_logo_case .logo_color {
    overflow: visible;
    display: block;
    height: 20px;
    margin-bottom: 0;
    opacity: 0;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .show_logo_case .logo_color span {
    width: 24px;
    height: 10px;
    margin-right: 2px;
    border-radius: 2px;
    border: 1px solid rgba(150, 150, 150, 0.20);
    position: relative;
    display: inline-block;
}

.tcy_caseupdates_pro .show_logo .trend_brand_wrap .brand_box:hover .logo_color {
    opacity: 1;
}

.tcy_front_pro {
    padding: 60px 0 0;
}

.tcy_front_pro .t_common_title {
    position: relative;
}

.tcy_front_pro .t_common_title .tit_con h4,
.tcy_front_pro .t_common_title .tit_con h2 {
    color: #333;
    font-size: 32px;
    line-height: 45px;
    font-weight: normal;
}

.tcy_front_pro .t_common_title .tit_con .line {
    width: 36px;
    height: 5px;
    background: #44E7B9;
    margin-top: 12px;
}

.tcy_front_pro .type_color_count {
    background: #fff;
}

#type_pie_char {
    width: 400px;
    height: 400px;
}

.pie_color_series_title {
    display: block;
    text-align: center;
    margin: 0;
}

.pie_color_series_btn {
    text-decoration: none;
    color: #333;
    border: 2px solid #333;
    border-radius: 2px;
    width: 80px;
    height: 25px;
    line-height: 21px;
    display: block;
    text-align: center;
}

.pie_color_series_btn:hover {
    text-decoration: none;
}



/*   推荐行业页面   */
.tcy_industry_pro {
    padding-top: 120px;
}

.tcy_industry_pro .industry_tabs_tit {
    padding-bottom: 30px;
}

.tcy_industry_pro .industry_tabs_tit ul {
    font-size: 0;
    text-align: center;
}

.tcy_industry_pro .industry_tabs_tit ul li {
    display: inline-block;
    cursor: pointer;
}

.tcy_industry_pro .industry_tabs_tit ul li p {
    border-left: 1px solid #D8D8D8;
    padding: 0 25px;
    color: #333;
    font-size: 14px;
}

.tcy_industry_pro .industry_tabs_tit ul li:first-child p {
    border-left: none;
}

.tcy_industry_pro .industry_tabs_tit ul li:hover p {
    color: #7CACEE;
}

.tcy_industry_pro .industry_tabs_tit ul li.on p {
    color: #7CACEE;
}

.tcy_industrysun_pro .industry_tabs_cont {
    display: none;
}

.tcy_industrysun_pro .industry_tabs_cont.on {
    display: block;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box {
    padding: 45px 0 0;
    text-align: center;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box h4 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box ul li {
    width: 175px;
    min-height: 60px;
    border: 1px solid #E4E7EC;
    border-radius: 2px;
    float: left;
    margin-left: 18px;
    margin-bottom: 18px;
    display: block;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box ul li:nth-child(6n+1) {
    margin-left: 0;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box ul li a {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0 5px;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box ul li a:hover {
    text-decoration: none;
    color: #7CACEE;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box .t_line {
    padding-top: 12px;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box ul li a.mg_height {
    margin-top: 20px;
}

.tcy_industrysun_pro .industry_tabs_cont .sun_warp_box ul li a.mg_height02 {
    margin-top: 10px;
}


/*  地域页面 */
.tcy_region_pro {
    padding-top: 120px;
}

.tcy_region_pro .city-filter .filter-title {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    font-weight: 900;
    width: 100px;
    float: left;
    line-height: 34px;
}

.tcy_region_pro .city-filter .filter-content {
    margin-left: 100px;
    line-height: 34px;
}

.tcy_region_pro .city-filter .filter-content .current-city,
.tcy_region_pro .city-filter .filter-content .current-city:hover {
    color: #7CACEE;
    font-size: 14px;
    text-decoration: none;
}

.tcy_region_pro .city-filter .filter-hot {
    margin-top: 40px;
}

.tcy_region_pro .city-filter .filter-hot .hot-item {
    display: inline-block;
    margin-right: 30px;
    color: #666;
    font-size: 14px;
}

.tcy_region_pro .city-filter .filter-hot .hot-item a {
    color: #333;
}

.tcy_region_pro .city-filter .filter-hot .hot-item a:hover {
    color: #7CACEE;
    text-decoration: none;
}

.tcy_region_pro .city-filter .filter-province {
    margin-top: 32px;
}

.tcy_region_pro .city-filter .filter-province .filter-province-float {
    float: left;
    margin-right: 32px;
}

.tcy_region_pro .city-filter .filter-province .city-select {
    display: inline-block;
}

.tcy_region_pro .city-filter .filter-province .city-select .select {
    vertical-align: middle;
    display: block;
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 12px;
    width: 150px;
    height: 34px;
    border: 1px solid rgba(228, 231, 236, 1);
    background: #fff;
    color: #999;
    background: url("../../images/bootstrap/new_website_1/case_list/toggle_arrow.png") no-repeat right center;
    background-position: 95% 50%;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    margin-right: 9px;
    z-index: 4;
}

.tcy_region_pro .city-filter .filter-province .city-select .select:hover {}

.tcy_region_pro .city-filter .filter-province .city-select .select.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tcy_region_pro .city-filter .filter-province .city-select .select-city-content {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.tcy_region_pro .city-filter .filter-province .city-select .select>span {
    line-height: 34px;
    height: 34px;
}

.tcy_region_pro .city-filter .filter-province .city-select .select .select-wrap {
    position: absolute;
    display: block;
    width: 100%;
    margin-left: -13px;
    border: 1px solid #e4e7ec;
    box-sizing: border-box;
    padding: 6px 0;
    line-height: 28px;
    background: #fff;
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
    top: 34px;
    left: 12px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 0 4px 2px rgba(22, 30, 40, 0.10);
}

.tcy_region_pro .city-filter .filter-province .city-select .select .select-wrap>span {
    display: block;
    padding: 0 12px;
}

.tcy_region_pro .city-filter .filter-province .city-select .select.select-city#province-www {
    display: inline-block;
}

.tcy_region_pro .city-filter .filter-province .city-select .select.select-city {
    display: none;
}

.tcy_region_pro .city-filter .filter-province .filter-province-float .direct_search {
    float: none;
    width: 70px;
}

.tcy_region_pro .city-filter .filter-province .city-search {
    display: inline-block;
    position: relative;
    width: 174px;
    height: 34px;
    border: 1px solid rgba(228, 231, 236, 1);
}

.tcy_region_pro .city-filter .filter-province .city-search .search-input {
    padding: 10px;
    width: 140px;
    height: 30px;
    color: #999;
    box-sizing: border-box;
    border-radius: 3px;
    border: none;
}

.tcy_region_pro .city-filter .filter-province .city-search .search-btn {
    width: 34px;
    height: 34px;
    background: url("../../images/bootstrap/designers_case_search2.png") no-repeat center;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
}

.tcy_region_pro .city-filter .filter-province .city-search .search-list {
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    width: 155px;
    height: auto;
    background: #fff;
    color: #666;
    line-height: 25px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-top: 0;
    padding: 5px 0;
    cursor: pointer;
    z-index: 1;
}

.tcy_region_pro .city-list {
    padding-bottom: 60px;
}

.tcy_region_pro .city-list .list-title {
    margin: 32px 0 28px;
    font-size: 14px;
    color: #333;
    font-weight: 900;
}

.tcy_region_pro .city-list .list-title .frist-anchor {
    margin-right: 25px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.tcy_region_pro .city-list .list-title .frist-anchor:hover {
    color: #7CACEE;
}

.tcy_region_pro .city-list .list_content {
    vertical-align: top;
    width: 100%;
    margin-right: 35px;
    border-top: 1px solid #E4E7EC;
    border-right: 1px solid #E4E7EC;
}

.tcy_region_pro .city-list .list_content .item-content {
    position: relative;
    border-bottom: 1px solid #E4E7EC;
}

.tcy_region_pro .city-list .list_content .item-content a:hover {
    text-decoration: none;
}

.tcy_region_pro .city-list .list_content .item-content .item-frist {
    display: block;
    width: 37px;
    border: 1px solid #E4E7EC;
    border-top: 0;
    border-bottom: 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    height: 100%;
    color: #999;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}

.tcy_region_pro .city-list .list_content .item-content:hover .item-frist {
    color: #fff;
    background: #7CACEE;
    border: 1px solid #7CACEE;
}

.tcy_region_pro .city-list .list_content .item-content .item-frist span {
    display: block;
    position: relative;
    top: 50%;
    margin-top: -14px;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces {
    margin-left: 37px;
    position: relative;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .item-province {
    position: relative;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .item-province .item-province-name {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 100%;
    border-right: 1px solid #E4E7EC;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .item-province .item-province-name span {
    display: block;
    position: relative;
    top: 50%;
    margin-top: -11px;
    text-align: center;
    font-size: 14px;
    color: #7CACEE;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .item-province .item-citys {
    margin-left: 80px;
    box-sizing: border-box;
    padding: 15px;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .item-province .item-citys .citys-city {
    line-height: 20px;
    margin: 5px 0;
    position: relative;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .item-province .item-citys .citys-city a {
    position: relative;
    display: inline-block;
    margin: 3px 20px 5px 0;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .item-province .item-citys .citys-city a:hover {
    color: #7CACEE;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .active {
    background: #f5f5f5;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .active .item-province-name i {
    position: absolute;
    display: block;
    width: 7px;
    height: 15px;
    background: url("../../images/bootstrap/new_website_1/case_list/current_arrow.png") no-repeat center;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.designers_case_list .search_wrap .box input {
    border: 2px solid #E3EBF5;
}

.tcy_single_pro .logo_package {
    padding: 0 0 35px;
}

.popular_label .label_nav {
    margin-top: 0;
}

.img_enlarge_slow .pink_money {
    width: 60%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #FE517E;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    display: none;
}

.filter_design .f_d_con .f_d_c_c h4 {
    margin-top: 10px;
}

#money .row.title {
    margin-top: 60px;
}

.super_company .company {
    text-align: center;
}

.pack_case_list .p_case_wrap h4 {
    font-size: 20px;
    font-weight: bold;
}

.logo_package .logo_package_con .l_p_plan .bigsize {
    display: block;
}

.logo_package .logo_package_con .l_p_plan .smallsize {
    display: none;
}


.over_slider .pink_money {
    width: 60%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #FE517E;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    display: none;
    z-index: 10;
}





.go_city_loction {
    position: relative;
    cursor: pointer;
    width: 90px;
    float: left;
    margin-top: 18px;
    margin-right: 10px;
}

.go_city_loction .city_button {
    padding: 6px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    position: relative;
    z-index: 101;
    color: #333;
}

.go_city_loction .city_hover {
    border: 2px solid #E3EBF5;
    border-bottom: 2px solid #fff;
    background: #fff;
    color: #333;
}

.go_city_loction .city_button p {
    line-height: 22px;
    padding-left: 25px;
    font-size: 14px;
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon2.png) no-repeat left center;
}

.go_city_loction .city_hover p {
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon3.png) no-repeat left center;
}

.go_city_loction .city_options_box {
    right: auto;
    left: 0;
}

.designers_case_list .other_search_new {
    padding-bottom: 30px;
}

.tcy_single_pro .i_common_title .title>div div {
    margin-top: 0px;
}











/*  评估/预约服务模块  */
.tcyassess_order_service {
    background: #F4F6F9;
    padding: 20px 0;
}

.tcyassess_order_service a {
    display: block;
    background: #fff;
    padding: 30px 25px;
    position: relative;
}

.tcyassess_order_service a:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.tcyassess_order_service a .tos_info {
    margin-right: 65px;
}

.tcyassess_order_service a .tos_info h3 {
    color: #333;
    font-size: 20px;
    line-height: 1.4;
}

.tcyassess_order_service a .tos_info p {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-top: 8px;
}

.tcyassess_order_service a img {
    display: block;
    position: absolute;
    right: 25px;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
}



.t_n_header .login {
    margin-right: 10px;
}

.t_n_header .login .sign_in {
    border: none;
}

.t_n_header .login .sign_up {
    border: 2px solid #333333;
    border-radius: 3px;
}

.t_n_header .login .sign_up:hover {
    border-color: #000000;
}

.t_loginmask_bg {
    display: none;
}

.t_loginbtn_warp {
    display: none;
}




.submit_demand_form .forms_detail .service_reservation {
    max-width: 400px;
}

.submit_demand_form .forms_detail .service_reservation .select_service {
    position: relative;
    margin-bottom: 15px;
    max-width: 400px;
}

.submit_demand_form .forms_detail .service_reservation .select_service select {
    height: 44px;
    line-height: 40px;
    margin-top: 0;
    border: 1px solid #ededed;
    border-radius: 3px;
    letter-spacing: 3px;
    padding-left: 10px;
    width: 100%;
    outline: none !important;
    font-size: 14px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(../../../statics/images/bootstrap/new_website_1/case_pro/select_icon.png) no-repeat right center transparent;
}

.submit_demand_form .forms_detail .service_reservation textarea {
    max-width: 400px;
}

.submit_demand_form .forms_detail .service_reservation .ql_sub_btn {
    background: #7CACEE;
    color: #fff;
    width: 200px;
    height: 50px;
    border-radius: 3px;
    border: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.submit_demand_form .forms_detail .service_reservation p.sr_tip {
    display: block;
    width: 100%;
}

.filter_design .f_d_con .f_d_c_c h4 a {
    max-width: 100%;
}

.filter_design .f_d_con .f_d_c_c .all_label {
    padding-right: 0;
}

.filter_design .f_d_con .f_d_c_c .all_label span.date_right {
    float: right;
    margin-right: 0;
}



.tcy_banner_wrap .banner_title02 .banner-con .more_stit {
    position: relative;
    line-height: 28px;
    margin: 20px 0;
    max-width: 420px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 30px;
    overflow: hidden;
}

.tcy_banner_wrap .banner_title02 .banner-con .more_stit .show_inl_msg {
    position: absolute;
    padding-left: 20px;
    color: #999;
    font-size: 14px;
    top: 0;
    right: 0;
    width: 56px;
    height: 30px;
    display: block;
}

.tcy_banner_wrap .banner_title02 .banner-con .more_stit .show_inl_msg:hover {
    text-decoration: none;
}

.tcy_banner_wrap .banner_title02 .banner-con .more_stit .show_inl_msg:focus {
    text-decoration: none;
}

.tcy_banner_wrap .banner_title02 .banner-con .more_stit .show_inl_msg {
    background: url("../../images/bootstrap/new_website_1/mc_nav_arrow01.png") no-repeat right center;
    background-size: 12px 7px;
}

.tcy_banner_wrap .banner_title02 .banner-con .more_stit .show_all {
    background: url("../../images/bootstrap/new_website_1/mc_nav_arrow02.png") no-repeat right center;
    background-size: 12px 7px;
}

.tcy_banner_wrap .banner_title02 .banner-con .stit_all {
    max-width: 70%;
    height: auto;
    white-space: normal;

}

.tcy_banner_wrap .banner_title02 .banner-con .stit_all .show_inl_msg {}

.filter_design .new_fd_bottom {
    text-align: center;
    height: 64px;
}

.filter_design .new_fd_bottom .nfb_center {
    position: relative;
    display: inline-block;
}

.filter_design .new_fd_bottom a {
    display: inline-block;
    width: auto;
    padding: 0 15px;
    letter-spacing: 0;
}

.filter_design .new_fd_bottom .more_location_box {
    position: absolute;
    top: 0;
}

.filter_design .new_fd_bottom .more_location_box a.blue_other_border {
    border: 3px solid #f3f9ff;
    color: #7CACEE !important;
    font-size: 14px;
    text-decoration: underline;
    height: 34px;
    line-height: 34px;
    margin-right: 15px;
}

.filter_design .new_fd_bottom .more_location_box a.blue_other_border:hover {
    text-decoration: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%237CACEE' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;
    background-size: 20px auto;
    animation: waveMove 1s infinite linear
}

@keyframes waveMove {
    from {
        background-position: 0 100%
    }

    to {
        background-position: -20px 100%
    }

}

.filter_design .new_fd_bottom {
    height: auto;
}

.new_fd_bottom .t_customer_paginate a,
.new_fd_bottom .t_customer_paginate span {
    vertical-align: bottom;
}

.filter_design .new_fd_bottom .t_customer_paginate a {
    width: 42px;
    padding: 0;
}

.new_fd_bottom .t_blue_customer_paginate {
    padding-bottom: 0;
}

.img_enlarge_slow .find_resemble {
    width: 39.5%;
    height: 35px;
    position: absolute;
    line-height: 35px;
    text-align: center;
    background: #7CACEE;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: none;
}

.img_enlarge_slow .find_resemble a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.img_enlarge_slow .find_resemble a:hover {
    text-decoration: none;
}

.img_enlarge_slow:hover .find_resemble {
    display: block;
}

.img_enlarge_slow:hover .pink_money {
    display: block;
}

.over_slider .find_resemble {
    width: 39.5%;
    height: 35px;
    position: absolute;
    line-height: 35px;
    text-align: center;
    background: #7CACEE;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 10;
}

.over_slider .find_resemble a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.over_slider .find_resemble a:hover {
    text-decoration: none;
}

.over_slider:hover .find_resemble {
    display: block;
}

.over_slider:hover .pink_money {
    display: block;
}

.designers_case_list .other_search_new .indus_type .right ul.sort_1 li a {
    font-size: 14px;
}

.designers_case_list .service_type {
    padding-top: 30px;
}

#industry_search .s_industry_list ul li a.top_frist {
    font-size: 14px;
}

#industry_search .s_industry_list ul li .small_level {
    right: 330px;
}

#industry_search .s_industry_list ul li .small_level a {
    font-size: 14px;
}


.tcy_recommend_pro .swiper-container {
    width: 100%;
    height: 100%;
}

.tcy_recommend_pro .swiper-container .swiper-slide {
    background: #fff;
    width: 60%;

    /* 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;
}

.tcy_recommend_pro .swiper-container .swiper-slide .case {
    width: 100%;
}

.tcy_recommend_pro .swiper-container .swiper-pagination {
    opacity: 0;
}

.tcy_recommend_pro .case_list .swiper-button-next,
.case_type_swiper .swiper-button-next {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    right: -10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABflJREFUeAHtW0tPG1cYxTg2FChERIBJeSglSkGglEcrFXWBhZC6YwdCYsOSXZesUPf9EY3EtpuKsomCKtQuIC0P2QUUrFZBhRbjIMSrFLDBPceamczgO+Nh4nkYcqXxvb7P75z7+u6db4qK3ru7zYDPbvjhcPje/v5+yOfz1VxeXlbBv391dVWGdgPSQxGSfIqLi0/T6fSB3+8/hP+muro6Pjc3l2IGu5wtBPT29n5wcnLyGEAfQfBaPMUWAVyhXALEvK6oqPhjfn7+P4v16BbLKwE9PT31Z2dnn6K1Rjx5rRv1pfFslZaWRpaWlnYQzovLi5BdXV0PLy4uPoNEobxIlbuSeDAYXFxZWfknd1bjHO9EAHq8LJlM9mJutxg3Y08q1oo/A4HAPEbEqdUWLBPQ3t7ehEb78QStNp6ncheo56e1tbW/rNTnt1Koo6PjKcqF8Vgqb6VNgzKU4XFdXV0ykUjsGuQTJt0IwNDQkB8rch+2KC50XnMNIOHDvr6+rfX1dS6YppzpKSBtbV9ha+O25lmHDkpgy3xudss0tT+z57Gvex48e4UdRFkps5leMpVJGvZc9ArCYYqW7+3tVWBN2MwlcE4CuOB5dM7nwvbAzMJoSIC01YVzteTh9Iba2to3cId6MuquAVRyUKhfr2ABxfdLWIQi6xJADQ8l3FZyhELfMDIoYREWExJA3d4t9VYo5TtGEgsxiaoREiAdbET5CzZOD1MWARJTTp3qnCQ0JBoFWQSAKer5t9KJsGkIoLoL5LzMuK2uUcKo4NMQwGsspJg+Hyi13DAwOjraMjg46AbRPgmjIrFGEaqpqfkCKRVKqk2BqampbwYGBsK43vp7YWEhblMzwmqh1QagGG3IiQoBvL09PT39Egm2j4Du7u5gc3PzJ52dnd0ukFAGDTe6ubnJC9e3FxqVlZUPwc4TmRk7/ZmZmQ2QEGhsbHziAgm+8/Pznd3d3SMNAaFQqAVHyY/sBK6ue3p6+pVbJOAu8QAEZKaeMgUw/1sh4AO1kHaH3SIBI/1f+aisEICjYycSyu0Gfb1+N0jA/cYlCHhFWRQCMAK68d+Vw4/TJKCj09gJftcQgHMzCbjHSDecwySQgAhxKiMABHyO/7ZvgUbkXifh+Ph4IxqN7huVsZhWDAKWWVajCVqsLK/FZmdnI9iNLjFP/divbd+V1ATwFbWrbmRk5OOJiYmvCT4Wi72cnJz82SaBFKyeIUAGj3d9pQQ/PDz8LJVKmX7BcUOisgkA65ZfMN6w8azsDoMvUmNVRgB2hoMsyRyIcBo8IamxKgTQLMUBvJom3ABPAdRYFQKoG2iks/nPNfC/2jznNWjUWBUCaJCEXJkjoia3DX8E4L+zccG7juBKwpqJ1yg+2HcHEWv7heji4uK3uAeowmrPnncSPEHHYUwxnUGPH43qi9XxNZQQ2wlYXV39DT2eGh8f/8HBns9gJkYZPH0NATRFOzo64rWYZmSoC+QjPDY29n0+6rFQR5oY1eWUswAjt7e3UzgT0ACiSp3pFoW3lpeXM8dgGZOyCMoRtMOTw7fNF2HLIkAyQnT0ptYhouMiA8ssAigMjRAdEsqxZvQwadYAWZp4PH5cX19/HwpDtRxXyD4NKiORSFSEQTgCmJEWmPBohFjo7kLCIsQhHAHMubOzk8SGwNsYvi4rZPcCvb+nB0CXABbAtdEhDY0QbNCrwMvx+DZhAVpfzEhGQwJYkOantMBE0NF3BkZCm0kD+Bg0zpe58uquAeqCbW1tv0CFTKjjvBymrJTZjIymVd47bSpLJml729ra+iOHlhlm3chD2SijWTthymh6BKgBSdajPDR5xnHBw5wX7vVGQuZcBEWFuTBii+QNEu2HLdUhqtdiHHWVF7lWe726LQvPLbKpqSkGbbHcLY2RGl5JSclzo31eD7gcb2kKyIVln+Znkh2e7ZcpUpve+GhKJkD2JSKe4r9tn83hUBPNx9dissx5GQFyZbJP42SMCFqcPEIcL1hM6RtyeZXPS9rC+XBSJbgS9Pqns4qg7wN3lIH/AQsBo5uzqr8EAAAAAElFTkSuQmCC) center no-repeat;
    background-size: 50px auto;
}

.tcy_recommend_pro .case_list .swiper-button-prev,
.case_type_swiper .swiper-button-prev {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    left: -10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABf5JREFUeAHtW89PG0cUxtj8aEpJSogxDdCmUASC/kCgqpxAvvTGDYQEFypUjg2X8q9w6qlckFCl9tIoKAL1AEUF6hRQZbVNFWgxBtGYoBTZgPN97u5oXWbXm/Xueu1kpNWOZ+e9ed83v96O35aVvUovNwM+p+EPDg4Gjo+PQz6f79bFxcV13G9cXl5eQ7sVykUTUrzKy8ufpdPpJ36/P4H7YV1dXWxpaemcFZxKjhDQ39//2unpaRuA3oHhQVzlFgFcQi4OYh7V1NT8trKy8q9FPbpithLQ29vbeHZ29iFaa8Zlq27oS+Para6ujqyvr+8jb0uyxcienp63kslkHywK2WJVbiWxysrKnzY3N//OXdW4Rl4EoMevpVKpfsztVuNmnHmKteL3ioqKFYyIZ1ZbsExAV1dXCxoN46q02rhNcknoebC9vf3Yij6/FaHu7u4PIDeIy5K8lTYNZGhDW0NDQyoejx8Y1JM+eiEAw8PDfqzIA9iiuNB5LTWBhDcGBgZ2d3Z2uGCaSqangLK1fYqtjduaZxM6KI4t857ZLdPU/syex77uefDsFXYQbaXNZnrJVCVl2HPRK4qEKfr60dFRDdaEP3MZnJMALngenfO5sN00szAaEqBsdYO5WvLw86ZgMHiIlNCzUXcNoJMDobCeYBGVhxUsUpN1CaCHB4lCOzlSo1+wsFLBIhWTEkDfvlDurdTKPAuJhZhkaqQEKC82svpFW6aH6QoBClNuvdW5SWhINgquEACm6OeXZJJhyyKA7i6Q8zCjVFOzglHgyyKAx1h4Yvr9QGjJMzM0NNQ8NjbWmqcaM+I+BaOoGxA5ZJQzPG2R4/np6emPJiYmPsdKnZybm7vrdIMKxl/UdsQI4OktCl1901PB413Dv7a29kA1yuF7UMGaaUYQwKNrlIjfDhtRpgW/urr6/dTU1LdOt6noL1ewZn4KwDy3d8mAK+AnJye/catttqPFKgjAHLzuhhH/73m3wROjFqsggP/YOE2AF8AToxarIACrI9/+HEteAU+AWqyCAJTzvzpHkpfAKwAFVscJGB8fb+M+z62Oq30h5rykV6UESOrlX4RTpdsEj2F3sbi4GMlfo70axJEYjo7eh+osz9COppaXlx+Hw+Fb9fX19MP7EolEdGtr6x87dOehI4ljskxnaAnogkLbT4DQ82ULCws/kwSQ/I5HSDgDARl3WBAQCoVaeZycB6u6ol4jAVPyCY7Mf6XBggD0Dl3hm7oo8nzgMRL+Uv8zEAQ0Nja+CSNv54nTUFxDAvgOvl2o6RAIBP44ODiI0VhBAP5ECGAKvGeIwIaHXiABnmAEBJwQjvADGJCE34zJcTydn5+nR0ZGvopGo2sIcKiemZn5YnR09F3HG/6vgUsFa+ZX1ukP9uwhlLp2IIqh6Jufn/+svb39Y8QWJfr6+r50gYQYginEq3fWvo/V8RGGqGsEqCNhdnb2GGRk2eIUEcSo1Z01AnhgeHJyMo4KWeVagSLPp2tra7/Wxg6IRZDA9vb2zrk8I+vK2UAByNzd2NjI7P9q22IRVAsYh6fmS+0uw3aFACUIMbNHlhgBMVmA5RUCCJpBiCUGXhdT1hqggo7FYk/hGd6AY1SnlhXznQGVkUjkoQyDdASwIiMwcWMQYrGnpIJFikM6Alhzf38/hQ3hGNk2qWTxFN5H7x/pmatLAAUYW8NAI2Sb9BR4uRw+/yq8vqiRjYYEUJDhp4zARNaxV2UjA60+A3iePP2YS153DdAKdnZ2/gAXMq4t83KettJmMzaadnnpJhdDtCjB2x4qSybpP3d0dHzHoWWG2ULUoW20Uevr57LD9AjQKlKiRz/RlhU6zwUPc1661xvZlnMRlAlzYcQWeYhnjB+2pEOm12IZfZX7uVZ7Pd2WjecW2dLSEuVJcqE8Rnp4VVVV94z2eT3garmlKaAKq3eGnylxeG4dpnjjoymVAPWuEMEwO8c+m8OL2kM7vhZTbbZlBKjK1DuDkzEiWnG8dgdlPGAx5W+o8po7D2mL58NJjeEiy4AkL386Kwx9lXlJGXgO0CuMdCFK0dUAAAAASUVORK5CYII=) center no-repeat;
    background-size: 50px auto;
}





.tcy_banner_wrap .b_left .b_l div.d_about_links {
    font-size: 0;
    margin-top: 25px;
    letter-spacing: 1px;
}

.tcy_banner_wrap .b_left .b_l div.d_about_links a {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
}

.tcy_banner_wrap .b_left .b_l div.d_about_links a:hover {
    text-decoration: none;
}

.tcy_banner_wrap .b_left .b_l div.d_about_links a.go_pinggu_btn {
    font-size: 18px;
    line-height: 56px;
    padding: 0 40px;
    background: #7CACED;
    color: #fff;
}

.tcy_banner_wrap .b_left .b_l div.d_about_links a.blue_txt_btn {
    font-size: 16px;
    line-height: 56px;
    padding: 0 25px 0 0;
    color: #7CACEE;
}

.t_case_details_accept .bot {
    margin-top: -60px;
}

.t_case_details_assess {
    margin-top: -80px;
}


/*  底部样式改版  */
.web_footer_pc {
    background: #f5f5f5;
}

.web_footer_pc .footer_con_top {
    padding: 40px 0 22px;
    background: #f5f5f5;
    border-bottom: none;
    position: relative;
}

.web_footer_pc .brand {
    width: auto;
}

.web_footer_pc .brand a {
    margin-top: 0;
}

.web_footer_pc .brand a img {
    display: block;
    width: 123px;
}

.web_footer_pc .footer_con_top .qr_code {
    position: absolute;
    right: 0;
    width: 87px;
    text-align: center;
    top: 40px;
}

.web_footer_pc .footer_con_top .qr_code img {
    display: block;
    width: 100%;
}

.web_footer_pc .footer_con_top .qr_code span {
    font-size: 14px;
    color: #999;
    padding-top: 5px;
    display: block;
}

.web_footer_pc .contact {
    width: auto;
    margin-left: 50px;
}

.web_footer_pc .contact p {
    margin-bottom: 0;
}

.web_footer_pc .contact em {
    display: inline-block;
    padding-top: 0;
    line-height: 28px;
    font-size: 16px;
}

.web_footer_pc .contact p span {
    line-height: 28px;
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 24px;
    padding-left: 5px;
}

.web_footer_pc .footer_con_top .fr_nav {
    margin-top: 30px;
    margin-right: 100px;
}

.web_footer_pc .footer_con_top .fr_nav a {
    float: left;
    color: #666;
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 7px;
}

.web_footer_pc .footer_con_top .copyright_cont {
    color: #999;
    font-size: 14px;
    margin-top: 40px;
    border-top: 1px solid #e8e8e8;
    padding-top: 22px;
}

.web_footer_pc .footer_con_top .sina_btn {
    position: absolute;
    right: 0;
    bottom: 11px;
}

.web_footer_pc .footer_con_bottom {
    padding-bottom: 18px;
    background: #f5f5f5;
    padding-top: 0;
}

.web_footer_pc .footer_con_bottom p {
    font-size: 14px;
    color: #999999;
    padding-top: 30px;
}

.web_footer_pc .footer_con_bottom p a {
    color: #999999;
    display: inline;
}

.web_footer_pc .footer_con_bottom a {
    display: block;
    padding-right: 0;
    padding-top: 20px;
    text-align: left;
}

.web_footer_pc .friend_link {
    border-top: 1px solid #e8e8e8;
    padding: 20px 0 5px;
    border-bottom: 1px solid #DDDDDD;
    background: #f5f5f5;
    margin: 20px -15px 0;
}

.web_footer_pc .friend_link .left {
    width: 150px;
    float: left;
    color: #999;
    font-size: 14px;
}

.web_footer_pc .friend_link .right {
    margin-left: 150px;
    position: relative;
}

.web_footer_pc .friend_link .right span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border: 2px solid #dddddd;
    border-radius: 2px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
}

.web_footer_pc .friend_link .right span i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCA4IDIiPgogIDxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjIiIHk9IjMiIGZpbGw9IiNBNEE0QTQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMykiLz4KPC9zdmc+Cg==) center no-repeat;
}

.web_footer_pc .friend_link .right span.show i {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPgogIDxnIGZpbGw9IiNBNEE0QTQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIyIiB5PSIzIi8+CiAgICA8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIyIiB5PSIzIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA0IDQpIi8+CiAgPC9nPgo8L3N2Zz4K) center no-repeat;
}

.web_footer_pc .friend_link .right a {
    display: inline-block;
    font-size: 14px;
    color: #999;
    margin-right: 25px;
    margin-bottom: 15px;
    padding: 0;
}

.web_footer_pc .friend_link .fl_padding {
    padding-left: 0;
    padding-right: 0;
}







/* 服务产品导航下来菜单样式 */
.t_n_header li.classic .service_product_popup {
    left: -2px;
}

.t_n_header li.classic .details .details_list a:hover {
    text-decoration: none;
    background-color: #fff;
    font-weight: bolder;
    color: #7CACEE;
}

.t_n_header li.classic .details .details_list a.top_tit:hover {
    color: #333;
}

/*  项目案例导航下拉菜单样式  */
.t_n_header li.classic .project_case_popup {
    width: 1170px;
    left: -125px;
}

.t_n_header li.classic .project_case_popup .details_list_one {
    width: 18.7%;
}

.t_n_header li.classic .project_case_popup .details_list_two {
    width: 56.2%;
}

.t_n_header li.classic .project_case_popup .details_list_three {
    width: 24.7%;
}

.t_n_header li.classic .project_case_popup .details_list_one .sun_lists_two a {
    color: #7CACEE;
}

.t_n_header li.classic .project_case_popup .details_list .top_tit_box a {
    display: inline-block;
}

.t_n_header li.classic .project_case_popup .details_list .top_tit_box a.top_tit {
    padding-right: 0;
    margin-right: 0;
}

.t_n_header li.classic .project_case_popup .details_list .top_tit_box a.lk_more_page {
    font-size: 14px;
    color: #666;
    background: url("../../images/bootstrap/new_website_1/route_arrow.png") no-repeat right center;
}

.t_n_header li.classic .details .details_list .sun_lists_two {
    border-left: 1px solid #F1F1F1;
    margin-bottom: 20px;
}

.t_n_header li.classic .details .details_list:first-child .sun_lists_two {
    border-left: none;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list {
    float: left;
    width: 33.33%;
    border-right: 1px solid #f3f3f5;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list p {
    font-size: 16px;
    color: #333;
    padding: 0 10px 0.1em;
    margin: 0 10px 0.5em;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list .iy_box {
    padding: 0 10px;
    margin: 0 10px;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list .iy_box a {
    display: inline-block;
    padding: 0.3em 0;
    margin: 0.3em 0;
    position: relative;
}

/*.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list .iy_box a:hover .nav_line{*/
/*position: absolute;*/
/*bottom: 9px;*/
/*height: 2px;*/
/*width: 60%;*/
/*right: 0;*/
/*background: #7CACEE;*/
/*}*/
.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list .iy_box span {
    font-size: 14px;
    padding: 0 5px;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list a {
    color: #666;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list a:hover {
    color: #7CACEE;
    font-weight: bolder;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list a span {
    position: static;
    display: inline-block;
    background: none;
    padding: 0 3px;
    width: auto;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list {
    width: 230px;
    padding-left: 10px;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list a {
    display: block;
    width: 33.33%;
    text-align: left;
    float: left;
    padding: 0.357em 10px;
    margin: 0.3em 0;
}

/* 只针对导航下拉菜单 */
@media screen and (max-width: 1350px) {
    .t_n_header li.classic .service_product_popup {
        left: -85px;
    }

    .t_n_header li.classic .project_case_popup {
        left: -208px;
    }
}

@media screen and (max-width: 1260px) {
    .t_n_header li.classic .service_product_popup {
        left: -132px;
    }

    .t_n_header li.classic .project_case_popup {
        left: -255px;
    }
}

@media screen and (max-width: 1220px) {
    .t_n_header li.classic .service_product_popup {
        left: -151px;
    }

    .t_n_header li.classic .project_case_popup {
        left: -275px;
    }

    .t_n_header li.classic .details .details_list .sun_lists_two .l_three_list .iy_box span {
        padding: 0 2px;
    }

    .t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list {
        width: 196px;
    }

    .t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list {
        width: auto;
    }
}

@media screen and (max-width: 1200px) {
    .t_n_header li.classic .service_product_popup {
        width: 970px;
        left: -74px;
    }

    .t_n_header li.classic .project_case_popup {
        left: -198px;
        width: 970px;
    }
}

@media screen and (max-width: 1075px) {
    .t_n_header li.classic .service_product_popup {
        left: -123px;
    }

    .t_n_header li.classic .project_case_popup {
        left: -246px;
    }
}

@media screen and (max-width: 1020px) {
    .t_n_header li.classic .service_product_popup {
        width: 770px;
    }

    .t_n_header li.classic .project_case_popup {
        width: 770px;
    }

    .t_n_header li.classic .project_case_popup .details_list a {
        margin: 0.5em 0;
    }

    .t_n_header li.classic .details .details_list .sun_lists .l_three_list p {
        margin-left: 0;
    }

    .t_n_header li.classic .details .details_list .sun_lists .l_citys_list {
        width: auto;
    }

    .t_n_header li.classic .details .details_list .sun_lists .l_citys_list a {
        padding: 0.357em 0;
    }
}








.ice_move_bg,
.city_move_warp,
.industry_move_warp,
.hotrec_move_warp {
    display: none;
}

.move_industry_choose,
.move_hc_loaction {
    display: none;
}

.popular_label .p_label_con {
    position: relative;
}

.popular_label .p_label_con p {
    margin-right: 40px;
    height: 65px;
    overflow: hidden;
}

.popular_label .p_label_con .label_toggle {
    position: absolute;
    right: 0;
    bottom: 12px;
    font-size: 12px;
    color: #999;
    width: 40px;
    line-height: 21px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #999;
    display: block;
}

.popular_label .p_label_con a.label_toggle:focus {
    text-decoration: none;
}

.qz_hidden {
    display: none !important;
}

.qz_block {
    display: block !important;
}




/*   推荐案例改版  */
.t_case_details_recommend .about_case_tj ul {
    text-align: center;
    font-size: 0;
}

.t_case_details_recommend .about_case_tj ul li {
    display: inline-block;
    color: #666;
    padding: 0 4px 10px;
    margin: 0 20px;
    cursor: pointer;
}

.t_case_details_recommend .about_case_tj ul li.on,
.t_case_details_recommend .about_case_tj ul li:hover {
    color: #7CACEE;
    border-bottom: 3px solid #7CACEE;
}

.t_case_details_recommend .about_case_tj ul li p {
    line-height: 1.36;
    font-size: 18px;
}

.t_case_details_recommend .rd_contents_list {
    padding-top: 20px;
}

.t_case_details_recommend .rd_contents_list .recommend {
    margin-top: 0px;
}

.t_case_details_recommend .new_recommend {
    height: 0;
    overflow: hidden;
}

.t_case_details_recommend .recommend .case_list02 {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    bottom: -17px;
    margin-top: -17px;
}

.t_case_details_assess .assess_right .hot_case_box .hot_case_contents {
    padding-bottom: 20px;
}

.submit_demand_form .forms_detail .want_do_choose textarea {
    background: #fff;
}


.float_bars_pc .tc_zxqrcode {
    display: none;
    background: #fff;
    padding: 20px 29px 13px 29px;
    position: absolute;
    left: -188px;
    top: 60px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.float_bars_pc .tc_zxqrcode img {
    display: block;
    width: 120px;
}

.float_bars_pc .tc_zxqrcode p {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.float_bars_pc .tc_zxqrcode .arrow {
    position: absolute;
    right: -5px;
    top: 25px;
    background: #fff;
    height: 12px;
    width: 12px;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}










/*       全部行业页面          */
.tcy_alltrade_pro {
    padding-top: 120px;
}

.tcy_alltrade_pro .hot_trade span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    font-weight: bolder;
    width: 100px;
    float: left;
    line-height: 34px;
}

.tcy_alltrade_pro .hot_trade .hot_trade_lists {
    margin-left: 100px;
    line-height: 34px;
}

.tcy_alltrade_pro .hot_trade .hot_trade_lists a {
    float: left;
    display: block;
    font-size: 14px;
    margin-right: 30px;
    color: #333;
}

.tcy_alltrade_pro .hot_trade .hot_trade_lists a:hover {
    color: #7CACEE;
}

.tcy_alltrade_pro .line {
    border-top: 1px solid #E4E7EC;
    margin: 30px 0;
}

.tcy_alltrade_pro .city-filter .filter-province .city-select .select-province {
    width: 300px;
}

.tcy_alltrade_pro .city-filter .filter_industry_content {
    margin-left: 130px;
}

.tcy_alltrade_pro .industry_filter {
    padding-bottom: 10px;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes {
    margin-bottom: 20px;
}

.tcy_alltrade_pro .city-list .list-title .filter-title {
    font-weight: bolder;
    padding-right: 30px;
}

.tcy_alltrade_pro .city-list .list-title .frist-anchor {
    font-weight: bolder;
}

.tcy_alltrade_pro .city-list .list-title .frist-anchor.on {
    color: #7CACEE;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes .tb_title {
    float: left;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes .tb_title p {
    font-size: 16px;
    color: #7CACEE;
    margin-top: 5px;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes .tb_title .tb_line {
    width: 36px;
    border-bottom: 3px solid #7CACEE;
    margin-top: 5px;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes .tb_links {
    margin-left: 100px;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes .tb_links a {
    display: block;
    float: left;
    margin-right: 30px;
    color: #333;
    font-size: 14px;
    line-height: 34px;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes .tb_links a:hover {
    color: #7CACEE;
}

.tcy_alltrade_pro .alltrade_lists .trade_boxes .tb_links a.cur {
    color: #7CACEE;
    font-weight: bolder;
}

.tcy_alltrade_pro .city-filter .filter-province .filter_industry_content .city-select .select>span {
    font-size: 14px;
}

.tcy_alltrade_pro .city-filter .filter-province .city-select .select .select-wrap span {
    font-size: 14px;
    cursor: pointer;
    color: #333;
}

.tcy_alltrade_pro .city-filter .filter-province .city-select .select .select-wrap span:hover {
    color: #7CACEE;
}

.tcy_alltrade_pro .city-filter .filter-province .city-select .select .select-wrap span a {
    font-size: 14px;
    color: #333;
}

.tcy_alltrade_pro .city-filter .filter-province .city-select .select .select-wrap span a:hover {
    color: #7CACEE;
}

.tcy_alltrade_pro .city-filter .filter-province .city-search .search-input {
    font-size: 14px;
}



/*  通用底部悬浮改版样式  */
.footer-booking_news {
    background-color: #136CFB;
    bottom: -474px;
}

.footer-booking_news .footer-booking-con .footer_main {
    padding: 16px 0;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    overflow: inherit;
    position: relative;
}

.footer-booking_news .footer_main .img_wrap {
    left: 140px;
}

.footer-booking_news .footer_main .left {
    margin-left: 310px;
}

.footer-booking_news .footer-booking-con .footer_main .left .fb_promise {
    display: block;
    margin-top: 8px;
}

.footer-booking_news .footer-booking-con .footer_main .right {
    position: relative;
    overflow: inherit;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box {
    width: 30px;
    height: 42px;
    position: relative;
    margin-right: 134px;
    top: 10px;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box .point_top {
    width: 30px;
    height: 34px;
    position: absolute;
    bottom: 4px;
    left: 0;
    background: url("../../images/bootstrap/new_website_1/suspension/suspension_02.png") no-repeat center;
    z-index: 10;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box .dot {
    width: 38px;
    height: 38px;
    position: absolute;
    top: -14px;
    right: 0;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box .dot .dot_bg {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    margin-top: 12px;
    border-radius: 50%;
    background: #858ba5;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box .dot .dot_animate {
    position: absolute;
    top: 1px;
    left: 0;
    width: 38px;
    height: 38px;
    display: block;
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;
    -webkit-animation: myfirst 1s;
    -o-animation: myfirst 1s;
    animation-iteration-count: infinite;
}

@keyframes myfirst {
    0% {
        width: 0;
        height: 0;
        top: 19px;
        left: 19px;
    }

    25% {
        width: 9.5px;
        height: 9.5px;
        top: 13.5px;
        left: 13.5px;
    }

    50% {
        width: 19px;
        height: 19px;
        top: 9px;
        left: 9px;
    }

    50% {
        width: 28.8px;
        height: 28.5px;
        top: 4.5px;
        left: 4.5px;
    }

    100% {
        width: 38px;
        height: 38px;
        top: 0;
        left: 0;
    }
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box .dot .dot_animate img {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box_close {
    top: -3px;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box_close .point_top {
    bottom: auto;
    top: 0;
    background: url("../../images/bootstrap/new_website_1/suspension/suspension_03.png") no-repeat center;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box_close .dot {
    bottom: -9px;
    right: -9px;
    top: auto;
    left: auto;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box_close .dot .dot_animate {
    top: 3px;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box .dot .dot_bg {
    margin-left: 10px;
}

.footer-booking_news .zb_top_box {
    height: 79px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    cursor: pointer;
}

.footer-booking_news .bottom_booking {
    margin-bottom: 30px;
    position: relative;
}

.footer-booking_news .bottom_booking .fb_container {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.footer-booking_news .bottom_booking .swiper_box {
    padding: 50px 0;
    width: 100%;
    max-width: 388px;
    margin: 0 auto;
}

.footer-booking_news .bottom_booking .swiper_box .img_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.footer-booking_news .bottom_booking .right_swiper_box {
    width: 100%;
    max-width: 330px;
    padding-bottom: 0;
}

.footer-booking_news .bottom_booking .submit_swiper_box {
    padding-bottom: 50px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit h4 {
    font-size: 24px;
    color: #333;
    line-height: 1.4;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit h4 span {
    font-weight: bolder;
    color: #7CACEE;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit .line {
    width: 36px;
    border-top: 5px solid #136CFB;
    margin: 10px 0 30px;
}

.footer-booking_news .bottom_booking .swiper_box .choose_swiper .swiper-pagination {
    position: static;
    margin-top: 25px;
}

.footer-booking_news .bottom_booking .swiper_box .choose_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px;
}

.footer-booking_news .bottom_booking .swiper_box .choose_swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #7CACEE;
}

.footer-booking_news .bottom_booking .swiper_box .vslider ul li {
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-booking_news .bottom_booking .swiper_box .vslider ul li span {
    padding-left: 5px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess {
    margin-top: 25px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .boa_input {
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-bottom: 15px;
    max-width: 330px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .boa_input input {
    display: block;
    width: 100%;
    line-height: 38px;
    color: #333;
    font-size: 14px;
    padding-left: 15px;
    border: none;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .boa_input input::placeholder {
    color: #999;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .boa_select {
    max-width: 330px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-bottom: 15px;
    padding-right: 15px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .boa_select select {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    border: none;
    width: 100%;
    padding: 0 15px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url("../../images/bootstrap/new_website_1/booking_select_icon.png") no-repeat right center transparent;
    outline: none !important;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .boa_select select:focus {
    border: none;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .order_atonce_btn {
    display: block;
    width: 100%;
    line-height: 40px;
    color: #fff;
    background: #136CFB !important;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px;
    border: none;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .tips {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.footer-booking_news .bottom_booking .swiper_box .process_img {
    padding-top: 26px;
}

.footer-booking_news .bottom_booking .swiper_pd_box {
    max-width: 417px;
}

.footer-booking_news .bottom_booking .swiper_box .process_img img {
    display: block;
    width: 100%;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit_center {
    text-align: center;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit_center p {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.footer-booking_news .bottom_booking .swiper_box .follow_qrcode {
    margin: 20px auto 0;
}

.footer-booking_news .bottom_booking .swiper_box .follow_qrcode img {
    display: block;
    width: 100%;
    max-width: 138px;
    margin: 0 auto 15px;
}

.footer-booking_news .bottom_booking .swiper_box .follow_qrcode p {
    font-size: 14px;
    text-align: center;
    color: #999;
    margin-top: 10px;
}

.footer-booking_news .bottom_booking .swiper_box .more_case {
    display: block;
    width: 100%;
    border: 1px solid #136CFB;
    line-height: 38px;
    text-align: center;
    color: #136CFB;
    background: #fff;
    margin-top: 40px;
}

.footer-booking_news .bottom_booking .left_pos_qrcode {
    position: absolute;
    width: 85px;
    height: 85px;
    top: 0;
    right: -90px;
    display: none
}

.footer-booking_news .bottom_booking .left_pos_qrcode img {
    display: block;
    width: 100%;
    background: #fff;
    padding: 10px;
}

.footer-booking_news .bottom_booking .left_pos_qrcode p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 6px;
}

.footer-booking .close_btn {
    opacity: 0;
}

.footer-booking .sq_close_btn {
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 28px;
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.footer-booking_news .bottom_booking .fb_container_02 {
    display: none;
}

/****品牌设计与知识****/
.content_news ul li {
    padding-bottom: 15px;
}

.content_news ul li h4 {
    color: #666666;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.content_news ul li a h4 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content_news ul li.on h4 {
    color: #333;
    font-size: 18px;
}

.content_news ul li p {
    display: none;
    font-size: 1.2em;
    color: #666666;
    padding: 1em 0 0 30px;
    line-height: 28px;
}

.content_news ul li p a {
    display: block;
    font-size: 1em;
    color: #7fadeb;
    text-decoration: none;
}



/****资讯与知识****/
.tcy_information {
    margin-top: 20px;
}

.tcy_information .information_wrap {
    margin-top: 20px;
    margin-bottom: 80px;
}

.tcy_information .information_wrap .left {
    width: 50%;
    float: left;
    padding-right: 45px;
    border-right: 1px solid #EBEBEB;
}

.tcy_information .information_wrap .right {
    width: 50%;
    float: left;
    padding-left: 52px;
}

.tcy_information .information_wrap p {
    margin-bottom: 18px;
}

.tcy_information .information_wrap p span {
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #999;
}

.tcy_information .information_wrap p a {
    font-size: 16px;
    color: #000;
    display: inline-block;
    text-decoration: none;
    max-width: calc(100% - 80px);
}

.tcy_information .information_wrap p a:hover {
    color: #6DA7F5;
}



/********  选择城市样式调整   ********/
.project_location .container .row .hot_city_loction .city_button {
    padding: 6px 12px 0;
}

.project_location .container .row .hot_city_loction .city_button p {
    font-size: 0;
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon2.png) no-repeat left 1px;
}

.project_location .container .row .hot_city_loction .city_hover p {
    background: url(../../../statics/images/bootstrap/new_website_1/na_icon3.png) no-repeat left 1px;
}

.project_location .container .row .hot_city_loction .city_button p a {
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.project_location .container .row .hot_city_loction .city_button p span {
    display: inline-block;
    font-size: 14px;
    color: #FF507C;
    padding-left: 5px
}

.tcy_recommend_pro .txg_case_list .swiper-slide .case .image a img {
    max-height: 152.34px;
    width: auto;
    margin: 0 auto;
}


/********  案例详情页改版   ********/
.t_case_details_assess {
    margin-top: 40px;
}

.evaluate_team_wrap {
    padding-bottom: 40px;
}

.evaluate_team_wrap h4 {
    font-size: 20px;
    color: #333;
    line-height: 1.4;
}

.evaluate_team_wrap .line {
    width: 34px;
    height: 5px;
    background: #7CACEE;
    margin-top: 10px;
}

.evaluate_team_wrap .customer_about {
    margin-top: 20px;
}

.evaluate_team_wrap .customer_about .ca_header {
    float: left;
    width: 56px;
    border-radius: 50%;
    overflow: hidden;
}

.evaluate_team_wrap .customer_about .ca_header img {
    display: block;
    width: 100%;
}

.evaluate_team_wrap .customer_about .ca_info {
    margin-left: 66px;
}

.evaluate_team_wrap .customer_about .ca_info p {
    font-size: 14px;
    line-height: 34px;
    color: #666;
}

.evaluate_team_wrap .customer_about .ca_info p span {
    color: #999;
    padding-left: 5px;
}

.evaluate_team_wrap .customer_about .ca_info .star {
    margin: 0;
}

.evaluate_team_wrap .customer_about .ca_info .star span,
.evaluate_team_wrap .customer_about .ca_info .star strong {
    margin-right: 7px;
}

.evaluate_team_wrap .evaluate_cont {
    font-size: 12px;
    color: #999;
    line-height: 1.8;
    margin-top: 10px;
}

.evaluate_team_wrap .team_list {
    margin-top: 20px;
}

.evaluate_team_wrap .team_list .project_adviser {
    display: block;
    float: left;
    font-size: 14px;
    text-align: center;
    height: 106px;
    width: 104px;
}

.evaluate_team_wrap .team_list .project_adviser .head_img {
    width: 56px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.evaluate_team_wrap .team_list .project_adviser .head_img img {
    display: block;
    width: 100%;
}

.evaluate_team_wrap .team_list .project_adviser .pa_change_box .name {
    color: #7CACEE;
    margin: 5px auto;
}

.evaluate_team_wrap .team_list .project_adviser .pa_change_box .year {
    color: #999;
}

.evaluate_team_wrap .team_list .project_adviser .pa_change_box .once_consult {
    width: 88px;
    line-height: 30px;
    height: 30px;
    background: #7CACEE;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    margin: 8px auto 0;
    display: none;
}

.evaluate_team_wrap .team_list .project_adviser:hover .pa_change_box p {
    display: none;
}

.evaluate_team_wrap .team_list .project_adviser:hover .pa_change_box span {
    display: block;
}

.evaluate_team_wrap .team_list ul {
    margin-left: 120px;
}

.evaluate_team_wrap .team_list ul li {
    float: left;
    width: 106px;
    text-align: center;
    height: 100px;
}

.evaluate_team_wrap .team_list ul li a {
    display: block;
}

.evaluate_team_wrap .team_list ul li a img {
    display: block;
    width: 56px;
    margin: 10px auto 5px;
    border: 2px solid #e3ebf5;
    border-radius: 50%;
}

.evaluate_team_wrap .team_list ul li a p {
    font-size: 12px;
    color: #666;
    margin: 5px 5px 0;

}

.evaluate_team_wrap .team_list ul li.winning {
    border: 1px solid #E3EBF5;
    width: 100px;
    position: relative;
    border-radius: 3px;
}

.t_case_details_assess .assess_left {
    padding: 0 0 60px;
}

.t_case_details_assess .assess_con .brief_box {
    padding: 0 20px 0 0;
    margin: 0;
}

.t_case_details_assess .assess_con .brief_box p {
    margin: 15px 15px 15px 0;
}

.evaluate_team_wrap .team_list ul li.winning span {
    width: 20px;
    height: 40px;
    position: absolute;
    right: 1px;
    top: 1px;
}

.evaluate_team_wrap .team_list ul li.winning span:before {
    content: "中标";
    background: #ff507c;
    display: block;
    width: 20px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: -1px;
    top: -1px;
    line-height: 15px;
    border-radius: 2px;
    padding-top: 3px;
}

.evaluate_team_wrap .team_list ul li.winning span:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 3px solid #fff;
    position: absolute;
    right: 2px;
    top: 36px;
}

.t_case_details_assess .assess_con .brief_box p i.i_1 {
    background: url("../../images/bootstrap/new_website_1/case_details/case_detail_iconnew01.png") no-repeat left center !important;
    background-size: 22px auto !important;
}

.t_case_details_assess .assess_con .brief_box p i.i_2 {
    background: url("../../images/bootstrap/new_website_1/case_details/case_detail_iconnew02.png") no-repeat left center !important;
    background-size: 22px auto !important;
}

.t_case_details_assess .assess_con .brief_box p i.i_3 {
    background: url("../../images/bootstrap/new_website_1/case_details/case_detail_iconnew03.png") no-repeat left center !important;
    background-size: 22px auto !important;
}

.t_case_details_assess .assess_con .brief_box p i.i_4 {
    background: url("../../images/bootstrap/new_website_1/case_details/case_detail_iconnew04.png") no-repeat left center !important;
    background-size: 22px auto !important;
}

.t_case_details_assess .success_bid {
    padding: 0 40px;
}

.t_case_details_assess .assess_con .brief_box p.hot_tabs {
    margin-right: 0;
}

.t_case_details_assess .assess_con .brief_box p.hot_tabs .ht_list {
    display: inline-block;
    width: 280px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 6px;
    margin-right: 0;
    height: 20px;
}

.t_case_details_assess .assess_con .brief_box p.hot_tabs .ht_list a {
    display: block;
    float: left;
}

.t_case_details_assess .assess_con .brief_box p .ht_list a {
    display: inline-block;
    font-size: 14px;
}

.t_case_details_assess .shortlisted {
    padding: 0 40px;
}

.t_case_details_assess .statement {
    padding: 0 40px;
}

.t_case_details_assess .assess_con .brief_box .scheme_needs_tab li {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 48px;
    border-bottom: 3px solid #fff;
    margin-right: 20px;
    padding: 0 9px;
    text-align: center;
    cursor: pointer;
}

.t_case_details_assess .assess_con .brief_box .scheme_needs_tab li.on {
    color: #7CACEE;
    border-bottom: 3px solid #7CACEE;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article {
    margin-top: 20px;
    padding: 0 40px;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li {
    margin-bottom: 20px;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li .na_left {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    text-align: right;
    width: 110px;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li .na_right {
    margin-left: 130px;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li .na_right .nr_cont {
    font-size: 14px;
    line-height: 1.4;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li .na_right .blue {
    color: #7CACEE;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li .na_right .brand_img_wrap {
    width: 350px;
    border: 1px solid #E3EBF5;
    border-radius: 1px;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li .na_right .brand_img_wrap h5 {
    height: 20px;
    line-height: 20px;
    padding-left: 6px;
    background: #E3EBF5;
    color: #333;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 1em;
}

.t_case_details_assess .assess_con .scheme_needs_conts .needs_article li .na_right .brand_img_wrap img {
    display: block;
    width: 100%;
}

.t_case_details_assess .success_bid .tag {
    right: 30px;
    top: -12px;
}

.t_case_details_assess .assess_right .hot_case_box {
    padding: 30px 0;
}

.t_case_details_assess .assess_right .hot_news_box {
    padding-top: 30px;
    border-top: 1px solid #e9f0f6;
}

.t_case_details_assess .assess_right .hot_news_box h3 {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

.t_case_details_assess .assess_right .hot_news_box ul {
    padding: 0 32px;
}

.t_case_details_assess .assess_right .hot_news_box ul li {
    margin-bottom: 10px;
}

.t_case_details_assess .assess_right .hot_news_box ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #373D41;
}





/*选择调性*/
.needs_article .j_brand_style {
    width: 100%;
}

.needs_article .j_brand_style .brand {
    margin: 1.7em 0;
}

.needs_article .j_brand_style .brand .b_slide {
    position: relative;
    padding: 0;
}

.needs_article .j_brand_style .brand .b_style_1,
.needs_article .j_brand_style .brand .b_style_2 {
    margin-top: 0;
    padding-left: 0;
}

.needs_article .j_brand_style .brand .b_style_1 p,
.needs_article .j_brand_style .brand .b_style_2 p {
    margin-top: -0.6em;
    font-size: 14px;
}

.needs_article .j_brand_style .brand .b_style_1 {
    text-align: left;
}

.needs_article .j_brand_style .brand .b_style_2 {
    text-align: right;
}

.needs_article .j_brand_style .brand .b_slide_markers {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.needs_article .j_brand_style .brand .m_wrap {
    float: left;
    width: 16.6%;
    text-align: center;
    height: 0.2em;
    line-height: 0.2em;
}

.needs_article .j_brand_style .brand .m_wrap.m_wrap1 {
    width: 8%;
    text-align: left;
}

.needs_article .j_brand_style .brand .m_wrap.m_wrap2 {
    text-align: right;
}

.needs_article .j_brand_style .brand .b_slide_markers .marker {
    cursor: pointer;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    width: 3.15em;
    text-align: center;
    opacity: 0;
    display: inline-block;
    margin: 0 auto;
}

.needs_article .j_brand_style .brand .b_slide:hover .b_slide_markers .marker,
.needs_article .j_brand_style .brand .b_slide_markers.active .marker {
    opacity: 1;
}

.needs_article .j_brand_style .brand .b_slide_markers .marker:after {
    content: '';
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    background: #fff;
    border-radius: 100px;
}

.needs_article .j_brand_style .brand .b_slider {
    width: 100%;
    background-color: #e6e6e6;
    height: 0.5em;
    border-radius: 15px;
}

.needs_article .j_brand_style .brand .b_slide_handler {
    width: 1.4em;
    height: 1.4em;
    border-radius: 9999px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    position: relative;
    background: #999;
    background-image: -webkit-linear-gradient(top, #999, #555);
    background-image: linear-gradient(to bottom, #999, #555);
    top: -0.5em;
}

.needs_article .j_brand_style .brand .b_slide_handler:after {
    width: 0.6em;
    height: 0.6em;
    border-radius: 9999px;
    content: '';
    position: absolute;
    background: #fff;
    top: 0.4em;
    left: 0.4em;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.needs_article .j_brand_style .brand .b_slide_handler_active {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.needs_article .j_brand_style .brand .b_slide_handler_active:after {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

/*选择调性end*/
.needs_article .j_brand_style .brand .b_slide:hover .b_slide_markers .marker,
.needs_article .j_brand_style .brand .b_slide_markers.active .marker {
    opacity: 0;
}




/* 电话查询弹窗新增样式*/
.t_float_cons {
    width: 840px;
    margin-left: -420px;
    padding: 0;
    background: #7CACEE;
}

.t_float_cons .phone_center_box .pcb-left {
    float: left;
    width: 380px;
    color: #fff;
    text-align: left;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding {
    padding: 40px 0 0 30px;
    position: relative;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding h3 {
    font-size: 22px;
    line-height: 1.4;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding .line {
    width: 36px;
    height: 5px;
    background: #fff;
    margin-top: 15px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul {
    margin-top: 30px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul li p b {
    padding-right: 10px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul li p span {
    padding-left: 10px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding .estimate_icon {
    width: 39px;
    height: 39px;
    background: url(../../images/bootstrap/new_website_1/estimate_icon_bg01.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 60px;
    top: 60px;
}

.t_float_cons .phone_center_box .pcb-right {
    float: left;
    width: 460px;
    padding: 50px 40px 40px;
    background: #fff;
}

.t_float_cons .close {
    width: 16px;
    height: 16px;
}

.t_float_cons .close img {
    display: block;
    width: 100%;
}

.release_demand_edit .select_wrap {
    position: relative;
}

.release_demand_edit .select_wrap .select_arrow {
    width: 13px;
    height: 8px;
    position: absolute;
    background: url(../../images/bootstrap/new_website_1/single_pro/tab_blue_arrow04.png) no-repeat right center transparent;
    background-size: 13px 8px;
    right: 10px;
    top: 18px;
}

.release_demand_edit .select_wrap select {
    background: #fff;
}



/*  品牌设计费用评估新增样式  */
.release_demand_edit {
    width: 840px;
    margin-left: -420px;
    padding: 0;
    background: #7CACEE;
    border-radius: 3px;
    overflow: hidden;
}

.release_demand_edit .rde_box_center .rbc_left {
    float: left;
    width: 380px;
    color: #fff;
    text-align: left;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding {
    padding: 40px 0 0 30px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding h3 {
    font-size: 22px;
    line-height: 1.4;
    color: #fff;
    text-align: left;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .line {
    width: 36px;
    height: 5px;
    background: #fff;
    margin-top: 15px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul {
    margin-top: 30px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul li p b {
    padding-right: 10px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul li p span {
    padding-left: 10px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .estimate_icon {
    width: 39px;
    height: 39px;
    background: url(../../images/bootstrap/new_website_1/estimate_icon_bg01.png) no-repeat center;
    background-size: 39px auto;
    position: absolute;
    left: 280px;
    top: 60px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .estimate_icon02 {
    width: 33px;
    height: 33px;
    background: url(../../images/bootstrap/new_website_1/estimate_icon_bg02.png) no-repeat center;
    background-size: 33px auto;
    position: absolute;
    left: 275px;
    bottom: 60px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .estimate_icon03 {
    width: 170px;
    height: 170px;
    background: url(../../images/bootstrap/new_website_1/estimate_icon_bg03.png) no-repeat center;
    background-size: 170px auto;
    position: absolute;
    left: 0;
    bottom: 0;
}

.release_demand_edit .rde_box_center .rbc_right {
    float: left;
    width: 460px;
    padding: 28px 40px 30px;
    background: #fff;
}

.release_demand_edit .rde_box_center .rbc_right h3 {
    text-align: left;
    font-size: 22px;
    margin-top: 0;
}

.release_demand_edit .rde_box_center .rbc_right .form-group {
    height: 55px;
}

.release_demand_edit .rde_box_center .rbc_right .form-group input,
.release_demand_edit .rde_box_center .rbc_right .form-group select {
    margin-bottom: 15px;
}

.release_demand_edit .rde_box_center .rbc_right .form-group .star {
    bottom: 20px;
}

.release_demand_edit .rde_box_center .rbc_right .message {
    padding: 0 0 15px 0;
}

.release_demand_edit .rde_box_center .rbc_right .message textarea {
    height: 100px;
}

.release_demand_edit .rde_box_center .rbc_right .btnwrap input.btn_blue {
    height: 50px;
    line-height: 50px;
}

.release_demand_edit .rde_box_center .rbc_right .tips {
    padding: 14px 0 0 0;
    text-align: left;
}

.release_demand_edit .close {
    width: 16px;
    height: 16px;
}

.release_demand_edit .close img {
    display: block;
    width: 100%;
}






























































/********  单品页改版  部分样式 ********/

.btn_short_blue {
    display: inline-block;
    padding: 0 52px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    letter-spacing: 3px;
    font-size: 18px;
    background: #7CACEE;
    border-radius: 3px;
}

.btn_short_blue:hover {
    color: #fff;
}

.btn_short_write {
    display: inline-block;
    font-size: 16px;
    color: #7CACEE;
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
}

.btn_short_write:hover {
    color: #7CACEE;
}




/********  费用评估页面  改版样式 ********/

.estimate_whole_wrap {
    background: #F4F6F9;
    padding: 40px 0;
}

.tcenter_estimate_wrap {
    background: #fff;
    padding: 0;
}

.tew_center_pos {
    position: relative;
}

.estimate_explain_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 380px;
    background: #7CACEE;
    height: 100%;
}

.estimate_explain_left .center_box {
    padding: 40px 30px;
    color: #fff;
}

.estimate_explain_left .center_box h3 {
    line-height: 1.4;
    font-size: 22px;
    font-weight: normal;
}

.estimate_explain_left .center_box .line {
    width: 36px;
    height: 5px;
    background: #fff;
    margin: 15px 0 30px;
}

.estimate_explain_left .center_box p {
    color: #fff;
    line-height: 2.14;
    margin-bottom: 50px;
}

.estimate_explain_left .center_box ul li p {
    line-height: 1.4;
    margin-bottom: 10px;
    font-weight: bolder;
}

.estimate_explain_left .center_box ul li p b {
    padding-right: 10px;
}

.estimate_explain_left .center_box ul li p span {
    padding-left: 15px;
    font-weight: normal;
}

.estimate_explain_left .estimate_icon01 {
    width: 39px;
    height: 39px;
    background: url("../../images/bootstrap/new_website_1/estimate_icon_bg01.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 15.7%;
    top: 5.7%;
}

.estimate_explain_left .estimate_icon02 {
    width: 33px;
    height: 33px;
    background: url("../../images/bootstrap/new_website_1/estimate_icon_bg02.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 36.36%;
    top: 54.54%;
}

.estimate_explain_left .estimate_icon03 {
    width: 170px;
    height: 170px;
    background: url("../../images/bootstrap/new_website_1/estimate_icon_bg03.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;

}

.submit_demand_form {
    margin-left: 380px;
    padding: 30px 0;
}

.submit_demand_form .sdf_center_box {
    padding: 0 40px;
}

.submit_demand_form .forms_detail .submit_position {
    position: static;
}

.submit_demand_form .forms_title ul {
    margin-bottom: 20px;
}

.submit_demand_form .forms_title ul li {
    font-size: 18px;
}

.submit_demand_form .forms_detail {
    padding-bottom: 0;
    margin-top: 30px;
}

.submit_demand_form .vslider .flex-viewport ul li {
    color: #999;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio {
    width: 166px;
    height: 90px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input {
    opacity: 0;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input+i {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    border: 1px solid #ddd;
    font-style: normal;
    border-radius: 3px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio:hover input+i {
    border: 1px solid #7CACEE;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input:checked+i {
    background: #7CACEE;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #7CACEE;
}

.submit_demand_form .forms_detail .froms_sm_tit .num {
    padding: 2px 6px;
    line-height: 22px;
}

.submit_demand_form .forms_detail .froms_sm_tit p {
    color: #333;
    font-size: 16px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio:hover {
    top: 0;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio p {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 18px;
    color: #333;
    width: 100px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio p span.mstit {
    margin-top: 5px;
    font-weight: normal;
    font-size: 14px;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input:checked+i p {
    color: #fff;
}

.submit_demand_form .forms_detail .want_do_choose .label_radio input:checked+i p span {
    color: #fff;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox {
    max-width: 166px;
    margin-left: 15px;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox:nth-child(4n+1) {
    margin-left: 0;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox:hover {
    box-shadow: none;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox {
    padding: 0;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox input[type=checkbox] {
    top: 0px;
    margin-right: 6px;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox i {
    left: 0;
    top: 2px;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox span.ms_cont {
    padding-left: 24px;
    line-height: 1.57;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox:hover .product_name {
    color: #7CACEE;
}

.submit_demand_form .forms_detail .want_do_choose .would_do_checkbox .label_checkbox:hover .ms_cont {
    color: #7CACEE;
}

.submit_demand_form .forms_detail .choose_tabs_cont .want_do_choose {
    margin-bottom: 0;
}

.submit_demand_form .forms_detail .submit_position {
    box-shadow: none;
    height: auto;
}

.submit_demand_form .forms_detail .submit_position .submit_center .ql_sub_btn {
    position: static;
    font-size: 18px;
}

.submit_demand_form .forms_detail .submit_position .submit_center .ql_sub_btn:hover {
    background: #6EA1EB;
}

.submit_demand_form .forms_detail .submit_position .submit_center p {
    font-size: 14px;
    padding-top: 12px;
}

.submit_demand_form .forms_detail .service_reservation {
    max-width: 500px;
}

.submit_demand_form .forms_detail .service_reservation .select_service {
    max-width: 500px;
}

.submit_demand_form .forms_detail .service_reservation textarea {
    max-width: 500px;
}

.submit_demand_form .forms_detail .service_reservation .select_service select {
    background: none;
}

.submit_demand_form .forms_detail .service_reservation .select_service {
    position: relative;
}

.submit_demand_form .forms_detail .service_reservation .select_service .select_arrow {
    width: 13px;
    height: 8px;
    position: absolute;
    background: url("../../images/bootstrap/new_website_1/single_pro/tab_blue_arrow04.png") no-repeat right center transparent;
    background-size: 13px 8px;
    right: 10px;
    top: 20px;
}

.submit_demand_form .forms_detail .service_reservation .choice_box {
    margin-top: 15px;
}

.submit_demand_form .forms_detail .service_reservation .choice_box .arrive_visit {
    float: left;
}

.submit_demand_form .forms_detail .service_reservation .choice_box .arrive_visit .av_label {
    position: relative;
    margin-bottom: 0;
    font-weight: normal;
}

.submit_demand_form .forms_detail .service_reservation .choice_box .arrive_visit .av_label input[type=checkbox] {
    display: inline-block;
    margin: 0 10px 0 3px;
}

.submit_demand_form .forms_detail .service_reservation .choice_box .arrive_visit .av_label input+i {
    background: url("../../images/bootstrap/textimg/checkbox_round00.png") no-repeat center;
    background-size: 16px 16px;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
}

.submit_demand_form .forms_detail .service_reservation .choice_box .arrive_visit .av_label input:checked+i {
    background: url("../../images/bootstrap/textimg/checkbox_round02.png") no-repeat center;
    background-size: 16px 16px;
}

.submit_demand_form .forms_detail .service_reservation .choice_box .arrive_visit .av_label span {
    display: inline-block;
    font-size: 14px;
    color: #333;
}

.submit_emate_bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

.submit_emate_box {
    display: none;
    width: 405px;
    height: 405px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -202px;
    margin-left: -202px;
    z-index: 1001;
}

.submit_emate_box .close_btn {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 14px;
    top: 14px;
    background: url("../../images/bootstrap/new_website_1/public_close_btn.png") no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.submit_emate_box .seb_center_box {
    z-index: 1001;
    padding: 40px 37px;
    text-align: center;
    border-radius: 2px;
}

.submit_emate_box .seb_center_box h4 {
    color: #333;
    font-size: 24px;
    font-weight: normal;
}

.submit_emate_box .seb_center_box p.pc_tips {
    font-size: 14px;
    line-height: 1.4;
    color: #666;
    margin-top: 10px;
}

.submit_emate_box .seb_center_box p.move_tips {
    display: none;
    font-size: 12px;
    line-height: 1.4;
    color: #999;
    margin-top: 10px;
}

.submit_emate_box .seb_center_box img {
    display: block;
    width: 100%;
    max-width: 141px;
    margin: 30px auto 10px;
}

.submit_emate_box .seb_center_box span {
    font-size: 14px;
    color: #999;
    display: block;
}

.submit_emate_box .seb_center_box a {
    display: block;
    width: 100%;
    border: 1px solid #136CFB;
    border-radius: 2px;
    margin-top: 30px;
    line-height: 38px;
    color: #136CFB;
    font-size: 14px;
}

.submit_emate_box .seb_center_box .success_icon {
    display: none;
}


/*******  公用单项下拉选项  ********/
.pg_choice_dropdown {
    float: left;
    margin-left: 30px;
    padding-right: 20px;
}

#public_choice_dropdown {
    position: relative;
    cursor: pointer;
}

#public_choice_dropdown p {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}

#public_choice_dropdown .pcd_arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    width: 13px;
    height: 8px;
    background: url("../../images/bootstrap/new_website_1/single_pro/tab_blue_arrow04.png") no-repeat right center transparent;
    background-size: 13px 8px;
}

#public_choice_dropdown .up_arrow {
    background: url("../../images/bootstrap/new_website_1/single_pro/tab_blue_arrow03.png") no-repeat right center transparent;
    background-size: 13px 8px;
}

#public_choice_dropdown ul {
    display: none;
    padding: 10px 20px;
    position: absolute;
    left: 0;
    top: 30px;
    width: 120%;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
}

#public_choice_dropdown ul li {
    margin: 5px 0;
}

#public_choice_dropdown ul li a {
    display: block;
    font-size: 1.167em;
    color: #666;
}





/**********    企业品牌设计解决方案    **********/
.tcy_solution_trade {
    padding-top: 50px;
}

.tcy_solution_trade .solution_title {
    float: left;
}

.tcy_solution_trade .solution_title h3 {
    font-size: 26px;
    color: #333;
    line-height: 1.4;
    font-weight: normal;
}

.tcy_solution_trade .solution_lists {
    margin-left: 270px;
}

.tcy_solution_trade .solution_lists ul li {
    float: left;
    width: 33.33%;
    margin-bottom: 50px;
}

.tcy_solution_trade .solution_lists ul li p {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 1.4;
}

.tcy_solution_trade .solution_lists ul li span {
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    padding-right: 90px;
    min-height: 42px;
}

.tcy_solution_trade .solution_lists ul li a {
    display: block;
    color: #7CACEE;
    padding-left: 34px;
    background: url("../../images/bootstrap/new_website_1/long_arrow_blue.png") no-repeat left center;
    background-size: 20px auto;
    margin-top: 25px;
}

.tcy_business_brand {
    background: #F4F6F9;
}

.tcy_business_brand .public_design_wrap {
    padding: 40px 0 50px;
    border-bottom: 1px solid #E4E7EC;
}

.tcy_business_brand .public_design_wrap .pb_title {
    position: relative;
}

.tcy_business_brand .public_design_wrap .pb_title h3 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: normal;
}

.tcy_business_brand .public_design_wrap .pb_title h3 span {
    color: #7CACEE;
}

.tcy_business_brand .public_design_wrap .pb_title p {
    font-size: 16px;
    color: #666;
    margin-top: 6px;
}

.tcy_business_brand .public_design_wrap .pb_title .line {
    width: 36px;
    height: 5px;
    background: #7CACEE;
    margin-top: 10px;
}

.tcy_business_brand .public_design_wrap .pb_title a {
    display: block;
    position: absolute;
    right: 0;
    bottom: 12px;
    font-size: 14px;
    color: #999;
}

.tcy_business_brand .public_design_wrap .pb_cont_lists {
    margin-top: 30px;
    margin-left: -45px;
    margin-right: -45px;
}

.tcy_business_brand .public_design_wrap .pb_cont_lists ul li {
    padding: 0 10px
}

.tcy_business_brand .public_design_wrap .pb_cont_lists ul li a {
    display: block;
    padding: 10px 10px 15px 10px;
    background: #fff;
}

.tcy_business_brand .public_design_wrap .pb_cont_lists ul li a img {
    display: block;
    width: 100%;
}

.tcy_business_brand .public_design_wrap .pb_cont_lists ul li a p {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    margin-top: 15px;
}

.tcy_brandtype_solution {
    padding: 50px 0;
}

.tcy_brandtype_solution .pb_title h3 {
    font-size: 28px;
    line-height: 1.4;
    color: #333;
    font-weight: normal;
}

.tcy_brandtype_solution .pb_title .line {
    width: 36px;
    height: 5px;
    margin-top: 5px;
    background: #7CACEE;
}

.tcy_brandtype_solution .tbw_lists {
    margin-top: 20px;
}

.tcy_brandtype_solution .tbw_lists .tl_box {
    margin-left: 1.25%;
    background: #f4f6f9;
    width: 32.5%;
    float: left;
}

.tcy_brandtype_solution .tbw_lists .tl_box:first-child {
    margin-left: 0;
}

.tcy_brandtype_solution .tbw_lists .tl_box .tl_center_box {

    text-align: center;
    padding: 42px 0;
}

.tcy_brandtype_solution .tbw_lists img {
    display: block;
    width: 60px;
    margin: 0 auto;
}

.tcy_brandtype_solution .tbw_lists p {
    font-size: 20px;
    line-height: 1.4;
    color: #333;
    margin-top: 10px;
}

.tcy_brandtype_solution .tbw_lists span {
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 1.6;
}




/*   登录注册页面改版    */
.login_register_bg {
    background: #f4f6f9;
}

.login_register_wrap {
    width: 950px;
    background: #7CACEE;
    margin: 60px auto;
}

.lrw_copywriting {
    width: 380px;
    float: left;
    color: #fff;
}

.lrw_copywriting .center {
    padding: 45px 0 0 30px;
}

.lrw_copywriting .center img {
    display: block;
    width: 130px;
}

.lrw_copywriting .center h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-top: 30px;
}

.lrw_copywriting .center .line {
    width: 36px;
    height: 5px;
    background: #fff;
    margin: 15px 0 30px;
}

.lrw_copywriting .center p {
    padding-left: 25px;
    font-size: 14px;
    background: url("../../images/bootstrap/new_website_1/lrw_duigou_icon.png") no-repeat left top;
    background-size: 20px auto;
    margin-bottom: 15px;
}

.lrw_copywriting .lrw_layout {
    display: block;
    width: 100%;
    margin-top: 42px;
}

.login_register_wrap .tcy_login {
    float: left;
    width: 570px;
    margin: 0;
    background: #fff;
    padding: 40px 85px 0;
    height: 582px;
    position: relative;
}

.login_register_wrap .tcy_login .t_l_logo {
    display: none;
}

.login_register_wrap .tcy_login .t_l_ways {
    height: auto;
}

.login_register_wrap .tcy_login .t_l_ways .welcome {
    margin-top: 0;
}

.login_register_wrap .tcy_login .t_l_ways .login_way {
    margin-top: 6px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
}

.login_register_wrap .tcy_login .t_l_form .input_password {
    margin-top: 10px;
}

.login_register_wrap .tcy_login .t_l_form .btn_login .login_sub {
    height: 50px;
}

.login_register_wrap .tcy_login .t_l_form .input_account:before {
    background: url("../../images/bootstrap/new_website_1/register_icon01.png") no-repeat left center;
    background-size: 17px auto;
}

.login_register_wrap .tcy_login .t_l_form .input_password:before {
    background: url("../../images/bootstrap/new_website_1/register_icon03.png") no-repeat left center;
    background-size: 17px auto;
}

.login_register_wrap .tcy_login p.register {
    border-bottom: none;
}

.login_register_wrap .tcy_login p.register a.wechat_login {
    padding-right: 0;
    padding-left: 25px;
    background: url(../../../statics/images/bootstrap/wechat_hover2.svg) center left no-repeat;
}

.login_register_wrap .tcy_login .t_l_form .input_password .get_code {
    border: 2px solid #7CACEE;
    width: 120px;
}

.login_register_wrap .tcy_register {
    float: left;
    width: 570px;
    margin: 0;
    background: #fff;
    padding: 40px 85px 0;
    height: 582px;
}

.login_register_wrap .tcy_register .t_r_logo {
    display: none;
}

.login_register_wrap .tcy_register .t_r_welcome {
    height: auto;
}

.login_register_wrap .tcy_register .t_r_welcome .wel_reg {
    margin-top: 0;
}

.login_register_wrap .tcy_register .t_r_welcome .login_atonce {
    margin-top: 6px;
}

.login_register_wrap .tcy_register .t_r_form .reg_input {
    height: auto;
    margin-top: 20px;
}

.login_register_wrap .tcy_register .t_r_form .reg_input input#username {
    padding-left: 25px;
    background: url("../../images/bootstrap/new_website_1/register_icon01.png") no-repeat left center;
    background-size: 17px auto;
}

.login_register_wrap .tcy_register .t_r_form .reg_input #inp_reg_message {
    padding-left: 25px;
    background: url("../../images/bootstrap/new_website_1/register_icon02.png") no-repeat left center;
    background-size: 17px auto;
}

.login_register_wrap .tcy_register .t_r_form .reg_input #password {
    padding-left: 25px;
    background: url("../../images/bootstrap/new_website_1/register_icon03.png") no-repeat left center;
    background-size: 17px auto;
}

.login_register_wrap .tcy_register .t_r_form .reg_input input.send_code {
    border: 2px solid #7CACEE;
    width: 120px;
    bottom: 5px;
}

.login_register_wrap .tcy_register .t_r_form .btn_register .register_sub {
    height: 50px;
    margin-top: 0;
}


.industry_twolevel {
    display: block;
}



/*  案例列表页改版2020.0108  */
.tcy_banner_wrap .banner_order_design {
    position: relative;
}

.tcy_banner_wrap .banner_order_design .pos_right {
    position: absolute;
    top: 30px;
    right: 15px;
    z-index: 10;
}

.tcy_banner_wrap .banner_order_design .pos_right .od_btn {
    display: block;
    width: 188px;
    line-height: 50px;
    text-align: center;
    background: #7CACED;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
}

.tcy_banner_wrap .banner_order_design .pos_right .od_link {
    display: block;
    text-align: right;
    color: #7CACEE;
    line-height: 1.4;
    margin-top: 16px;
    font-size: 14px;
}

.tcy_banner_wrap .banner_title02 .banner-con .more_stit {
    font-size: 12px;
    letter-spacing: 0;
}

.tcy_banner_wrap .banner_title02 .banner-con .stit_all {}

.tcy_banner_wrap .banner_title_left {
    margin-left: 22%;
}

.designers_case_list .service_type .right,
.designers_case_list .industry_type .right {
    margin-left: 0;
}

.designers_case_list .industry_type {
    border-bottom: none;
    padding: 20px 0 10px;
}

.designers_case_list .industry_type li {
    padding: 0 30px 10px 0;
}

.filter_design {
    padding-top: 30px;
}

.filter_design .industry_screen_warp .f_d_top {
    padding: 0;
    text-align: left;
    float: left;
    margin-left: -15px;
}

.filter_design .industry_screen_warp .f_d_top h2.move_adjust {
    color: #333;
    font-size: 26px;
    line-height: 1.4;
    font-weight: normal;
}

.industry_screen_warp {
    position: relative;
    z-index: 100;
}

.industry_screen_warp .industry_search_warp {
    float: right;
    margin-left: 10px;
}

.industry_screen_warp .industry_search_warp .box button {
    top: 10px;
}

.industry_screen_warp #industry_search {
    margin-left: 0;
    height: 40px;
    width: 200px;
}

.industry_screen_warp #industry_search .show_industry_tit p {
    width: 168px;
    padding: 8px 10px;
}

.industry_screen_warp #industry_search .s_industry_list ul li a {
    color: #999;
}

.industry_screen_warp #industry_search .s_industry_list ul li a:hover {
    color: #7caced;
}

.industry_screen_warp #industry_search .arrow_icon {
    height: 36px;
}

.industry_screen_warp .search_wrap {
    float: right;
    position: relative;
}

.industry_screen_warp .search_wrap .box {
    position: relative;
}

.industry_screen_warp .search_wrap .box input {
    color: #666;
    font-size: 14px;
    padding: 8px 30px 8px 10px;
    border: 2px solid #E3EBF5;
    border-radius: 3px;
    width: 250px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.industry_screen_warp .search_wrap .box input:focus {
    outline: none;
    border: 2px solid #E3EBF5;
}

.industry_screen_warp .search_wrap .box button {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    width: 22px;
    height: 20px;
    display: block;
    right: 10px;
    top: 10px;
    outline: none;
    border: 0;
    background: url("../../images/bootstrap/designers_case_search2.png") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.industry_screen_warp .search_wrap .lol_dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 368px;
    background: #fff;
    overflow-y: auto;
    border: 1px solid #E4E7EC;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.industry_screen_warp .search_wrap .lol_dropdown p {
    font-size: 14px;
    color: #999;
    line-height: 40px;
    padding-left: 14px;
}

.industry_screen_warp .search_wrap .lol_dropdown a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    width: 100%;
    padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.industry_screen_warp .search_wrap .lol_dropdown a:hover {
    background: #f2f2f2;
    color: #7cadee;
}

.quick_search_suctionup {
    position: fixed;
    left: 0;
    top: -66px;
    width: 100%;
    z-index: 1001;
    height: 66px;
    background: #fff;
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.2);
}

.quick_search_suctionup .industry_screen_warp {
    float: left;
}

.quick_search_suctionup .industry_screen_warp .qs_service_box {
    float: left;
    position: relative;
}

.quick_search_suctionup .industry_screen_warp .qs_service_box p {
    line-height: 66px;
    font-size: 16px;
    color: #333;
    padding-right: 23px;
    margin-right: 50px;
    background: url(../../images/bootstrap/new_website_1/kuaijie_arrow01.png) no-repeat right center;
    background-size: 13px auto;
}

.quick_search_suctionup .industry_screen_warp .qs_service_box p.on {
    background: url("../../images/bootstrap/new_website_1/kuaijie_arrow02.png") no-repeat right center;
    background-size: 13px auto;
}

.quick_search_suctionup .industry_screen_warp .search_wrap {
    float: left;
}

.quick_search_suctionup .industry_screen_warp .qs_service_box .qs_service_nav {
    position: absolute;
    left: 0;
    top: 66px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
    border-radius: 3px;
}

.quick_search_suctionup .industry_screen_warp .qs_service_box .qs_service_nav a {
    line-height: 40px;
    font-size: 14px;
    color: #333;
    width: 100%;
    padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.quick_search_suctionup .industry_screen_warp .qs_service_box .qs_service_nav a:hover {
    background: #f2f2f2;
    color: #7cadee;
}

.quick_search_suctionup .industry_screen_warp .search_wrap {
    margin-top: 13px;
}

.quick_search_suctionup .right_box {
    float: right;
}

.quick_search_suctionup .right_box a {
    display: inline-block;
    margin-top: 13px;
}

.quick_search_suctionup .right_box .od_btn {
    width: 130px;
    line-height: 40px;
    text-align: center;
    background: #7CACED;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 20px;
}

.quick_search_suctionup .right_box .od_link {
    text-align: right;
    color: #7CACEE;
    font-size: 14px;
    line-height: 40px;
}

.designers_case_list .industry_height .posgd_arrow {
    display: none;
}

.industry_screen_warp .search_wrap .box button {
    background: url("../../images/bootstrap/designers_case_search4.png") no-repeat center;
    background-size: 20px auto;
}

#industry_search .s_industry_list {
    top: 37px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.t_n_header.headroom--pinned {
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.2);
}

.filter_design .industry_screen_warp .f_d_right_is {
    float: right;
}

.search_popup_overall {
    display: none;
}

.tcy_banner_wrap .industry_type_con .itc_title {
    margin-left: 22%;
}

.scheme_needs_box02 {
    height: 0;
    overflow: hidden;
}



















.industry_twolevel {
    display: block;
    padding: 0 15px;
    height: 100%;
    position: relative;
}

.industry_twolevel .select_box {
    position: relative;
    display: block;
    width: 56px;
}

.des_case_details .d_left .top .industry_twolevel a {
    color: #666;
    font-size: 14px;
}

.des_case_details .d_left .top .industry_twolevel a:hover {
    color: #7CACEE;
}

.des_case_details .d_left .top .industry_twolevel .select_box .lk_all_service {
    color: #b2b2b2;
}

.industry_twolevel a {
    color: #666;
    font-size: 14px;
}

.industry_twolevel a:hover {
    color: #7CACEE;
}

.industry_twolevel .select_box .lk_all_service {
    color: #b2b2b2;
}

.industry_twolevel .select_box .type_select_warp {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 111;
    border-radius: 2px;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
    padding: 10px 0;
}

.des_case_details .d_left .top .industry_twolevel .select_box .type_select_warp ul {
    width: 100%;
    height: auto;
    display: block;
    line-height: 1.4;
    margin-bottom: 0;
    position: relative;
}

.des_case_details .d_left .top ul li .industry_twolevel .select_box .type_select_warp ul li {
    width: 175px;
    padding: 5px 10px;
    float: none;
}

.industry_twolevel .select_box .type_select_warp ul li {
    width: 175px;
    padding: 5px 10px;
    float: none;
}

.industry_twolevel .select_box .type_select_warp ul li a.top_frist {
    line-height: 1.6;
    display: block;
    background: url(../../images/bootstrap/textimg/small_arrow.png) no-repeat right center;
}

.industry_twolevel .select_box .type_select_warp ul li .small_level {
    display: none;
    position: absolute;
    left: 175px;
    min-width: 150px;
    top: 0;
    height: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 8px 0 rgba(124, 172, 238, 0.22);
}

.industry_twolevel .select_box .type_select_warp ul li .small_level a {
    display: block;
    margin: 5px 0;
}

.tcy_banner_wrap .banner_title_left {
    margin-left: -15px;
}

.tcy_banner_wrap .industry_type_con .itc_title {
    margin-left: -15px;
}

.tcy_banner_wrap .industry_type_con .industry_type_list {
    text-align: left;
    margin-left: -15px;
}

.tcy_banner_wrap .industry_type_con .industry_type_list a {
    margin-left: 0;
    font-size: 16px;
}

.tcy_banner_wrap .banner_title02 .banner-con .more_stit {
    margin: 5px 0 10px;
}

.tcy_banner_wrap .banner-con .pink_line_02 {
    margin-top: 0;
}


.float_bars_pc a.aside3 {
    background: url(../../../statics/images/bootstrap/new_website_1/aside_icon_order3.gif) #7FADEB no-repeat center;
}

.float_bars_pc a.aside3:hover {
    background: url(../../../statics/images/bootstrap/new_website_1/aside_icon_order3.jpg) #fff no-repeat center;
}

.tcyassess_order_service .col-md-3,
.tcyassess_order_service .col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
}

.tcyassess_order_service a {
    padding: 36px 20px 36px 25px;
}

.tcyassess_order_service a .tos_info {
    margin-right: 50px;
}

.tcyassess_order_service a img {
    width: 50px;
    height: 50px;
    right: 20px;
    margin-top: -25px;
}

.tcyassess_order_service a .tos_info h3 {
    font-size: 18px;
}

.tcyassess_order_service a .tos_info p {
    font-size: 12px;
    margin-top: 6px;
}

.footer-booking_news .bottom_booking .fb_container {
    max-width: 1170px;
}





.new_designcase_width {
    width: 1553px;
    margin: 0 auto;
}

.img_ajax_height {
    height: 201px;
}

.img_ajax_height01 {
    height: 201px;
}

.des_case_details .d_right .hot_case_box ul.casesdetail_aggreation_lists li {
    display: block;
    border: none;
    margin-bottom: 5px;
}

.des_case_details .d_right .hot_case_box ul.casesdetail_aggreation_lists li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




.lp_t_lkbtn {
    margin-top: 2.1em;
    height: 50px;
}

.lp_t_lkbtn p {
    float: left;
    height: 50px;
    color: #333;
    padding-right: 15px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 50px;
}

.lp_t_lkbtn a {
    display: block;
    background: #7CACEE;
    border-radius: 3px;
    height: 50px;
    float: left;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 50px;
    width: 100%;
    text-align: center;
    max-width: 238px;
}

.lpseo_edit_input {
    margin-top: 15px;
}

.in_mascot.t_s_pro_banner_btn.lpseo_edit_input input {
    width: 130px;
    padding: 0 7px;
    border: 3px solid #7CACEE;
    border-right: 0;
    color: #7CACEE;
}

.lpseo_edit_input p {
    float: left;
    height: 50px;
    color: #333;
    padding-right: 15px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 50px;
}

.in_mascot.t_s_pro_banner_btn.lpseo_edit_input span {
    background: #7CACEE;
    letter-spacing: 0;
    padding: 0 22px;
}


.t_float_cons .phone_center_box .pcb-right {
    padding: 105px 55px;
    border-radius: 0 3px 3px 0;
}

.t_float_cons .phone_center_box .pcb-right .float-list {
    padding-left: 90px;
    background: url("../../../statics/images/bootstrap/new_website_1/t_tanceng_phone02.png") no-repeat left center;
    background-size: 80px auto;
}

.t_float_cons .phone_center_box .pcb-right .float-list .t2 {
    color: #7CACEE;
    text-align: left;
}

.t_s_pro_banner_btn {
    position: relative;
}

.t_s_pro_banner_btn .dp_see_price {
    display: block;
    float: left;
    line-height: 50px;
    margin-left: 20px;
    color: #7CACEE;
}

.in_mascot.t_s_pro_banner_btn input {
    width: 255px;
}








.tcyassess_order_service .swiper-button-next {
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABflJREFUeAHtW0tPG1cYxTg2FChERIBJeSglSkGglEcrFXWBhZC6YwdCYsOSXZesUPf9EY3EtpuKsomCKtQuIC0P2QUUrFZBhRbjIMSrFLDBPceamczgO+Nh4nkYcqXxvb7P75z7+u6db4qK3ru7zYDPbvjhcPje/v5+yOfz1VxeXlbBv391dVWGdgPSQxGSfIqLi0/T6fSB3+8/hP+muro6Pjc3l2IGu5wtBPT29n5wcnLyGEAfQfBaPMUWAVyhXALEvK6oqPhjfn7+P4v16BbLKwE9PT31Z2dnn6K1Rjx5rRv1pfFslZaWRpaWlnYQzovLi5BdXV0PLy4uPoNEobxIlbuSeDAYXFxZWfknd1bjHO9EAHq8LJlM9mJutxg3Y08q1oo/A4HAPEbEqdUWLBPQ3t7ehEb78QStNp6ncheo56e1tbW/rNTnt1Koo6PjKcqF8Vgqb6VNgzKU4XFdXV0ykUjsGuQTJt0IwNDQkB8rch+2KC50XnMNIOHDvr6+rfX1dS6YppzpKSBtbV9ha+O25lmHDkpgy3xudss0tT+z57Gvex48e4UdRFkps5leMpVJGvZc9ArCYYqW7+3tVWBN2MwlcE4CuOB5dM7nwvbAzMJoSIC01YVzteTh9Iba2to3cId6MuquAVRyUKhfr2ABxfdLWIQi6xJADQ8l3FZyhELfMDIoYREWExJA3d4t9VYo5TtGEgsxiaoREiAdbET5CzZOD1MWARJTTp3qnCQ0JBoFWQSAKer5t9KJsGkIoLoL5LzMuK2uUcKo4NMQwGsspJg+Hyi13DAwOjraMjg46AbRPgmjIrFGEaqpqfkCKRVKqk2BqampbwYGBsK43vp7YWEhblMzwmqh1QagGG3IiQoBvL09PT39Egm2j4Du7u5gc3PzJ52dnd0ukFAGDTe6ubnJC9e3FxqVlZUPwc4TmRk7/ZmZmQ2QEGhsbHziAgm+8/Pznd3d3SMNAaFQqAVHyY/sBK6ue3p6+pVbJOAu8QAEZKaeMgUw/1sh4AO1kHaH3SIBI/1f+aisEICjYycSyu0Gfb1+N0jA/cYlCHhFWRQCMAK68d+Vw4/TJKCj09gJftcQgHMzCbjHSDecwySQgAhxKiMABHyO/7ZvgUbkXifh+Ph4IxqN7huVsZhWDAKWWVajCVqsLK/FZmdnI9iNLjFP/divbd+V1ATwFbWrbmRk5OOJiYmvCT4Wi72cnJz82SaBFKyeIUAGj3d9pQQ/PDz8LJVKmX7BcUOisgkA65ZfMN6w8azsDoMvUmNVRgB2hoMsyRyIcBo8IamxKgTQLMUBvJom3ABPAdRYFQKoG2iks/nPNfC/2jznNWjUWBUCaJCEXJkjoia3DX8E4L+zccG7juBKwpqJ1yg+2HcHEWv7heji4uK3uAeowmrPnncSPEHHYUwxnUGPH43qi9XxNZQQ2wlYXV39DT2eGh8f/8HBns9gJkYZPH0NATRFOzo64rWYZmSoC+QjPDY29n0+6rFQR5oY1eWUswAjt7e3UzgT0ACiSp3pFoW3lpeXM8dgGZOyCMoRtMOTw7fNF2HLIkAyQnT0ptYhouMiA8ssAigMjRAdEsqxZvQwadYAWZp4PH5cX19/HwpDtRxXyD4NKiORSFSEQTgCmJEWmPBohFjo7kLCIsQhHAHMubOzk8SGwNsYvi4rZPcCvb+nB0CXABbAtdEhDY0QbNCrwMvx+DZhAVpfzEhGQwJYkOantMBE0NF3BkZCm0kD+Bg0zpe58uquAeqCbW1tv0CFTKjjvBymrJTZjIymVd47bSpLJml729ra+iOHlhlm3chD2SijWTthymh6BKgBSdajPDR5xnHBw5wX7vVGQuZcBEWFuTBii+QNEu2HLdUhqtdiHHWVF7lWe726LQvPLbKpqSkGbbHcLY2RGl5JSclzo31eD7gcb2kKyIVln+Znkh2e7ZcpUpve+GhKJkD2JSKe4r9tn83hUBPNx9dissx5GQFyZbJP42SMCFqcPEIcL1hM6RtyeZXPS9rC+XBSJbgS9Pqns4qg7wN3lIH/AQsBo5uzqr8EAAAAAElFTkSuQmCC) center no-repeat;
    background-size: 40px auto;
    right: -20px;
    display: none;
}

.tcyassess_order_service .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABf5JREFUeAHtW89PG0cUxtj8aEpJSogxDdCmUASC/kCgqpxAvvTGDYQEFypUjg2X8q9w6qlckFCl9tIoKAL1AEUF6hRQZbVNFWgxBtGYoBTZgPN97u5oXWbXm/Xueu1kpNWOZ+e9ed83v96O35aVvUovNwM+p+EPDg4Gjo+PQz6f79bFxcV13G9cXl5eQ7sVykUTUrzKy8ufpdPpJ36/P4H7YV1dXWxpaemcFZxKjhDQ39//2unpaRuA3oHhQVzlFgFcQi4OYh7V1NT8trKy8q9FPbpithLQ29vbeHZ29iFaa8Zlq27oS+Para6ujqyvr+8jb0uyxcienp63kslkHywK2WJVbiWxysrKnzY3N//OXdW4Rl4EoMevpVKpfsztVuNmnHmKteL3ioqKFYyIZ1ZbsExAV1dXCxoN46q02rhNcknoebC9vf3Yij6/FaHu7u4PIDeIy5K8lTYNZGhDW0NDQyoejx8Y1JM+eiEAw8PDfqzIA9iiuNB5LTWBhDcGBgZ2d3Z2uGCaSqangLK1fYqtjduaZxM6KI4t857ZLdPU/syex77uefDsFXYQbaXNZnrJVCVl2HPRK4qEKfr60dFRDdaEP3MZnJMALngenfO5sN00szAaEqBsdYO5WvLw86ZgMHiIlNCzUXcNoJMDobCeYBGVhxUsUpN1CaCHB4lCOzlSo1+wsFLBIhWTEkDfvlDurdTKPAuJhZhkaqQEKC82svpFW6aH6QoBClNuvdW5SWhINgquEACm6OeXZJJhyyKA7i6Q8zCjVFOzglHgyyKAx1h4Yvr9QGjJMzM0NNQ8NjbWmqcaM+I+BaOoGxA5ZJQzPG2R4/np6emPJiYmPsdKnZybm7vrdIMKxl/UdsQI4OktCl1901PB413Dv7a29kA1yuF7UMGaaUYQwKNrlIjfDhtRpgW/urr6/dTU1LdOt6noL1ewZn4KwDy3d8mAK+AnJye/catttqPFKgjAHLzuhhH/73m3wROjFqsggP/YOE2AF8AToxarIACrI9/+HEteAU+AWqyCAJTzvzpHkpfAKwAFVscJGB8fb+M+z62Oq30h5rykV6UESOrlX4RTpdsEj2F3sbi4GMlfo70axJEYjo7eh+osz9COppaXlx+Hw+Fb9fX19MP7EolEdGtr6x87dOehI4ljskxnaAnogkLbT4DQ82ULCws/kwSQ/I5HSDgDARl3WBAQCoVaeZycB6u6ol4jAVPyCY7Mf6XBggD0Dl3hm7oo8nzgMRL+Uv8zEAQ0Nja+CSNv54nTUFxDAvgOvl2o6RAIBP44ODiI0VhBAP5ECGAKvGeIwIaHXiABnmAEBJwQjvADGJCE34zJcTydn5+nR0ZGvopGo2sIcKiemZn5YnR09F3HG/6vgUsFa+ZX1ukP9uwhlLp2IIqh6Jufn/+svb39Y8QWJfr6+r50gYQYginEq3fWvo/V8RGGqGsEqCNhdnb2GGRk2eIUEcSo1Z01AnhgeHJyMo4KWeVagSLPp2tra7/Wxg6IRZDA9vb2zrk8I+vK2UAByNzd2NjI7P9q22IRVAsYh6fmS+0uw3aFACUIMbNHlhgBMVmA5RUCCJpBiCUGXhdT1hqggo7FYk/hGd6AY1SnlhXznQGVkUjkoQyDdASwIiMwcWMQYrGnpIJFikM6Alhzf38/hQ3hGNk2qWTxFN5H7x/pmatLAAUYW8NAI2Sb9BR4uRw+/yq8vqiRjYYEUJDhp4zARNaxV2UjA60+A3iePP2YS153DdAKdnZ2/gAXMq4t83KettJmMzaadnnpJhdDtCjB2x4qSybpP3d0dHzHoWWG2ULUoW20Uevr57LD9AjQKlKiRz/RlhU6zwUPc1661xvZlnMRlAlzYcQWeYhnjB+2pEOm12IZfZX7uVZ7Pd2WjecW2dLSEuVJcqE8Rnp4VVVV94z2eT3garmlKaAKq3eGnylxeG4dpnjjoymVAPWuEMEwO8c+m8OL2kM7vhZTbbZlBKjK1DuDkzEiWnG8dgdlPGAx5W+o8po7D2mL58NJjeEiy4AkL386Kwx9lXlJGXgO0CuMdCFK0dUAAAAASUVORK5CYII=) center no-repeat;
    background-size: 40px auto;
    left: -20px;
    display: none;
}

.tcyassess_order_service .swiper-slide {
    width: 277px;
    margin-right: 20px;
}

.tcyassess_order_service .swiper-button-next.swiper-button-disabled,
.tcyassess_order_service .swiper-button-prev.swiper-button-disabled {
    pointer-events: inherit;
}

.tcy_adjust_trp {
    padding: 30px 0 10px;
}

.tcy_adjust_trp .t_common_title .tit_con h2 {
    font-size: 26px;
    line-height: 1;
}

.tcy_adjust_trp .case_list {
    margin-top: 20px;
}

.tos_list-3 {
    float: left;
    width: 25%;
    padding-left: 20px;
    padding-right: 0;
}

.tos_list-3:first-child {
    padding-left: 0;
}




.tcygof_header_wrap .logo a {
    display: block;
    background: #fff;
    opacity: 0.1;
    height: 23px;
    position: absolute;
    top: 0;
}

.tcygof_header_wrap .logo {
    position: relative;
    margin-top: 4px;
}

.tcygof_header_wrap .logo a.go_tcy {
    right: 56px;
    width: 82px;
}

.tcygof_header_wrap .logo a.go_tcygo {
    right: 0;
    width: 56px;
}

.tcygof_header_wrap .logo img {
    width: 100%;
    max-width: 11.5em;
}

.evaluate_team_wrap .team_list ul li {
    position: relative;
    height: 108px;
}

.evaluate_team_wrap .team_list ul li .tl_order_btn {
    display: none;
    line-height: 30px;
    color: #fff;
    background: #7CACEE;
    font-size: 12px;
    border-radius: 3px;
    margin: 0 auto;
    width: 88px;
}

.evaluate_team_wrap .team_list ul li a p.ellipsis {
    margin-top: 8px;
}

.evaluate_team_wrap .team_list ul li:hover a p.ellipsis {
    display: none;
}

.evaluate_team_wrap .team_list ul li:hover .tl_order_btn {
    display: block;
}

.evaluate_team_wrap .team_list .project_adviser .pa_change_box .once_consult {
    font-size: 12px;
}

.tcy_adjust_trp .t_common_title .tit_con h2.togo_bg_icon {
    background: url("../../../statics/images/bootstrap/new_website_1/case_list/go_icon.svg") no-repeat left center;
    background-size: 47px auto;
    padding-left: 57px;
}

.tcyassess_order_service {
    background: #F3F9FF;
}

/*.tcy_recommend_pro .txg_case_list .swiper-slide .case .image a img{*/
/*max-height: none;*/
/*}*/

.tcy_adjust_trp .point_go_case .case {
    padding-bottom: 10px;
}

.tcy_adjust_trp .point_go_case .case .bottom {
    overflow: inherit;
    padding-top: 10px;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_header {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    float: left;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_header img {
    display: block;
    width: 100%;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont {
    margin-left: 65px;
    margin-top: 3px;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name {
    white-space: nowrap;
    height: 22px;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name a {
    display: block;
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    max-width: 80px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name a .line {
    width: 0;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;
    transition-property: all;
    transition-duration: 0.2s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name a:hover .line {
    width: 100%;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name span {
    display: block;
    float: left;
    position: relative;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_single {
    width: 25px;
    height: 16px;
    background: url("../../../statics/images/bootstrap/tcygo/identity_geren.png") no-repeat center;
    background-size: 25px auto;
    margin-top: 3px;
    color: #fff;
    text-align: center;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_single .y_tip {
    position: absolute;
    bottom: 24px;
    font-style: normal;
    background: #1F2D3D;
    line-height: 19px;
    width: 82px;
    font-size: 12px;
    border-radius: 2px;
    left: -30px;
    opacity: 0;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_single .y_tip .triangle_down {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #1F2D3D;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_single:hover .y_tip {
    opacity: 1;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_group {
    width: 18px;
    height: 18px;
    background: url("../../../statics/images/bootstrap/tcygo/identity_qiye.png") no-repeat center;
    background-size: 18px auto;
    margin-top: 2px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_group .y_tip {
    position: absolute;
    bottom: 24px;
    font-style: normal;
    background: #1F2D3D;
    line-height: 19px;
    width: 82px;
    font-size: 12px;
    border-radius: 2px;
    left: -32px;
    opacity: 0;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_group .y_tip .triangle_down {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #1F2D3D;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .identity_group:hover .y_tip {
    opacity: 1;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .old_year {
    background: #22C3C8;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    padding: 0 4px;
    position: relative;
    border-radius: 3px;
    margin-left: 10px;
    margin-top: 2px;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .old_year .y_tip {
    position: absolute;
    bottom: 24px;
    font-style: normal;
    background: #1F2D3D;
    line-height: 19px;
    width: 35px;
    font-size: 12px;
    border-radius: 2px;
    left: 0;
    opacity: 0;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .old_year .y_tip .triangle_down {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #1F2D3D;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .old_year:hover .y_tip {
    opacity: 1;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .entry_year {
    background: #FE9844;
    font-size: 12px;
    color: #fff;
    width: 34px;
    text-align: center;
    line-height: 19px;
    position: relative;
    border-radius: 3px;
    margin-top: 1px;
    margin-left: 10px;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .entry_year .y_tip {
    position: absolute;
    bottom: 24px;
    font-style: normal;
    background: #1F2D3D;
    line-height: 19px;
    width: 35px;
    font-size: 12px;
    border-radius: 2px;
    left: 0;
    opacity: 0;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .entry_year .y_tip .triangle_down {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #1F2D3D;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .name .entry_year:hover .y_tip {
    opacity: 1;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .cont {
    font-size: 12px;
    color: #999;
    padding: 5px 0;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcy_adjust_trp .point_go_case .case .designer-card .d_info_cont .cont .describe {
    position: relative;
    padding-left: 5px;
}


/* 绑定特创易账号 */
.bind_account_wrap {
    background: #F4F6F9;
    padding-bottom: 70px;
}

.bind_account_wrap .bind_header {
    height: 66px;
    background: #fff;
}

.bind_account_wrap .bind_header a {
    display: block;
    width: 117px;
    margin-left: 18px;
    padding-top: 16px;
}

.bind_account_wrap .bind_header a img {
    display: block;
    width: 100%;
}

.bind_account_wrap .bind_container {
    padding-top: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

.bind_account_wrap .bind_container .bc_tit_box {
    position: relative;
    text-align: center;
    margin-bottom: 25px;
}

.bind_account_wrap .bind_container .bc_tit_box h1 {
    font-size: 32px;
    line-height: 1.4;
    margin: 0;
}

.bind_account_wrap .bind_container .bc_tit_box a {
    display: block;
    position: absolute;
    font-size: 14px;
    color: #666;
    left: 0;
    top: 12px;
    padding-left: 18px;
    background: url("../../images/bootstrap//new_website_1/chang_login_arrow.png") no-repeat left center;
    background-size: 8px auto;
}

.bind_account_wrap .bind_container .bc_content_box {
    background: #fff;
    padding: 30px 75px 70px;
}

.bind_account_wrap .bind_container .bc_content_box .flowpath_box {
    width: 207px;
    margin: 0 auto 60px;
}

.bind_account_wrap .bind_container .bc_content_box .flowpath_box img {
    display: block;
    width: 100%;
}

.bind_account_wrap .bind_container .bc_content_box .install_half {
    display: flex;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_f_box {
    width: 50%;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_f_box .ys_img {
    display: block;
    width: 100%;
    max-width: 474px;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_right {
    text-align: center;
    border-left: 1px solid #eee;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_right h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_right p {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 6px;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_right img {
    display: block;
    border: 1px solid #eee;
    padding: 10px;
    width: 160px;
    border-radius: 3px;
    margin: 40px auto;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_right span {
    display: block;
    font-size: 14px;
    color: #999;
}

.bind_account_wrap .baw_center {
    background: #fff;
    padding: 30px 0 60px;
}

.bind_account_wrap .baw_center .tcy_register {
    margin: 0 auto;
}

.bind_account_wrap .baw_center .tcy_register .flowpath_box {
    width: 207px;
    margin: 0 auto 40px;
}

.bind_account_wrap .baw_center .tcy_register .flowpath_box img {
    display: block;
    width: 100%;
}


.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_iphone_input {
    height: 45px;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_iphone_input input {
    height: 45px;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_iphone_input::before {
    display: block;
    content: "";
    background: url(../../images/bootstrap/new_website_1/register_icon01.png) no-repeat left center;
    background-size: 17px auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 45px;
    z-index: 2;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_input .inp_reg_number {
    padding-left: 30px;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_aliyun_input {
    height: 50px;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_input input.send_code {
    border: 2px solid #7CACEE;
    width: 120px;
    height: 38px;
    bottom: 5px;
    padding-left: 0;
    padding-right: 0;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_password_input {
    height: 45px;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_password_input::before {
    display: block;
    content: "";
    background: url("../../images/bootstrap/new_website_1/register_icon03.png") no-repeat left center;
    background-size: 17px auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 45px;
    z-index: 2;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .reg_password_input input {
    height: 45px;
    padding-left: 30px;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form .btn_register .register_sub {
    margin-top: 0;
}

.bind_account_wrap .baw_center .tcy_register .t_r_form p.tips {
    color: #999;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
}


/* 商标查询详情页和注册页 */

.trademake_detail {
    padding-top: 60px;
    background: #f5f5f5;
}

.trademake_detail .dest_crumbs {
    font-size: 0;
    margin-top: 20px;
}

.trademake_detail .dest_crumbs i {
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 30px;
    padding: 0 5px;
}

.trademake_detail .dest_crumbs a {
    display: inline-block;
    font-size: 12px;
    color: #999;
}

.trademake_detail .detail_trad_wrap {
    background: #fff;
    margin-top: 20px;
    padding: 25px 30px;
    margin-bottom: 30px;
}

.trademake_detail .detail_trad_wrap h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
}

.trademake_detail .detail_trad_wrap .td_tabll_box {
    border: 1px solid #ddd;
    margin-top: 20px;
    width: 100%;
}

.trademake_detail .detail_trad_wrap .td_tabll_box .sb_title {
    line-height: 50px;
    padding: 0 25px;
    color: #333;

}

.trademake_detail .detail_trad_wrap .td_tabll_box tr td {
    border: 1px solid #ddd;
    color: #666;
    padding: 10px 20px;
}

.trademake_detail .detail_trad_wrap .td_tabll_box tr td.td_bg {
    background: #F6F7FB;
    width: 15%;
}

.trademake_detail .detail_trad_wrap .td_tabll_box tr td img {
    display: block;
    max-width: 100%;
}

.trademark_register {
    padding-bottom: 50px;
    padding-top: 60px;
    background: #f5f5f5;
}

.trademark_register .register_trade_box {
    max-width: 950px;
    min-height: 560px;
    background: #fff;
    margin: 40px auto;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.trademark_register .register_trade_box .register_demand {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: #7CACEE;
}

.trademark_register .register_trade_box .register_demand .center_box {
    padding: 40px 25px;
    color: #fff;
}

.trademark_register .register_trade_box .register_demand .center_box h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.36;
}

.trademark_register .register_trade_box .register_demand .center_box p {
    margin-top: 15px;
    padding-left: 25px;
    background: url("../../images/trademark/register_icon.png") no-repeat left 3px;
    background-size: 20px auto;
    line-height: 1.785;
}

.trademark_register .register_trade_box .register_form {
    margin-left: 40%;
}

.trademark_register .register_trade_box .register_form .center_box {
    padding: 40px 40px 0;
}

.trademark_register .register_trade_box .register_form .center_box .rf_cont {
    margin-bottom: 15px;
}

.trademark_register .register_trade_box .register_form .center_box .rf_cont textarea {
    border: none;
    width: 100%;
    resize: none;
    padding: 10px;
    border: 1px solid #eeeeef;
    border-radius: 3px;
}

.trademark_register .register_trade_box .register_form .center_box .rf_cont textarea:focus {
    border: 1px solid #7CACEE;
    outline: none;
}

.trademark_register .register_trade_box .register_form .center_box .rf_input {

    margin-bottom: 15px;
}

.trademark_register .register_trade_box .register_form .center_box .rf_input input {
    width: 100%;
    line-height: 43px;
    color: #333;
    text-indent: 1em;
    border: 1px solid #eeeeef;
    border-radius: 3px;
}

.trademark_register .register_trade_box .register_form .center_box .rf_input input[type="text"]:focus {
    border: 1px solid #7CACEE;
    outline: none;
}

.trademark_register .register_trade_box .register_form .center_box .rf_input input::placeholder {
    color: #B3B3B3;
}

.trademark_register .register_trade_box .register_form .center_box button {
    width: 100%;
    line-height: 45px;
    border: none;
    background: #7CACEE;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.trademark_register .register_trade_box .register_form .center_box p {
    color: #999;
    font-size: 12px;
    line-height: 1.4;
}

.trademark_register .register_flow_path {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

.trademark_register .register_flow_path .flowpath_box {
    float: left;
    width: 20%;
    position: relative;
}

.trademark_register .register_flow_path .flowpath_box img {
    display: block;
    width: 50px;
    margin: 0 auto;
}

.trademark_register .register_flow_path .flowpath_box p {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-top: 10px;
}

.trademark_register .register_flow_path .flowpath_box span {
    display: block;
    width: 7px;
    height: 10px;
    background: url("../../images/trademark/register_arrow_icon.png") no-repeat center;
    background-size: 7px auto;
    position: absolute;
    right: -3px;
    top: 25px;
}


.t_n_header li a.qywx_activity_btn {
    position: absolute !important;
    width: 46px;
    right: -10px;
    left: auto !important;
    top: 3px;
    padding: 0 !important;
    margin: 0;
}

.t_n_header li a.qywx_activity_btn img {
    display: block;
    width: 100%;
}

/* 优化行业分组和项目分类 */
.project_case_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 146px;
    border-bottom: 1px solid #E7E7E9;
    position: relative;
}

.bs_container {
    padding: 0;
}

.bs_container::before,
.bs_container::after,
.p_l_container .row::after,
.p_l_container .row::before {
    display: none;
}

.project_case_nav .industry_screen_warp .search_wrap .box {
    width: 380px;
    display: inline-block;
    height: auto;
}

.project_case_nav .industry_screen_warp .search_wrap .box .search_box {
    display: inline-block;
    height: auto;
    float: right;
    width: 100%;
    position: relative;
    transition: width 1s;
}

.project_case_nav .industry_screen_warp .search_wrap .box button {
    left: 10px;
    background: url(../../images/bootstrap/designers_case_search3.png) no-repeat center /20px;
    transition: all 0.5s;
    position: relative;
    float: right;
}

.project_case_nav .industry_screen_warp .search_wrap .box input {
    height: 40px;
    border-radius: 6px;
    border: 1px solid #E7E7E9;
    padding: 8px 10px 8px 43px;
    width: 110px;
    float: right;
}

.bs_project_tag a {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #767e90;
    height: 100%;
    display: inline-block;
    line-height: 53px;
    border-bottom: 2px solid #fff;
    margin-right: 50px;
}

.bs_project_tag a:last-child {
    margin-right: 0;
}

.bs_project_tag a.active {
    border-bottom: 2px solid #136CFB;
    color: #136CFB;
}

.project_case_nav .hot_city_loction {
    position: relative;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.project_case_nav .bs_header_fixed_right {
    width: auto;
    display: flex;
    justify-content: flex-end;
}

.project_case_nav .bs_header_fixed_right .p_l_container .row {
    width: 98px;
    height: auto;
    border-radius: 6px;
    border: none;
    margin: 0;
}

.hot_city_loction .city_button {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hot_city_loction .city_button .territory {
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
}

.project_case_nav .hot_city_loction .city_button p a {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #6E6D7A;
    line-height: 20px;
}

.project_case_nav .hot_city_loction .city_button p .city_change_icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    display: inline-block;
    background: url(../../images/bootstrap/bg_city_icon.png) no-repeat bottom center /100%;
    vertical-align: text-bottom;
}

.customer_industry {
    padding: 60px 0 32px;
    display: flex;
    flex-wrap: wrap;
}

.customer_industry .customer_industry_item {
    width: calc(33.3% - 13.3px);
    height: auto;
    margin-right: 20px;
    padding-bottom: 48px;
}

.customer_industry_item .c_i_swiper_container {
    /* background: #D8D8D8; */
    border-radius: 4px;
    overflow: hidden;
    /* border: 1px solid #E7E7E9; */
}

.customer_industry .customer_industry_item:nth-child(3n) {
    margin-right: 0;
}

.customer_industry_item .corner_marker_title,
.bg_sector_industry_title .corner_marker_title {
    font-size: 26px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0D0C22;
    line-height: 37px;
    display: flex;
    margin-bottom: 18px;
}

.customer_industry_item .corner_marker_title span,
.bg_sector_industry_title .corner_marker_title span {
    display: inline-block;
    font-size: 13px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #0D0C22;
    line-height: 25px;
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
}

.customer_industry_swiper {
    display: inline-block;
    width: 100%;
}

.customer_industry_swiper img {
    width: 100%;
    /* min-height: 273px; */
    height: auto;
}

/* 行业详情 */
.bs_project_case_sector_industry {
    padding-top: 60px;
}

.bs_project_case_sector_industry .f_d_con .row>div {
    padding: 0;
    padding-right: 15px;
}

.bs_project_case_sector_industry .f_d_con .row>div:nth-child(4n) {
    padding-right: 0;
}

.bg_sector_industry_title .corner_marker_title {
    font-size: 26px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0D0C22;
    line-height: 37px;
    margin-bottom: 15px;
}

.bg_sector_industry_title .industry_sort_tag {
    margin-bottom: 25px;
}


.bg_sector_industry_title .industry_sort_tag span {
    display: inline-block;
    margin-right: 4px;
    line-height: 30px;
    height: 30px;
    background: none;
    padding: 0 13px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0D0C22;
}

.bg_sector_industry_title .industry_sort_tag span.active {
    background: #136CFB;
    border-radius: 2px;
    color: #fff;
}

/* .bg_sector_industry_container .case_sector_item_col {
	margin-right: 15px;
  }
  .bg_sector_industry_container .case_sector_item_col:nth-child(4n) {
	margin-right: 0;
  } */
.bs_project_case_sector_industry .case_type_item_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.case_type_item_header .corner_marker_title {
    margin-bottom: 0;
}

.case_type_item_header .item_right_more_btn a {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #136CFB;
    line-height: 25px;
    padding-right: 25px;
    background: url(../../images/bootstrap/right_btn.png) no-repeat bottom right /20px;
}

.b_p_c_t_container .f_d_con .row>div,
.case_type_swiper {
    padding: 0;
}

.b_p_c_t_container {
    background: #EEF7FF;
}

.b_p_c_t_container .f_d_con .row>div:nth-child(4n) {
    /* margin-right: 0 !important; */
}

.case_type_swiper .swiper-button-prev {
    top: 41%;
}

.case_type_swiper .swiper-button-next {
    top: 41%;
}

.case_type_swiper .swiper-button-disabled {
    display: none;
}

.bs_project_case_list {
    padding: 90px 0 80px;
}

.bs_project_case_list .project_case .container-fluid {
    padding-bottom: 50px;
}

.display_none {
    display: none !important;
}

.case_h_title span {
    display: inline-block;
    font-size: 22px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0D0C22;
    line-height: 30px;
    margin-right: 31px;
}

.case_h_title a {
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #0D0C22;
    line-height: 20px;
}

.case_item_eval_container {
    position: relative;
    cursor: pointer;
}

.case_item_eval_container .evaluate_detail {
    position: absolute;
    bottom: -12px;
    left: -1em;
    z-index: 2;
    width: calc(100% + 2em);
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 10px 1em 1em;
    max-height: 302px;
    overflow: auto;
    display: none;
    transition: all 0.3s;
}

.case_item_eval_container .evaluate_detail::-webkit-scrollbar {
    width: 6px;
}

.evaluate_detail::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

.evaluate_detail::-webkit-scrollbar-thumb {
    background: #C2D2E0;
    border-radius: 10px;
}

.evaluate_detail::-webkit-scrollbar-thumb:active {
    background: rgb(100, 100, 100);
    border-radius: 10px;
}

.case_item_eval_container .evaluate_detail .evaluate_connect_text {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    text-shadow: 0px -10px 10px rgba(0, 0, 0, 0.05);
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ellipsisBox {
    width: 25px;
    height: 19px;
    background: #D6D6D6;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 0 !important;
    color: #fff;
    line-height: 19px;
    text-align: center;
}

.filter_design .f_d_con_case_index {
    padding-left: 15px;
    min-height: auto;
    margin-bottom: 65px;
}

.case_type_item_col {
    position: relative;
}

.case_type_item_col .f_d_c_c {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.case_item_footer_action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.case_item_footer_action .case_footer_btn {
    width: 38px;
    height: 38px;
    background: url(../../images/bootstrap/get_more_btn.png) no-repeat center / 38px;
    margin-bottom: 10px;
}

.case_item_footer_action span {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0D0C22;
    line-height: 20px;
}

.customer_industry_item .corner_marker_title h2 {
    font-size: 26px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0D0C22;
    line-height: 37px;
    border-bottom: 2px solid #EEF7FF;
}

.customer_industry_item:hover .corner_marker_title h2 {
    border-bottom: 2px solid #0D0C22;
}

.bs_case_more_btn .bs_case_more_btn_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../../images/bootstrap/more_case_btn_icon.png) no-repeat center / 100%;
}

.bs_project_case_sector_index {
    background: #EEF7FF;
}

.bg_sector_industry_title .corner_marker_title .bs_go_back_btn {
    width: 33px;
    height: 31px;
    display: inline-block;
    background: url(../../images/bootstrap/go_back_icon.png) no-repeat bottom left / 24px;
}

.bg_sector_industry_title .corner_marker_title h1 {
    font-size: 30px;
}


/* 项目案例面包屑 */
.bs_case_crumbs {
    position: absolute;
    top: -65px;
    left: 0px;
}

.bs_header_fixed_right {
    position: absolute;
    top: -65px;
    right: 0px;
}

.bs_case_crumbs .current_link,
.bs_case_crumbs .current_tag {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}

.bs_case_crumbs i {
    display: inline-block;
    margin: 0 10px;
}

.bs_case_crumbs .current_tag {
    color: #6E6D7A;
}

.bg_sector_industry_title .industry_sort_tag_level1 {
    border-bottom: 1px solid #C8E2FA;
}

.bg_sector_industry_title .industry_sort_tag_level1 {
    margin-bottom: 15px;
}

.bg_sector_industry_title .industry_sort_tag_level1 span {
    border-bottom: 2px solid #F3F9FF;
    padding: 0;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 20px;
    display: inline-block;
    margin-right: 30px;
}

.bg_sector_industry_title .industry_sort_tag_level1 span.active {
    background: none;
    color: #136CFB;
    border-bottom: 2px solid #136CFB
}

/* 展开更多按钮 */
.btn_black_border .more_btn_gif {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: url(../../images/bootstrap/more_btn_icon.gif) no-repeat center / 20px;
}

/* 优化项目案例header */
.bs_header_left {
    min-width: 364px;
}

.bs_header_left h1 {
    font-size: 22px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0D0C22;
    line-height: 30px;
}

.bs_header_fixed_right .hot_city_loction .city_options_box {
    z-index: 100;
}

.bs_header_fixed_right .hot_city_loction .city_button .territory {
    line-height: normal;
}

.bs_header_fixed_right .hot_city_loction .city_options_box {
    top: 20px;
}

.project_case_nav .bs_header_right .search_wrap .box button {
    background-size: 24px;
    top: 0;
    left: 30px;
}

.project_case_nav .bs_header_right .search_wrap .box input {
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    transition: width 1s;
}

.project_case_nav .bs_header_right .search_wrap .box input:focus {
    border-bottom: 2px solid #0D0C22;
    width: 100%;
}

.project_case_nav .bs_header_right .search_wrap .box input {
    height: 51px;
}

.bs_header_right .search_wrap .lol_dropdown {
    top: 51px;
}

.filter_design .f_d_con .f_d_c_c .eval_info .top_arrow_dialog {
    bottom: 0;
    left: 23px;
}

.filter_design .f_d_con .f_d_c_c .evaluate_detail p span {
    white-space: inherit;
}

.evaluate_detail .dirce_line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #E3EBF5;
    margin-bottom: 16px;
    position: relative;
}

.evaluate_detail p {
    margin-bottom: 15px;
}

.filter_design .case_item_eval_container .evaluate_detail h4 {
    margin-top: 0;
}

.bs_f_d_item_box {
    position: relative;
}

.hover_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    border-radius: 4px;
    opacity: 0.5;
}

.search_container_flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: right;
    transition: width 1s;
}


/* 案例详情页弹窗样式 */

/* body禁止滾動 */
.body_not_scroll {
    /* position: fixed !important; */
    overflow: hidden !important;
    width: 100% !important;
}

.case_detail_dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    overflow: auto;
    background: rgba(0, 0, 0, .7);
}

.case_detail_dialog .close_case_detail_dialog {
    position: absolute;
    top: 0;
    right: -38px;
    width: 18px;
    height: 18px;
    background: url(../../images/bootstrap/case_deatail_close_icon.png) no-repeat center /100%;
    cursor: pointer;
}

.case_detail_dialog .case_detail_box {
    width: 1000px;
    height: auto;
    border-radius: 10px;
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0);
    padding-bottom: 150px;
}

.c_d_container {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 40px 40px 30px;
}

.case_detail_dialog .detail_header h2 {
    max-width: calc(100% - 300px);
    white-space: wrap;
}

.case_detail_dialog .detail_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.case_detail_dialog .detail_header .case_action_btn a {
    display: inline-block;
    width: 130px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}

.case_detail_dialog .detail_header h2 a,
.case_detail_dialog .detail_header h2 a:hover {
    font-size: 30px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #0D0C22;
    line-height: 42px;
}

.more_similar_case {
    border: 1px solid #666666;
    color: #333333;
    margin-right: 10px;
}

.more_similar_case:hover {
    border: 1px solid #136CFB;
    color: #136CFB;
}

.right_get_need {
    background: #136CFB;
    color: #FFFFFF;
}

.right_get_need:hover {
    background: #2D77FC;
    color: #FFFFFF;
}

.case_swiper_container {
    overflow: hidden;
    margin-top: 19px;
}

.thumbsSliderBox {
    margin-top: 20px;
    min-height: 50px;
}

.case_swiper_container .thumbsSliderBox .swiper-slide {
    margin-right: 15px;
    width: 10%;
    cursor: pointer;
}

.case_swiper_container .thumbsSliderBox .swiper-wrapper {
    cursor: pointer;
}

.case_swiper_container .thumbsSliderBox .swiper-slide-active {
    border: 2px solid #136CFB;
}

.case_swiper_container .thumbsSliderBox .swiper-slide img {
    height: auto;
    width: 100%;
}

.case_detail_swiper_box {
    position: relative;
}

.case_detail_swiper_box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.case_detail_swiper_box .swiper-slide img {
    width: auto;
    height: auto;
    max-height: 518px;
    max-width: 100%;
}

.case_swiper_container .swiper-button-prev {
    width: 30px;
    height: 90px;
    background: url(../../images/bootstrap/case_swiper_left.png) no-repeat center /100%;
    left: 0;
    margin-top: -45px;
}

.case_swiper_container .swiper-button-next {
    width: 30px;
    height: 90px;
    right: 0;
    margin-top: -45px;
    background: url(../../images/bootstrap/case_swiper_right.png) no-repeat center /100%;
}

.dirve_line {
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
    margin: 20px 15px 23px;
}

.dirve_line_item {
    margin: 20px 0 23px;
}

.case_details_page_assess .assess_con {
    border: none;
}

.case_details_page_assess {
    margin-top: 0;
}

.case_details_page_assess .assess_con .brief_box {
    border: none;
}

.case_details_page_assess .assess_con .brief_box p {
    margin: 0;
    margin-right: 15px;
}

.case_detail_context .col-lg-12 {
    float: none;
}

.case_detail_context .ca_info .star span b {
    width: 17px;
    height: 15px;
    display: inline-block;
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_yellow.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-right: 10px;
}

.case_detail_context .ca_info .star span .gray {
    background: url("../../images/bootstrap/new_website_1/tcy_new_star_gray.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}

.case_detail_context .evaluate_team_wrap {
    padding-bottom: 0;
}

.case_detail_context .evaluate_team_wrap .evaluate_cont {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
}

.case_detail_context .desc {
    letter-spacing: 3px;
    color: #666666;
    font-size: 14px;
    margin-bottom: 50px;
}

.case_details_page_assess .assess_con .brief_box p i.i_1 {
    background: url(../../images/bootstrap/);
}

.case_details_page_assess .assess_con .brief_box p {
    display: inline-flex;
    align-items: center;
}

.case_details_page_assess .assess_con .brief_box p.hot_tabs .ht_list {
    top: 0;
}

.case_number_info_box {
    display: flex;
    padding: 0 15px;
}

.case_number_info_box .case_number_info_text {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222222;
    line-height: 22px;
}

.case_detail_context .team_list .project_adviser {
    width: auto;
    min-width: 104px;
    margin-right: 15px;
}

.case_detail_context .team_list ul {
    margin: 0;
}

.case_detail_context .team_list ul li .tl_order_btn {
    background: #136CFB;
    border-radius: 2px;
}

.case_detail_context .team_list .project_adviser .pa_change_box .once_consult {
    background: #136CFB;
    border-radius: 2px;
}

.case_detail_context .team_list .project_adviser .pa_change_box .name {
    color: #136CFB;
}

.case_number_info_text {
    display: inline-block;
    margin-right: 30px;
}

.template_design_warp {
    display: flex;
    justify-content: center;
}

.want_doing_logo .template_design_warp .design_do_box {
    align-items: stretch;
    height: inherit;
}

.bg_sector_industry_title .level_2 span {
    color: #666;
}

.bg_sector_industry_title .level_2 a:hover span {
    color: #136cfb;
}

/* 淡入淡出 */

.case_item_eval_container .fadeInClass {
    animation: animIns 0.2s;
}

@keyframes animIns {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.case_item_eval_container .fadeOutClass {
    /* animation: animOut 0.5s; */
}

@keyframes animOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 寬度從右向左 */
@keyframes move {
    from {
        width: 110px;
    }

    to {
        width: 100%;
    }
}


@media screen and (max-width: 1560px) {
    .new_designcase_width {
        width: 1400px;
    }

    .img_ajax_height {
        height: 176px;
    }

    .img_ajax_height01 {
        height: 176px;
    }
}
/* ==================导航新增栏目修改================== */
.t_n_header li.classic .designer {
    width: 205px;
}
.t_n_header li.classic .details .details_list a.red_color{
    color: #999;
}