@charset "utf-8";

/* ----------------------banner--------------------- */
.case_banner{ height: 240px; min-width: 1200px; overflow: hidden;}
.case_banner_con{ padding-top: 66px; height: auto;}
.case_banner_con img{ float: left; width: 104px; height: 112px;}
.case_banner_content{ margin-left: 40px; width: 800px; height: auto;}
.case_banner_content .title{ padding-top: 18px; margin-bottom: 8px;height: 32px; font-size: 24px; font-weight: 600;color: #FFFFFF; line-height: 32px;}
.case_banner_content p{ height: 32px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.8); line-height: 16px;}

/* ----------------------列表--------------------- */
.case_list{ height: auto; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 0px 0px 2px 2px; border: 1px solid #EBEBEB;}
.case_list .case_title{ height: 48px; line-height: 48px; text-align: center;  border-bottom: 1px solid #EBEBEB;}
.case_list_tab{ height: auto;}
.case_list .case_title ul li{ width: 150px; height: 48px; border-right: 1px solid #EDEDED; float: left; cursor: pointer; color: #8C8C8C; font-weight: 600;}
.case_list .case_title ul li.cur{ box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.1); line-height: 44px; border-top: 2px solid #E1251B; color: #E1251B;}
.case_list_tab_con{ padding: 20px; display: none;}
.case_list_tab_con table td{ width: 192px; height: 88px; padding: 14px 16px; margin-right: 1px; margin-bottom: 1px; float: left;}
.case_list_tab_con table td a{ display: block; color: #333;}
.case_list_tab_con table td img{ float: left; margin-right: 16px;width: 56px;height: 60px;}
.case_list_tab_con table td .title{ float: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; line-height: 24px; height: 24px; margin-bottom: 9px; width: 85px;}
.case_list_tab_con table td i{ font-size: 26px; color: #fff;}
.case_list .selected{ display: block;}
.case_list_tab_con table tr td:nth-child(1){ background:rgba(223, 236, 226, 1);}
.case_list_tab_con table tr td:nth-child(2){ background:rgba(223, 236, 226, 1);}
.case_list_tab_con table tr td:nth-child(2){ background:rgba(242, 233, 230, 1);}
.case_list_tab_con table tr td:nth-child(3){ background:rgba(230, 239, 242, 1);}
.case_list_tab_con table tr td:nth-child(4){ background:rgba(242, 230, 237, 1);}
.case_list_tab_con table tr td:nth-child(5){ background:rgba(242, 240, 230, 1);}
.case_list_tab_con table tr td:nth-child(6){ background:rgba(231, 230, 242, 1);}
.case_list_tab_con table tr:nth-child(2n) td:nth-child(1){ background:rgba(230, 239, 242, 1);}
.case_list_tab_con table tr:nth-child(2n) td:nth-child(2){ background:rgba(242, 230, 237, 1);}
.case_list_tab_con table tr:nth-child(2n) td:nth-child(3){ background:rgba(242, 240, 230, 1);}
.case_list_tab_con table tr:nth-child(2n) td:nth-child(4){ background:rgba(242, 233, 230, 1);}
.case_list_tab_con table tr:nth-child(2n) td:nth-child(5){ background:rgba(223, 236, 226, 1);}
.case_list_tab_con table tr:nth-child(2n) td:nth-child(6){ background:rgba(230, 239, 242, 1);}

/* ----------------------详情--------------------- */
.case_show{ height: auto;}
.case_show .case_item{ padding: 30px 40px 36px 40px; margin-bottom: 10px; height: auto; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px;}
.case_show .case_item .title{ height: 24px; font-size: 18px; font-weight: 600; color: #333333;line-height: 24px;}
.case_show .case_item .title i{ font-size: 24px; color: #E1251B; margin-right: 8px; float: left;}
.case_show .case_item .content{ margin-top: 12px; height: auto; min-height: 32px; font-size: 12px; color: #8C8C8C; line-height: 16px;}
.case_show .case_item .attribute{ height: 40px; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; margin-top: 16px; line-height: 40px;}
.case_show .case_item .attribute li{ width: 33%; float: left; height: 40px; font-size: 12px; color: #8C8C8C; }
.case_show .case_item .attribute li span{ color: #333333;}
.case_show .case_item .shop{ height: 120px; margin-top: 20px; overflow: hidden;}
.case_show .case_item .shop .shop_img{ width: 120px; height: 120px; margin-right: 20px;}
.case_show .case_item .shop .shop_title{ width: 300px; margin-right: 28px; height: 120px;}
.case_show .case_item .shop .shop_title .infeed_a{ height: 48px; color: #4D4D4D; margin-bottom: 22px; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.case_show .case_item .shop .shop_title .label{width: 60px; display: inline-block; margin-right: 4px; line-height: 20px; color: #666666; font-size: 12px; text-align: center; height: 20px; background: #F5F5F5;border-radius: 2px;}
.case_show .case_item .shop .shop_list_label{ height: 20px; margin-top: 10px;}
.case_show .case_item .shop .shop_list_label img{ height: 20px; width: auto; float: left; margin-right: 4px;}
.case_show .case_item .shop .shop_list_label span{ width: auto; height: 20px; border-radius: 2px; display: inline-block; float: left; line-height: 18px; font-weight: 500; color: #E1251B; font-size: 12px; border-top: 1px solid #E1251B; border-bottom: 1px solid #E1251B;}
.case_show .case_item .shop .shop_list_label i{ width: 3px; height: 20px;}
.case_show .case_item .shop .shop_list_label_l{ background: url(../images/lable_left.jpg) center no-repeat; background-position: 0px -1px; margin-right: 4px;}
.case_show .case_item .shop .shop_list_label_r{ background: url(../images/lable_right.jpg) center no-repeat;  background-position: 0px -1px; margin-left: 4px;}
.case_show .case_item .shop .shop_attribute{ width: 251px; margin-right: 20px; font-family: "Roboto";}
.case_show .case_item .shop .shop_attribute .title{ width: 100%; float: left; color: #E1251B; font-weight: bold; line-height: 24px; margin-bottom: 8px; display: block;}
.case_show .case_item .shop .shop_attribute .title span{ font-size: 18px;}
.case_show .case_item .shop .shop_attribute p{ text-decoration: line-through;font-size: 12px; color: #8C8C8C; line-height: 16px; padding-left: 3px;}
.case_show .case_item .shop .shop_type{ width: 148px; float: left;}
.case_show .case_item .shop .shop_type p{ font-size: 12px; color: #8C8C8C; line-height: 24px;}
.case_show .case_item .shop .shop_infeed{ width: 64px; height: 28px; background: #FFFFFF;}
.case_show .case_item .shop .shop_infeed a{ width: 100%; display: block; border-radius: 2px; height: 28px;color: #666666; font-size: 12px; border: 1px solid #EBEBEB; margin-bottom: 8px; text-align: center; line-height: 26px;}
.case_show .case_item .shop .shop_infeed a i{ margin-right: 4px; position: relative; top: 1px;}
.case_show .case_item .shop .shop_infeed a.shop_infeed_a{ color: #E1251B;}
.case_show .case_item .shop .shop_title .infeed_a:hover{ color: #E1251B;}
.case_show .case_item .shop .shop_infeed a:hover{ border-color: #E1251B; color: #E1251B;}
.case_show .case_item .shop .shop_infeed a.shop_infeed_a:hover{ background: #FFF4EF; border-color: #FFF4EF;}

/*分页*/
.pagination{width:100%;margin-top: 40px;height: 32px; margin-top: 16px; text-align: center; line-height: 31px;}
.page-item{display: inline-block;width: auto;padding: 0px 12px;box-sizing: border-box;height: 32px;margin: 0px 6px;background: #FFFFFF;border-radius: 4px;border: 1px solid #CCCCCC;font-family: "iconfont" !important;
    font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;}
.active{color: #fff;border-color: #E1251B;background: #E1251B;}