ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
label{
	margin: 0;
}
/* 项目/品牌列表样式 */
.product section{
	padding: 22.66vw 0 44px;
}
.product section .project_list_scroll{
	width: 100%;
	height:auto;
	padding: 0;
}

.product section .project_list_scroll ul li{
	width: 100%;
    height: 124px;
    background: #fff;
    padding-bottom: 8px;
    position: relative;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-left: 16px;
}
/*.yellowbg::after{
	content: "";
    width: 10px;
    height: 10px;
    border-top: 40px solid #feb92c;
    border-left: 40px solid transparent;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}*/
.redbg::after{
	content: "";
    width: 0;
    height: 0;
    border-top: 40px solid #fc6a4f;
    border-left: 40px solid transparent;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.product section .project_list_scroll ul li a{
	color: #555;
}
.product section .project_list_scroll ul li a .project_row_top{
    padding-right: 4px;
    position: relative;
    z-index: 2;
    color: #fff;
    height: 14px;
}









.img-place {
    /*width:100px;*/
    height: 100px;
    margin: 0 auto;
    border-bottom: 10px solid #f4f4f4;
    overflow: hidden;
    position: relative;
}

.img-place #img {
    float: right;
    height: 90px;
    line-height: normal !important;
    width: 100%;
    border: none;
    text-align: right;
    background-color: #fff;
    position: absolute;
    font-size: 70px;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 10;
}

.img-place #show-img {
    float: right;
    height: 90px;
    width: 90px;
    background-color: #fff;
    position: absolute;
    font-size: 0px;
    left: 50%;
    top: 0px;
    margin-left: -45px;
    opacity: 1;
    overflow: hidden;
    z-index: 9;

}

.img-place #show-img img {
    width: 92px;
    height: 92px;
    margin-left: -1px;
    margin-top: -1px;
    border: none !important;
}

.img-place .fakeElem::before {
    content: "";
    width: 80px;
    height: 2px;
    background: #C8C8CD;
    position: absolute;
    top: 45px;
    left: 4px;
    z-index: 1;
}

.img-place .fakeElem::after {
    content: "";
    width: 2px;
    height: 80px;
    background: #C8C8CD;
    position: absolute;
    top: 4px;
    left: 45px;
    z-index: 1;
}








.product section .project_list_scroll ul li a .project_row_content{
    min-height: 95px;
	overflow: hidden;
    margin-top: -4px;
    position: relative;
}
.product section .project_list_scroll ul li .time{
    font-size: 11px;
    margin-top: -10px;
    color: #999;
    position: absolute;
    left: 17px;
    bottom: 6px;
}
.product section .project_list_scroll ul li .cus_status{
    height: 22px;
    font-size: 12px;
    color: #fff;
    background: #999;
    position: absolute;
    right: 3%;
    top: 7px;
    border-radius: 3px;
    padding: 4px 4px 4px 4px;
    text-align: center;
}
.product section .project_list_scroll ul li a .project_row_content .renzheng{
     display: inline-block;
    height: 14px;

    font-size: 11px;
    margin-right: 2px;
    border: 1px solid #ff4900;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
    color: #ff4900;
    padding-bottom: 1px;
}
.product section .project_list_scroll ul li a .project_row_content .sure{
    padding-left: 3px;
    margin-top: 3px;
}
.product section .project_list_scroll ul li a .project_row_content .sure span{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 13px;
    margin-right: 2px;
    color: #333;
}
.product section .project_list_scroll ul li a .project_row_content .sure span:nth-child(3){
    float: right;
    margin-right: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
   /* margin-top: 4px;*/
}
.product section .project_list_scroll ul li a .project_row_content img{
	width: 100px;
    height: 80px;
    float: left;
    margin-right: 10px;
    vertical-align: top;
}
.product section .project_list_scroll ul li a .project_row_content div{
	overflow: hidden;
    position: relative;
}
.product section .project_list_scroll ul li a .project_row_content div .project_name{
	font-size: 15px;
    font-weight: 500;
    margin-right: 5px;
    color: #333;
}
.product section .project_list_scroll ul li a .project_row_content div .project_way{
    display: inline-block;
    background: #f4f4f4;
	color: #999;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    font-weight: 500;
    margin-left: -2px;
    margin-right: 10px;
        padding: 1px 2px;
    /*padding-left: 3px;*/
    padding-right: 3px;
    border-radius: 3px;
}
#renzheng{
    border: 0 solid black;
}
.product section .project_list_scroll ul li a .project_row_content div p{
    color: #666;
    margin: 0;
     height: 18px;
    line-height: 18px;
}
.product section .project_list_scroll ul li a .project_row_content div p span{
    margin-right: 10px;
}
.product section .project_list_scroll ul li a .project_row_content div .three{
		margin-top: 3px;
}
.product section .project_list_scroll ul li a .project_row_content div .three span{
    font-size: 11px;
}
.product section .project_list_scroll ul li a .project_row_content div .three span{
    margin-right: -6px;
    color: #999;
    padding-left: 2px;
}
.product section .project_list_scroll ul li a .project_row_content div p span{
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 0 2px;
    padding-bottom: 1px;
    font-size: 13px;
    margin-top: 5px;

}
.product section .project_list_scroll ul li a .project_row_content div p span:nth-child(2){
    color: #999;
}
.product section .project_list_scroll ul li a .project_row_content div p span:nth-child(3){
    color: #999;
}
.product section .project_list_scroll ul li a .project_row_content time{
	display: block;
    color: #999;
    line-height: 24px;
    position: absolute;
    /* bottom: 8px; */
    width: 70.4%;
    height:24px;
    overflow:hidden;
    padding: 0 10px 0 0;
}
.product section .project_list_scroll ul li a .project_row_content strong{
	float: right;
	font-size: 13px;
    width:26%;
    height:24px;
    line-height:24px;
    color:#999;
}
/**/
.list_box{
	width: 100%;
	overflow: auto;
    display: none;
	/* padding-top:16px; */
}
.list_box ul{
	border-bottom: 9px solid #f4f4f4;
}
.list_box ul li{
    width: 100%;
     height: auto;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-left: 15px;
}

.list_box ul li .time{
    font-size: 11px;
    margin: 7px 0;
    color: #999;
}
.list_box ul li .cus_status{
   height: 15px;
    font-size: 11px;
    color: #f5f5f5;
    background: #999;
    position: absolute;
    right: 3%;
    top: 15px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .8;
    text-align: center;
}
.list_box ul li a{
	color: #555;
}
.list_box ul li a .project_row_top{
	text-align: right;
    padding-right: 4px;
    position: relative;
    z-index: 2;
    height: 14px;
    color: #fff;
}
.list_box ul li a .project_row_content{
	height: auto;
    overflow: hidden;
    margin-top: -4px;
    position: relative;
}
.list_box ul li a .project_row_content .sure{
    margin-left: 3px;
}
.list_box ul li a .project_row_content .sure span:nth-child(1){
    display: inline-block;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    padding-left: 2px;
    margin-right: 8px;
    padding-right: 3px;
    color: #999;
    border-radius: 3px;
    background: #f5f5f5;
}
.list_box ul li a .project_row_content .sure span:nth-child(2){
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    margin-right: 5px;
    padding: 1px 5px;
    color: #999;
    background: #f5f5f5;
    border-radius: 3px;
}
.list_box ul li a .project_row_content .sure span:nth-child(3){
   /* float: right;*/
    margin-right: 12px;
}
.list_box ul li a .project_row_content .sure .sure-a span{background: none;}
.list_box ul li a .project_row_content .sure div{
    display: inline-block;
    float: right;
}
.list_box ul li a .project_row_content div .three span{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 2px;
    padding-bottom: 1px;
    font-size: 11px;
}
.list_box ul li a .project_row_content img{
	width: 100px;
    height: 80px;
    float: left;
    margin-right: 10px;
    vertical-align: top;
    padding: 0;
}
.list_box ul li a .project_row_content div{
	overflow: hidden;
    position: relative;
    vertical-align: top;
}
.list_box ul li a .project_row_content div .project_name{
	font-size: 15px;
    height: 16px;
    font-weight: 500;
    margin-right: 5px;
    color: #1a1a1a;
}
.list_box ul li a .project_row_content div .renzheng{
    display: inline-block;
    height: 14px;
    font-size: 11px;
    margin-right: 2px;
    border: 1px solid #ff4900;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
    color: #ff4900;
    padding-bottom: 1px;
}
.list_box ul li a .project_row_content div .project_way{
	display: inline-block;
    border: 1px solid #999;
    color: #4d4d4d;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    font-weight: 500;
    /*margin-left: -2px;*/
    padding: 0 4px;
    border-radius: 3px;
    margin-right: 6px;
    padding-left: 2px;
}
.list_box ul li a .project_row_content div p{
	line-height: 18px;
    color: #999;
    margin: 0;
    margin-top: 1px;
}
.list_box ul li a .project_row_content time{
	display: block;
    color: #999;
    line-height: 24px;
    position: absolute;
    /* bottom: 8px; */
    width: 70.4%;
    height:24px;
    overflow:hidden;
    padding: 0 10px 0 0;
}
.list_box ul li a .project_row_content strong{
	float: right;
	font-size: 13px;
    width:26%;
    height:24px;
    line-height:24px;
    color:#999;
}
/* 项目信息详情页 */
.item_details{
	overflow: hidden;
}
.item_details section{
	padding: 44px 0 0 0;
}
.item_details section .info_list li.details_row{
	line-height: 42px;
    height: 42px;
    overflow: hidden;
    width: 100%;
    padding: 0 12px;
    transition: all 3 linear;
    -webkit-transition: all 3 linear;
    -o-transition: all 3 linear;
    -moz-transition: all 3 linear;
    position: relative;
}
.item_details section .info_list li.details_row::before{
	content: "";
    display: block;
    width: 100%;
    height: 1px;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #c8c7cc;
}
.item_details section .info_list li.details_row label{
	margin: 0;
	font-weight: normal;
}
.item_details section .info_list li.details_row span{
	float: right;
    color: #999;
}
.item_details section .details_info{
	line-height: 42px;
    overflow: hidden;
    width: 100%;
    padding: 0 12px;
    transition: all 3 linear;
    -webkit-transition: all 3 linear;
    -o-transition: all 3 linear;
    -moz-transition: all 3 linear;
    position: relative;
}
.bordertop{
	border-top: 4px solid #f4f4f4;
	line-height: 46px !important;
    height: 46px !important;
}
.item_details section .details_info::before{
	content: "";
    display: block;
    width: 100%;
    height: 1px;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #c8c7cc;
}
.item_details section .details_info::after{
	position: absolute;
    content: "";
    display: block;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    right: 18px;
    top: 17px;
}
.item_details section .info_list2 a{
	color: #333;
	display: block;
}
.item_details section .info_list2 p{
	margin: 0;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    padding-bottom: 5px;
}
.spread{
	display: none;
}

#details_button{
	width: 100%;
    height: 44px;
    background: linear-gradient(to right, rgba(255, 146, 0, 1), rgba(255, 106, 0, 1));
    position: fixed;
    bottom: 0;
    z-index: 1000;
}

#details_button ul{
	/* padding: 6px 0; */
	overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

#details_button ul li{
	width: 33.33%;
    text-align: center;
    height:44px;
    line-height: 44px;
    color: #fff;
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#details_button ul li img {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 2px;
}
#details_button ul li a{
	color: #fff;
    font-size: 4vw;
}
/* 评论 */
.comment{
	margin: 0;
    padding: 0;
    display: none;
}
.comment li{
	padding: 12px;
	position: relative;
}
.comment li::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #C8C8CD;
}
.comment .user_msg{
	overflow: hidden;
    height: 44px;
}
.comment .user_msg img{
	float: left;
    width: 44px;
    height: 100%;
}
.comment .user_msg article{
	padding-left: 50px;
    line-height: 24px;
}
.comment .user_msg article p{
	margin: 0;
}
.comment .user_msg article p time{
	float: right;
}
.comment_p{
	margin-top: 10px;
}
.color4e{
	color: #4eaaff !important;
	font-weight: bold;
}
.color4e time{
	color: #999 !important;
	font-weight: normal;
}
.colorgray{
	color: dimgray !important;
	font-size: 13px !important;
}
/* end */

/* 修改插件样式 */
#project_top .fieldcontain input{
	width: 99%;
    position: absolute;
    left: 0;
    border: 0;
    z-index: 1;
    text-align: center;
    padding: 0;
    background-color: #fff;
}
#project_top .select_box::after{
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #b1b1b1;
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 10;
}
/* end */

/* tiptool */
.popover{
	padding: 0;
    box-shadow: 0 0;
    border: 0;
	width: 180px;
	z-index: 1001;
	background: rgba(255, 255, 255, 0.95);
	margin: 0;
    top: 0;
    opacity: 0;
    left: 0;
    border-radius: 13px;
    position: fixed;
    display: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.popover.modal-in{
	-webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 1;
    right: 2px;
    left: auto !important;
}
.popover-angle.on-bottom{
	left: 77px;
	top: 100%;
}
.popover-angle.on-bottom:after{
	left: 0;
    top: -19px;
}
.popover-angle.on-top{
	left: 140px;
	top: -26px;
}
.popover-angle.on-top:after {
    left: 0;
    top: 19px;
}
.popover-angle{
	width: 26px;
    height: 26px;
    position: absolute;
    z-index: 1000;
    overflow: hidden;
}
.popover-angle:after{
	content: ' ';
    background: rgba(255, 255, 255, 0.95);
    width: 26px;
    height: 26px;
    position: absolute;
    border-radius: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popover .popover-inner{
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.popover .popover-inner .list-block{
	margin: 0;
}
.popover .popover-inner .list-block ul{
	border-radius: 13px;
	background: none;
	list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.popover .popover-inner .list-block ul li{
	box-sizing: border-box;
    position: relative;
    font-size: 14px;
}
.popover .popover-inner .list-block ul li a{
	padding: 0 15px;
    text-align: center;
    color: #007aff;
    display: block;
    line-height: 43px;
}
.popover .popover-inner .list-block ul li:not(:last-child) a::after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 1000;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
/* end */

/* 一键分享 */
.picker_share{
	height: 175px !important;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    visibility: hidden;
    -webkit-transition-property: -webkit-transform visibility;
    -moz-transition-property: -moz-transform visibility;
    -ms-transition-property: -ms-transform visibility;
    -o-transition-property: -o-transform visibility;
    transition-property: transform visibility;
    background: #fff;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}
.picker_share.modal-in{
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.picker_share .picker-modal-inner{
	height: 100%;
    position: relative;
}
.picker_share .picker-modal-inner .content-block{
	margin: 35px 0;
    padding: 0 15px;
    color: #6d6d72;
    box-sizing: border-box;
}
.picker_share .picker-modal-inner .content-block ul{
	overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}
.picker_share .picker-modal-inner .content-block ul li{
	width: 20%;
    float: left;
    text-align: center;
    margin-bottom: 12px;
}
.picker_share .picker-modal-inner .content-block ul li a{
	color: #737373;
}
.picker_share .picker-modal-inner .content-block ul li a img{
	width: 90%;
    margin-bottom: 4px;
    vertical-align: top;
}
.picker_share .picker-modal-inner .content-block ul li a p{
	font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #333;
}
.picker_share .picker-modal-inner .content-block .close-picker{
	width: 280px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    color: #ff4900;
    margin: 0 auto;
}
/* end */

/* 投诉 */
#accuse section{
	padding-top: 44px;
}
.ac_list{
	font-size: 17px;
	margin: 0;
}
.ac_list::before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
}
.ac_list li{
	box-sizing: border-box;
    position: relative;
}
.label-radio{
	box-sizing: border-box;
    padding-left: 15px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.label-radio input[type="radio"]{
	display: none;
}
.label-radio input[type="radio"]:checked ~ .item-inner{
	background: url('/plug/Dev/images/select.png') no-repeat;
	background-position: 95% 12px;
	background-size: 17px 17px;
}
.label-radio .item-inner{
	padding-right: 35px;
	position: relative;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 44px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
}
.label-radio .item-inner::after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
}
.label-radio .item-inner p{
	flex-shrink: 1;
    min-width: 0;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
}
.tta{
	display: none;
	padding: 8px 15px;
	position: relative;
}
.tta::before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
}
.tta::after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
}
.tta textarea{
	font-size: 14px;
	width: 100%;
	height: 100px;
    resize: none;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 7px;
    -webkit-appearance: none;
    border: none;
    background: none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    display: block;
}
.tta p{
	margin: 0;
}
.tijiao{
	width: 90%;
    height: 40px;
    margin: 10px auto;
    background: #ff4900;
    border: none;
    color: #fff;
    display: block;
    border-radius: 4px;
    font-size: 13px;
}
/* end */

/* 联系信息 */
#contact_msg{
	position: absolute;
    height: 100%;
    width: 100%;
}
#contact_msg section{
	padding-top: 44px;
}
.details_content{
	width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 44px;
}
.details_content article{
    width: 100%;
    height: 100%;
}
.friend_head_row{
	position: relative;
}
.friend_head_row .friend_head{
	width: 100%;
    height: 80px;
    background: url("/plug/Dev/images/friendbg.png") no-repeat;
    position: relative;
    background-size: 100% 100%;
    padding-top: 46px;
}
.friend_head p{
	width: 65px;
    height: 65px;
    border-radius: 50%;
    margin: 0px auto;
}
.friend_head p img{
	width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #eee;
    vertical-align: top;
}
.name_info{
	margin-top: 30px;
    text-align: center;
    padding: 5px 0 20px 0;
    overflow: hidden;
    position: relative;
}
.name_info h1{
	font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.name_info p{
	margin: 0;
    padding: 0;
}
.name_info p span{
	padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #333;
}
.link_row{
	margin: 0;
    padding: 0;
    border-bottom: 4px solid #f4f4f4;
}
.link_row li{
	border-top: 4px solid #f4f4f4;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    position: relative;
}
.link_row li a{
	color: #333;
}
.fr{
	float: right;
}
/* end */

/* 发送商务函 */
#business_letter{

}
#business_letter section{
	padding-top: 44px;
}
.letter_content{
	padding: 8px 15px;
	position: relative;
}
.letter_content::after{
	content:'';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #c8c7cc;
	z-index: 10;
	transform: scaleY(0.33);
	-webkit-transform: scaleY(0.33);
}
.letter_content p{
	color: slategrey;
}
.send_letter{
	text-align: center;
    margin-top: 10px;
}
.send_letter a{
	width: 90%;
    height: 40px;
    line-height: 40px;
    background: #ff4900;
    border: none;
    color: #fff;
    display: block;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 4px;
}
/* end */

/* 评论 */
#comment{

}
#comment section{
	padding-top: 44px;
}
#comment section div:nth-of-type(1){
	width: 100%;
	height: 139px;
    position: relative;
}
#comment section div:nth-of-type(1)::after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
#comment section div:nth-of-type(1) textarea{
	width: 100%;
	height: 100px;
	padding: 15px;
	font-size: 14px;
	resize: none;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 7px;
    border: none;
}
#comment section div:nth-of-type(1) p{
	margin: 5px 0;
	padding: 0 15px;
}
#comment section div:nth-of-type(1) p span{
	float: right;
}
#comment section div:nth-of-type(2){
	text-align: center;
    margin-top: 10px;
}
#comment section div:nth-of-type(2) a{
	display: block;
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 90%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    background: #ff4900;
    border: none;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
}
/* end */
#business_tg{
	color: #333;
}
#business_tg .div1::after{
	position: absolute;
    content: "";
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    right: 20px;
    top: 17px;
    z-index: 1000;
}
#business_tg .div1 div span:nth-of-type(2){
    color: #8e8e93;
    float: right;
    padding-right: 30px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
/*请先登录模态框*/
#shadow_login{
	visibility:hidden;
	background:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
	box-sizing:border-box;
	overflow:auto;
	transition:transform 0.4s 0s;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
}
.loginShow{
	-webkit-transform:translate3d(0,0,0) !important;
	transform:translate3d(0,0,0) !important;
}
#shadow_login .shadow{
	background:#000;
	opacity:0.8;
	filter:alpha(opacity-80);
	-moz-opacity:0.8;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
#close{
    display: block;
    border: 1px solid #fff;
    width: 81px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
    border-radius: 17px;
}
.content-block{
	position:fixed;
	top:0;
	left:0;
	z-index:1001;
	width:100%;
	height:100%;
	margin:0;
}
.skipping{
	position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 332px;
    color:#fff;
}
.skipping h4{
	text-align: center;
    margin-bottom: 31px;
}
#tiao{
	color: #ff4900;
    font-size: 22px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
/*商务涵*/
#shangwuhan{
	display:none;
    position: fixed;
    z-index:100;
	top:35%;
	left:10%;
	background:rgba(0,0,0,.7);
	transition:display .2s;
	border-radius:8px;
	min-height:100px;
	height:auto;
	width:80%;
}
#shangwuhan .content{
	position: fixed;
	z-index:100;
	top:35%;
	left:10%;
	color:#fff;
	width:80%;
	min-height:100px;
	line-height:100px;
	font-size:16px;
	text-align:center;
}
/*请先登录模态框*/
#shadow_login{
	visibility:hidden;
	background:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
	box-sizing:border-box;
	overflow:auto;
	transition:transform 0.4s 0s;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
}
.loginShow{
	-webkit-transform:translate3d(0,0,0) !important;
	transform:translate3d(0,0,0) !important;
}
#shadow_login .shadow{
	background:#000;
	opacity:0.8;
	filter:alpha(opacity-80);
	-moz-opacity:0.8;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
#close{
    display: block;
    border: 1px solid #fff;
    width: 81px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    position: fixed;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
    border-radius: 17px;
}
.content-block{
	position:fixed;
	top:0;
	left:0;
	z-index:1001;
	width:100%;
	height:100%;
	margin:0;
}
.skipping{
	position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 332px;
    color:#fff;
}
.skipping h4{
	text-align: center;
    margin-bottom: 31px;
}
#tiao{
	color: #ff4900;
    font-size: 22px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
/* 立即沟通显示框+发送商务涵+查看联系方式 */
#communication{
    display:none;
    position: fixed;
    left: 5%;
    top: 40%;
    padding: 30px;
    width: 90%;
    background: #fff;
    z-index: 100000;
    border: 1px solid #e4e3e6;
    border-radius: 4px;
}
.communication-head{
    width: 90%;
    height: auto;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
}
.communication-body{
    min-width: 80%;
    width:auto;
    min-height: 40%;
    height: auto;
    margin: 0 auto;
    font-size: 22px;
    text-align:center;
    padding-top: 15px;
    margin-bottom: 10px;
}
.communication-body a{
    display:inline-block;
    min-width:26%;
    width:auto;
    color:#ff4900;
}
/* 加载 */
#loading{
	padding:15px 0;
	text-align: center;
}
#loading span{
	line-height: 32px;
	color: #c77430;
    text-align: center;
    font-size: 18px;
}






/*重新布局页面*/
.item_details section .top_banner {
    height: 250px;
    width: 100%;
}
.item_details section .top_banner img {
    width: 100%;
    height: 250px;
}
.item_details section .detail_info {
    padding: 4.26vw;
}
/* .item_details section .detail_info div {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 8px;
} */
.item_details section .detail_info .info_one span:nth-child(1) {
    display: inline-block;
    height: 20px;
    color: #666;
     line-height: 16px;
    border-radius: 3px;
    background: #F8F8F8;
   border: 1px solid #666;
    font-size: 14px;
    margin-right: 3px;
    margin-bottom: 8px;
    text-align: center;
    padding: 1px 5px;
    padding-bottom: 4px;
    vertical-align: top;
}
.item_details section .detail_info .info_one span:nth-child(3) {
   /*font-size: 16px;*/
  display: inline-block;
    height: 20px;
    color: white;
    line-height: 16px;
    border-radius: 3px;
    background: #999;
    font-size: 14px;
    margin-right: 3px;
    text-align: center;
    padding: 2px 5px;
    padding-bottom: 4px;
    vertical-align: top;
}
.item_details section .detail_info .info_one span:nth-child(2) {
    display: inline-block;
    height: 20px;
    color: white;
     line-height: 16px;
    border-radius: 3px;
    background: #999;
    font-size: 14px;
    margin-right: 3px;
    text-align: center;
    padding: 2px 5px;
    padding-bottom: 4px;
    vertical-align: top;
}
.item_details section .detail_info .info_add{
    margin-top: 8px;
    margin-bottom: 8px;
}
.item_details section .detail_info .info_add span:nth-child(1){
     display: inline-block;
    /*height: 20px;*/
    color: #666;
    /*line-height: 17px;*/
    border-radius: 3px;
    font-size: 16px;
    /*margin-right: 3px;*/
    text-align: center;
    padding: 1px 1px;
    /*padding-bottom: 4px;*/
    /*vertical-align: top;*/
    /*border: 1px solid #333;*/
       /*background: #ff4900;*/
}
.item_details section .detail_info .info_two {
    color: #999;
    margin-top: 2px;
}
.item_details section .detail_info .info_two span:nth-child(2) {
    /* width: 20px; */
    height: 18px;
    /* line-height: 18px; */
    font-size: 16px;
    color: #ff4900;
    margin-right: 3px;
    text-align: center;
    padding: 2px 5px;
    padding-left: 0;
}
.item_details section .detail_info .info_two span:nth-child(1) {
   font-size: 16px;
   font-weight: 520;
}
.item_details section .detail_info .info_two span:nth-child(2) {
    color: #333;
    margin-right: 10px;
    font-size: 11px;
}
.item_details section .detail_info .info_two span:nth-child(2) {
    /* width: 20px; */
    height: 18px;
    /* line-height: 18px; */
    font-size: 16px;
    color: #999;
    margin-right: 3px;
    text-align: center;
    /*padding: 2px 5px;*/
    padding-left: 0;
    padding-right: 0;
}
.item_details section .detail_info .info_two span:nth-child(4) {
    /* width: 20px; */
    height: 18px;
    /* line-height: 18px; */
    font-size: 16px;
    color: #ff4900;
    margin-right: 3px;
    text-align: center;
    padding: 2px 5px;
}
.item_details section .detail_info .info_two span:nth-child(3) {
    /* width: 20px; */
    height: 18px;
    /* line-height: 18px; */
    font-size: 16px;
    margin-right: 3px;
    text-align: center;
    padding: 2px 5px;
    padding-left: 0;
}
.item_details section .detail_info .info_three {
    /*margin-top: 6px;*/
}
.item_details section .detail_info .info_three span {
    font-size: 16px;
}
.item_details section .detail_info .info_four {
    margin-top: 6px;
}
.item_details section .detail_info .info_four .list {
    display: inline-block;
    height: 16px;
    font-size: 12px;
    font-family: "宋体","Arial Narrow";
    height: 16px;
    background: #5286ee;
    color: white;
    padding: 0 5px;
    border-radius: 3px;
    margin-right: 6px;
}
.item_details section .detail_info .info_four .more {
    display: inline-block;
    height: 16px;
    font-size: 12px;
    font-family: "宋体","Arial Narrow";
    height: 16px;
    margin-left: 10px;
    color: #1a1a1a;
}
.item_details section .detail_info .info_five {
    margin-top: 3px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-right: 0;
    position:relative;
}
.item_details section .detail_info .info_five span {
    /*margin-right: 6px;*/
    font-size: 11px;
    color: #999;
    margin-right: 13px;
    /*position: absolute;*/
    top: 0;
}
.item_details section .detail_info .info_five span:nth-child(1){
    left:5%;
}
.item_details section .detail_info .info_five span:nth-child(2){
    left:31%;
}
.item_details section .detail_info .info_five span:nth-child(3){
    left:57%;
}
.item_details section .detail_info .info_five span:nth-child(4){
    left:82%;
}
.item_details section .about_info {
    height: 195px;
    width: 100%;
    border-bottom: 10px solid #f5f5f5;
    padding-top: 10px;
}
.item_details section .about_info>div {
    margin-left: 12px;
}
.item_details section .about_info .info_three {
    margin-top: -5px;
}
.item_details section .about_info .info_four {
    height: 40px;
}
.item_details section .about_info .info_three span {
    font-size: 16px;
    color: #999;
}
.item_details section .about_info .info_four>div {
    float: left;
    margin-right: 8px;
    min-width: 15%;
    /*width: auto;*/
    height: 60px;
    margin-top: 10px;
    /* background: skyblue; */
   position: relative;
       margin-bottom: 10px;
}
.item_details section .about_info .info_four .icon_one >div {
    height: 32px;
    width: 32px;
}
.item_details section .about_info .info_four .icon_one >.font2 {
    height: 32px;
    width: 40px;
}
.item_details section .about_info .info_four .icon_one >div img{
    height: 30px;
    width: 30px;
    vertical-align: middle;
        display: block;
    margin: 0 auto;
}
.item_details section .about_info .info_four .icon_one >.font1 img{
    height: 32px;
    width: 32px;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}
.item_details section .about_info .info_four .icon_one >.font2 img{
    height: 32px;
    width: 40px;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}
.item_details section .about_info .info_four .icon_one >p {
    height: 20px;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    padding-right: 10px;
    color: #666;
}

#p-address{
	width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.item_details section .position{
    width: 100%;
    /* border-bottom: 10px solid #f5f5f5; */
    /* padding-top: 4.26vw; */
    background: white;
    position: relative;
}
.item_details section .position>div{
    margin-left: 16px;
    margin-bottom: 8px;
}
.item_details section .ensure {
    height: 100px;
    width: 100%;
    border-bottom: 10px solid #f5f5f5;
    padding-top: 10px;
}
.item_details section .ensure p {
    margin-left: 12px;
    font-size: 16px;
    color: #999;
}
.item_details section .ensure>div {
    width: 100%;
    height: 60px;
}
.item_details section .ensure div div:nth-child(1){
    margin-left: 5%;
    text-align: left;
    width: 30%;
    float: left;
}
.item_details section .ensure div div:nth-child(2){
    text-align: left;
    width: 30%;
    float: left;
}
.item_details section .ensure div div:nth-child(3){
    text-align: left;
    width: 30%;
    float: left;
}
.item_details section .ensure div span:nth-child(2n-1) {
    display: inline-block;
    height: 33px;
    width: 33px;
    background-color: skyblue;
    border-radius: 50%;
    margin-right: 5px;
}
.item_details section .ensure div span:nth-child(2n) {
    display: inline-block;
    font-size: 14px;
    color: #999;
    height: 16px;
    margin-right: 18px;
    /*margin-bottom: 30px;*/
    vertical-align: middle;
}
.item_details section .ensure div span img{
    height: 33px;
    display: inline-block;
    width: 33px;
}
.item_details section .item_coo {
    padding-top: 4.26vw;
    height: 127px;
    width: 100%;
    background: white;
}
.item_details section .item_coo p {
    margin: 0;
    margin-left: 12px;
    /* font-size: 16px;
    margin-bottom: 7px; */
}
.item_details section .item_coo div {
    /*margin-left: 12px;*/
    height: 33px;
    position: relative;
}
.item_details section .item_coo .coo span{
    display: inline-block;
    height: 33px;
    top: 0;
    width: 33px;
    float: left;
    position: absolute;
    background-color: yellowgreen;
    border-radius: 50%;
    margin-right: 15px;
}
.item_details section .item_coo .coo span:nth-child(1){
    left: 7%;
}
.item_details section .item_coo .coo span:nth-child(2){
    left: 22%;
}
.item_details section .item_coo .coo span:nth-child(3){
    left: 37%;
}
.item_details section .item_coo .coo span:nth-child(4){
    left: 52%;
}
.item_details section .item_coo .coo span:nth-child(5){
    left: 67%;
}
.item_details section .item_coo .coo span:nth-child(6){
    left: 82%;
}
.item_details section .item_coo .word span{
    font-size: 13px;
    color: #999;
    display: inline-block;
    position: absolute;
    float: left;
    top: 0;
}
.item_details section .item_coo .word span:nth-child(1){
    left: 3%;
}
.item_details section .item_coo .word span:nth-child(2){
    left: 20%;
}
.item_details section .item_coo .word span:nth-child(3){
    left: 35%;
}
.item_details section .item_coo .word span:nth-child(4){
    left: 50%;
}
.item_details section .item_coo .word span:nth-child(5){
    left: 65%;
}
.item_details section .item_coo .word span:nth-child(6){
    left: 80%;
}
.item_details section .item_coo .word span:nth-child(1){

}
.item_details section .brand_introduction {
    /* width: 100%; */
    /*height: 120px;*/
    /* border-bottom: 10px solid #f5f5f5;
    padding-top: 13px;
    overflow: hidden; */
}

.item_details section .brand_introduction p:nth-child(1) {
    /* font-size: 16px;
    padding-left: 12px;
    margin-bottom: 8px;
    color: #999; */
}
.item_details section .brand_introduction p:nth-child(2) {
    /* font-size: 14px;
    padding-left: 12px;
    line-height: 1.5;
    color: #666; */
}
.item_details section .record {
    height: 123px;
    width: 100%;
    border-bottom: 10px solid #f5f5f5;
    padding-top: 18px;
}
.item_details section .record div {
    margin-left: 12px;
    color: #333;
    padding-bottom: 10px;
}
.item_details section .record p {
    width: 100%;
    height: 23px;
    margin-left: 12px;
    border-top: 1px solid #f5f5f5;
}
.item_details section .record p span {
    display: inline-block;
    font-size: 13px;
    width: 33%;
    height: 23px;
    line-height: 23px;
    color: #999;
    vertical-align: middle;
    padding-top: 5px;
}
.item_details section .guess {
    height: 120px;
    width: 100%;
    border-bottom: 10px solid #f5f5f5;
    padding-top: 13px;
    overflow: auto;
}
.item_details section .guess p {
    padding-left: 12px;
    height: 25px;
    font-size: 16px;
    border-bottom: 1px solid #f5f5f5;
    color: #1a1a1a;
}
.mapdatu{
    width: 92%;
    height: 160px;
    position: absolute;
    top: 72px;
    left: 0;
    /* z-index: 180; */
    z-index: ;
    display: none;
}
.info_list{
    width: 100%;
    min-height: 100vh;
    overflow: scroll;
}
.info_list .vertical{
    display: flex;
    flex-direction: column;
}
.info_list .across{
    display: flex;
    flex-direction: row;
}
.info_list .list_item{
    width: 88%;
    margin: 15px auto;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 5px;
    min-height: 200px;
    padding: 4%;
}
.info_list .list_item .item_top{
    position: relative;
    /*flex: 1;*/
    justify-content: space-between;
    height: 50px;
    align-items: center;
    padding-bottom: 5px;
}
.info_list .list_item .item_top::after{
    content: ' ';
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #999;
}
.info_list .list_item .item_top .fail_btn{
    /* width: 45px; */
    padding: 0px 2px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #ff4900;
    border: 1px solid #ff4900;
    font-size: 14px;
    border-radius: 4px 4px 4px 4px;
}
.info_list .list_item .item_top .across{
    line-height: 20px;
    align-items: flex-end;
    margin-top: 5px;
}
.info_list .list_item .item_top .across p{
    font-weight: bold;
    font-size: 16px;
    color: #333;
    height: 20px;
    margin: 0;
    line-height: 20px;
}
.info_list .list_item .item_top .across span{
    font-size: 12px;
    color: #999;
    line-height: 16px;
    margin-left: 10px;
}
.info_list  .item_bottom{
    margin-top: 10px;
}
.info_list  .item_bottom .across{
    margin-top: 5px;
}
.info_list  .item_bottom .across span{
    color: #666;
}
.info_list  .item_bottom .across p{
    color: #666;
    margin-left: 7px;
    font-size: 14px;

}
.big_span{
    font-size: 18px;
}
#maask {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    z-index: 999;
}

/*积分提示*/
.costs_tip_info{
    position:fixed;
    background:#fff;
    font-size:14px;
    border-radius: 5px;
    padding:10px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.46);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.46);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.46);
}
.costs_tip_info li{
    padding:3px 0px;
    margin:0px;
    text-align: left;
}
.read .project_name{
	color:#999!important;
}

/* -------yanchaoda--------- */
body {
    background: #f5f5f5;
}

.item_details section .detail_info.detail-module {
    padding: 0;
}

.detail-module > section {
    padding: 4.26vw;
    background: white;
    display: none;
}
.detail-module .top-module .horn-box {
    font-size: 4.26vw;
    line-height: 1;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4.26vw;
}

.detail-module .top-module .horn-box img {
    width: 3.73vw;
    height: 3.73vw;
    margin-right: 1.6vw;
    vertical-align: top;
}

.top-module .item-list-content {
    display: flex;
}
.top-module .item-list-left {
    position: relative;
    width: 33.33vw;
    height: 26.66vw;
    flex-shrink: 0;
    margin-right: 2.13vw;
}
.top-module .item-list-left.subfix {
    margin-left: 2.13vw;
    margin-right: 0;
}

.top-module .item-list-logo {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
    object-fit: cover;
}
.top-module .item-list-right {
    padding-top: 4px;
    flex: 1;
}
.top-module .item-list-right .item-list-right-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.73vw;
    margin-top: 1vw;
}
.top-module .item-list-right .item-list-right-title h3 {
    display: flex;
    align-items: center;
    font-size: 4.53vw;
    color: #333333;
    line-height: 1;
    margin: 0;
    font-weight: bold;
}
.top-module .item-list-right .item-list-right-title h3 .icon-vip {
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 1vw;
    flex-shrink: 0;
}
.top-module .icon-hot {
    width: 2.93vw;
    height: 3.2vw;
    margin: 0 .5vw;
    background: url(/plug/Dev/images/icon-top.png) no-repeat center;
    background-size: 100%;
    flex-shrink: 0;
}
.top-module  .item-list-right-title-tag {
    background: rgba(250, 223, 212, 1);
    padding: 0 5px;
    height: 4.53vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
    border-radius: 2px;
    color: rgba(255, 73, 0, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 19vw;
}
.top-module .item-list-right .item-list-right-ul-tag {
    display: flex;
    align-items: center;
}
.top-module .item-list-right .item-list-right-ul-tag li {
    border: none;
    padding: 0;
    margin: 0;
    width: auto;
    font-size: 3.2vw;
    color: rgba(153, 153, 153, 1);
    margin-right: 5px;
    background: rgba(245, 246, 247, 1);
    min-width: 42px;
    height: 4.26vw;
    padding: 0 3px;
    text-align: center;
    line-height: 4.3vw;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 14.4vw; */
    margin-bottom: 3.2vw;
}
.top-module .item-list-right p {
    width: 50.6vw;
    display: flex;
    align-items: center;
    margin-bottom: 2.13vw;
    font-size: 3.2vw;
    line-height: 1;
    color: rgba(153, 153, 153, 1);
}
.top-module .item-list-right p span {
    font-size: 3.2vw;
    line-height: 1;
    color: rgba(153, 153, 153, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 35.6vw;
}
.top-module .item-sub-box {
    margin-top: 3.73vw;
    color: rgba(153, 153, 153, 1);
    font-size: 3.2vw;
    line-height: 4.8vw;
    word-break: break-all;
}
.top-module .item-sub-box .item-sub-title {
    font-size: 3.2vw;
    line-height: 4.8vw;
    height: 4.533vw;
    padding: 0 6px;
    color: rgba(153, 153, 153, 1);
    background: rgba(245, 246, 247, 1);
    border-radius: 2px;
    margin-right: 6px;
}
.top-module .icon-position {
    height: 3.73vw;
    width: 2.93vw;
    margin-left: 6px;
}
.cooperation-module p {
    color: rgba(51, 51, 51, 1);
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 6px;
    text-align: center;
}
.cooperation-module div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cooperation-module span {
    color: rgba(102, 102, 102, 1);
    font-size: 10px;
    padding: 2px 5px;
    line-height: 1;
    background: rgba(245, 246, 247, 1);
    border-radius: 2px;
}
.cost-module .cost-module-container {
    height: 17.06vw;
    overflow: hidden;
}
.cost-module ul {
    display: flex;
}


.cost-module ul li {
    flex: 0.33 0 0;
}
.cost-module ul li + li .item::before {
   content: '';
   position: absolute;
   height: 3.2vw;
   width: 1px;
   background: #E0E0E0;
   left: 0;
   top: 50%;
   margin-top: -1.6vw;
}
.cost-module ul li .item + .item {
    border-top: 1px solid #E0E0E0;
}
.cost-module ul li .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 17.06vw;
}
.cost-module ul li .item em {
    color: #333333;
    font-size: 3.99vw;
    line-height: 1;
    margin-bottom: 1.6vw;
}
.cost-module ul li .item span {
    color: #999999;
    font-size: 3.2vw;
    line-height: 1;
}
.cost-module  .more-cost {
    width: 19.73vw;
    height: 5.33vw;
    color: white;
    font-size: 3.2vw;
    border-radius: 4px;
    background: linear-gradient(160deg, #FF9200, #FF6A00);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    line-height: 1;
}
.cost-module  .more-cost::after {
    content: '';
    background: url(/plug/Dev/images/icon-arrow-up-white.png) no-repeat center;
    background-size: 100%;
    margin-left: 3px;
    width: 2.4vw;
    height: 1.333vw;
    transform: rotateZ(180deg);
}
.cost-module  .more-cost.toggle::after {
    transform: rotateZ(0deg);
}
.scroll-wrap {
    overflow-x: scroll;
}
.scroll-wrap .sub-title {
    color: #333333;
    font-size: 4vw;
    overflow-x: scroll;
    line-height: 1;
}
.scroll-ul {
    white-space: nowrap;
    font-size: 0;
}
.hzdw::-webkit-scrollbar,
.scroll-wrap::-webkit-scrollbar {
    display: none;
}
.scroll-ul li {
    display: inline-block;
}
.scroll-ul li + li {
    margin-left: 3px;
}
.scroll-ul li figure {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 18.13vw;
}
.scroll-ul li figure img {
    width: 9.33vw;
    height: 7.46vw;
    margin-bottom: 2.13vw;
    background: #f3f3f3;
}
.scroll-ul li figure figcaption {
    width: 18.13vw;
    color: #333333;
    font-size: 3.46vw;
    min-height: 3.46vw;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    text-align: center;
}
.module-sub-title {
    color: #333333;
    font-size: 4vw;
    line-height: 1;
    padding-bottom: 4.53vw;
    font-weight: bold;
}
.module-sub-title sub {
    color: #D8D8D8;
    font-size: 3.2vw;
    line-height: 1;
    position: static;
}
.list-module {
    padding-bottom: 0;
}
.txt-module .txt {
    color: #666666;
    font-size: 4.26vw;
    line-height: 1.5;
    margin: 0;
}
.team-module ul li a {
    display: flex;
    position: relative;
}
.team-module ul li + li {
    margin-top: 20px;
}
.team-module ul li .avatar {
    border-radius: 8px;
    width: 10.12vw;
    height: 10.12vw;
    flex-shrink: 0;
    margin-right: 2.13vw;
}
.team-module-detail-head {
    display: flex;
    align-items: center;
}
.team-module-detail em {
    color: #2D2D2D;
    font-size: 4.26vw;
    line-height: 1;
}
.team-module-detail span {
    /* color: #ff4900; */
    /* background: #FADFD4; */
    font-size: 2.66vw;
    transform: scale(.8);
    line-height:1;
    padding: 5px 5px;
    border-radius: 2px;

    color: rgba(102, 102, 102, 1);
    background: rgba(245, 246, 247, 1)
}
.team-module-detail p {
    color: #999999;
    font-size: 3.2vw;
    margin: 0;
    padding: 0;
}
.team-module .icon-arrow-right {
    position: absolute;
    top: 50%;
    right: 0.6vw;
    margin-top: -1.33vw;
    width: 1.6vw;
    height: 2.66vw;
    background: url(/plug/Dev/images/icon-arrow-right.png) no-repeat center;
    background-size: 100%;
}

.verify-module ul {
    display: flex;
    align-items: center;
}
.verify-module ul li {
    flex: .38;
    display: flex;
    align-items: center;
    color: #999999;
    font-size: 4vw;
    line-height: 1;
    position: relative;
    justify-content: center;
    white-space: nowrap;
}
.verify-module ul li:first-child {
    justify-content:flex-start;
    flex: .31;
}
.verify-module ul li:last-child {
    justify-content:flex-end;
    flex: .31;
}
.verify-module ul li img {
    margin-right: 1.33vw;
    width: 5.33vw;
    height: 5.33vw;
}
.verify-module ul li + li::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  height: 2.66vw;
  width: 1px;
  background: rgba(153, 153, 153, .5);
  margin-top: -1.33vw;
}

.product-module > ul > li + li {
    padding-top: 15px;
    border-top: 1px solid rgba(247, 247, 247, 1);
}
.product-module .product-module-top {
    display: flex;
}
.product-module .product-module-top img {
    width: 29.33vw;
    height: 19.46vw;
    margin-right: 2.13vw;
    flex-shrink: 0;
    border-radius: 3px;
}
.product-module .product-module-top .product-module-head  {
    display: flex;
    align-items: center;
    margin-bottom: 1.66vw;

}
.product-module .product-module-top .product-module-head em {
    color: rgba(51, 51, 51, 1);
    font-size: 4.76vw;
    line-height: 1;
    margin-right: 6px;
}
.product-module .product-module-top .product-module-head span {
    font-size: 3.2vw;
    color: rgba(255, 73, 0, 1);
    margin-right: 5px;
    background: rgba(250, 223, 212, 1);
    padding: 3px 5px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
}
.product-module .product-module-right {
    width: 60vw;
}
.product-module .product-module-top .product-module-right > p {
    color: rgba(153, 153, 153, 1);
    font-size: 3.87vw;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    margin-bottom: 1.33vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-module  .product-module-tag {
    display: flex;
    align-items: center;
}
.product-module  .product-module-tag span {
    font-size: 3.2vw;
    color: rgba(153, 153, 153, 1);
    margin-right: 5px;
    background: rgba(245, 246, 247, 1);
    height: 4.26vw;
    padding: 0 3px;
    text-align: center;
    line-height: 4.3vw;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    min-width: 42px;
}
.product-module .product-module-detail {
    display: flex;
    align-items: center;
    padding-top: 5.2vw;
    padding-bottom: 4.26vw;
}
.product-module .product-module-detail li {
    flex: .3;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.product-module .product-module-detail li:last-child {
    flex: .4;
}

.product-module .product-module-detail li em {
    color: rgba(51, 51, 51, 1);
    font-size: 4vw;
    line-height: 1;
    margin-bottom: 1.6vw;
}
.product-module .product-module-detail li span {
    color: #999999;
    font-size: 3.2vw;
    line-height: 1;
}

.aside-module {
    position: fixed;
    right: 0;
    top: 91px;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 1;
}
.shop-pdf,
.shop-video,
.shop-detail {
    width: 54px;
    height: 25px;
    display: flex;
    align-items: center;
    border-radius: 25px 0 0 25px;
    float: right;
    background: rgba(245, 246, 247, 1);
    box-shadow: 0px 0px 15px 0px rgb(110 110 110 / 80%);
    font-size: 11px;
    justify-content: center;
    line-height: 1;
    margin-bottom: 8px;
}
.shop-pdf img,
.shop-video img,
.shop-detail img {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

#p-address {
    padding-left: 16px;
    color: #666666;
    font-size: 4.26vw;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 2vw;
}
.swiper-container-pagination {
    position: absolute;
    left: 4.26vw;
    bottom: 2.4vw;
    color: rgba(255, 255, 255, 1);
    font-size: 2.4vw;
    line-height: 1;
    z-index: 1;
    width: auto !important;
}
.swiper-container-pagination span {
    color: rgba(255, 255, 255, 1);
    font-size: 2.4vw;
    line-height: 1;
}
.position-sub-title {
    color: #333333;
    font-size: 4vw;
    line-height: 1;
    font-weight: bold;  
}


.info-item {
    padding: 3.73333vw 0;
}

.releveantlist li + li {
    border-top: 1px solid rgba(169, 169, 169, .2);
}
.info-item .info-item-title {
    color: #333;
    font-size: 4.267vw;
    line-height: 1.618;
    text-align: justify;
    overflow: hidden;
 
    text-overflow: ellipsis;
    
    display: -webkit-box;
    
    -webkit-line-clamp: 3;
    
    -webkit-box-orient: vertical;
}

.info-item.one-img .img-list {
    width: 31.4667vw;
    height: 22.6667vw;
    border-radius: 1.333vw;
}
.info-item.multi-img .img-list {
    width: 29.6vw;
    height: 22.6667vw;
    border-radius: 1.333vw;
}
.info-item.one-img > a {
    display: flex;
}
.info-item.one-img .img-box {
    flex-shrink: 0;
    margin-left: 6.4vw;
}
.info-item.multi-img .img-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.info-item.multi-img .img-box::after {
    content: '';
    height: 0;
    width: 29.6vw;
}
.info-item .img-list,
.info-item  .content {
    margin-bottom: 2.36vw;
}
.info-item .top-label {
    padding: 2px 6px;
    margin-right: 2.133vw;
    background: rgba(255, 73, 0, 0.15);
    border-radius: 0.533vw;
    text-align: center;
    line-height: 1;
    font-size: 2.4vw;
    font-weight: 400;
    color: #ff4900;
}

.info-item .footer  {
    display: flex;
    align-items: center;
}
.info-item .footer .source-btn {
    color: #0094ff;
    font-size: 3.2vw;
    flex: 1;
}
.info-item .footer .amount {
    padding: 1px 1.86666vw;
    background: #666666;
    border-radius: 1.6vw;
    font-size: 2.4vw;
    font-weight: normal;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 10.9vw;
    line-height: 1;
}
.info-item .footer .amount::before  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.info-item .footer .amount::before {
    content: '';
    display: block;
    background-image: url(/plug/Dev/images/icon-fire.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.86vw;
    width:1.86vw;
    margin-right: 0.53333vw;
    margin-top: -0.2vw;
}
.info-item .readed  {
    color: rgba(153, 153, 153, 1) !important;
}

.item_details section .brand_introduction {
    background: white;
}

.brand_introduction .module-sub-title {
    padding-bottom: 0;
}
section.brand_introduction {
        padding: 4.26vw;
        background: white;
        display: none;
}

.map-info {
    
}


.appreciate-module {
    display: none;
}
.appreciate-module-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 8vw;
    padding: 0 22px 0 18px;
    background: linear-gradient(to right, rgba(255, 73, 0, 1),rgba(255, 106, 0, 1));
}
.appreciate-module-bar-title {
    font-size: 3.733vw;
    line-height: 1;
    color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
}

.just-do {
    font-size: 3.46vw;
    line-height: 1;
    color: rgba(255, 71, 0, 1);
    padding: 3px 12px;
    border-radius: 15px;
    background: white;
}

.appreciate-module-bar-title .icon-down {
    width: 2.9vw;
    height: 1.6vw;
    margin-left: 10px;
}
.appreciate-module-content {
    background: white;
    padding: 1.7333vw 0 2.5333vw 6.9333vw;
}

.appreciate-module-content dl {
    padding: 2vw 0;
    display: flex;
    margin: 0;
    color: rgba(51, 51, 51, 1);
}
.appreciate-module-content dl dd:first-child {
    /* min-width: 37.6vw; */
    flex-shrink: 0;
    width: 40.6667vw;
    padding-right: 5px;
    box-sizing: border-box;
}
.appreciate-module-content dl dd {
    font-size: 3.4667vw;
    line-height: 1;
    color: rgba(51, 51, 51, 1);
}
.appreciate-module-content dl dd strong {
    color: rgba(45, 45, 45, 1);
}

.appreciate-module-item {
    padding: 3.7333vw 4.2667vw;

    background: white;
}
.appreciate-module-item .title > div {
    color: rgba(45, 45, 45, 1);
    font-size: 4vw;
}
.appreciate-module-item .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 4vw;
    line-height: 1;
    padding-bottom: 2.333vw;
    color: rgba(45, 45, 45, 1);
    font-weight: bold;
}
.appreciate-module-item .txt {
    font-size: 4.2667vw;
    color: rgba(102, 102, 102, 1);
    line-height: 1.8;
}
.appreciate-module-item img {
    height: 3.4667vw;
    width: 3.4667vw;
    margin-right: 2px;
    vertical-align: bottom;
}
.right-tag {
    font-size: 3.4667vw;
    line-height: 1;
    color: rgba(255, 72, 0, 1);
    font-weight: normal;
}
.right-tag::after {
    content: '';
    display: inline-block;
    width: 1.0667vw;
    height: 2.4vw;
    background: url(/plug/Dev/images/mobile/icon_arrow_right.png) no-repeat center center;
    background-size: 100%;
    font-weight: normal;
    margin-left: 4px;
}
.appreciate-module-note {
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    padding-bottom: 9.6vw;
    text-align: right;
    padding-right: 4.2667vw;
}
.appreciate-module-wraper {
    display: block;
}
.appreciate-module-content dl dd.reward-standard {
    width: 100%;
    line-height: 1.6;
}
.dots {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mask-confirm {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.7);
    z-index: 9999;
}
.confirm {
    background: white;
    padding: 15px 0 0;
    border-radius: 5px;
    width: 70vw;
}
.confirm-title {
    font-size: 4.2667vw;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    color: rgba(45, 45, 45, 1);
}
.confirm-txt {
    font-size: 3.7333vw;
    line-height: 1.6;
    text-align: center;
    padding: 20px;
    color: rgba(45, 45, 45, 1);
}
.confirm-foot {
    border-top: 1px solid rgba(153, 153, 153, .5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.confirm-foot span:first-child {
    border-right: 1px solid rgba(153, 153, 153, .5);
    color: rgba(153, 153, 153, 1);
}
.confirm-foot span {
    height: 13.3333vw;
    line-height: 13.3333vw;
    text-align: center;
    color: rgba(255, 73, 0, 1);
    flex: 1;
}
.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation-fill-mode:forwards;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation-fill-mode:forwards;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
/* .amap-icon img {
    width: 100%;
    height: 100%;
} */

/* 5/3.75
1.3333333333333333
8/3.75
2.1333333333333333
10/3.75
2.6666666666666665
12/375
0.032
14/3.75

3.7333333333333336

15/3.75
4
16/3.75
4.266666666666667
17/3.57
4.761904761904762
18/3.75
4.8
20/3.75
5.333333333333333 */