@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2017-12-25
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
@font-face {
    font-family:'iconfont';
    src: url('/upload/font/PFDinTextCompPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'iconfont1';
    src: url('/upload/font/ImpactMTStd.otf') format('opentype');
}

#w_common_text-1590135195628 span {
font-family:'iconfont';
}

#w_common_text-1590224861412 span {
font-family:'iconfont';
}


body {
font-family:PingFang SC,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;
/*
font-family: Arial,"Helvetica Neue",Helvetica,Arial,sans-serif; 
font-family: 'Noto Serif', serif;
font-family: raleway,Arial,sans-serif;
  
*/
}
a {
    color: #222;
    text-decoration: none;
}
a:hover, a:active {
    color: #b00;
    text-decoration: none;
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}


div,
p,
span {
 /*
  word-break: keep-all!important;
  */
}
a {
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
@keyframes gWelCnta{
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(360deg);
  }
  80% {
    transform: rotate(350deg);
  }
  95% {
    transform: rotate(370deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
a {
  outline:none;
}
/* scrollbar css */
/* width */
::-webkit-scrollbar {
width:3px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b10008;
}



@media only screen and (max-width: 768px){  
  #w_grid-1569392445068> div > .p_gridbox {
    display: flex;
    align-items: center;
}
 #c_portalResnav_main-15841920699823375 {
   display: none;} 
  
  #w_grid-1569387413808 {
      text-align: center!important;
  }
  
  #w_grid-1580997733056,
  #w_grid-1580997733056 p,
  #w_grid-1580997733056 span{
      text-align: center!important;
  }
  
  #w_fimg-1580997554175 {
    width: 100%;
    max-width: 124px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  
  #scrolltop {
    position: absolute;
    right: 0px;
    top: -20px;
    cursor: pointer;
    height: 48px;
    width: 100%;
    text-align: center;
    display: block;
    background-color: rgba(0, 68, 153, 1);
}
  #w_fimg-1569392445072 {
    width: 266px;
    max-width: none;
    min-width: 0px;
    height: 42px;
    max-height: none;
    min-height: 0px;
    margin-top: 9px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 9px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

  
 #w_grid-1591265079913 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 60px;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
} 
  
 #w_grid-1569392445063 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 60px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: auto;
    bottom: auto;
    right: auto;
} 
}



@media only screen and (min-width: 769px) {
  
#w_grid-1591265079913 {
    position:relative;
    z-index:99;

}
#w_grid-1569392445063 {
    position:absolute;
    left:0;
    top:0px;
background-color: rgba(255, 255, 255, 1);
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
    #w_grid-1569392445063.yya{
    position:fixed;
    left:0;
    top:0px;
    z-index:99;
    box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.2);
  }
  
  
  
  
  
  
  
  
  
  
}


@media only screen and (max-width: 1440px) and (min-width: 769px){
}



























/* 面包屑 */
.e_FlowCommonStyleBox-001 .stylebox_top{
	background-color: #28373c !important;
}
.e_FlowCommonStyleBox-001 .stylebox_title{
	background-color: #28373c !important;
}
.e_FlowCommonStyleBox-001 .color_info{
	color: #28373c !important;
}
.e_FlowCommonStyleBox-001 .btn-primary{
	background-color: #28373c !important;
      border-color: #28373c !important;
}
#w_grid-1561343327878 > div > .p_gridbox {
    background-color: rgba(51, 51, 51, 1);
    overflow: visible !important;
      min-height: 40px;
}
#w_grid-1561188215788{
	display:none;
}
#w_grid-1561342838501{
 min-height: 100px !important;
}
#w_grid-1561343327878{
	position: relative;
    z-index: 99999;
}
#w_grid-1559012379469{
	position: relative;
    z-index: 99999;
}
#w_grid-1559012379469 > div > .p_gridbox {
    background-color: rgba(51, 51, 51, 1);
    overflow: visible !important;
      min-height: 40px;
}
#w_grid-1560934569384 .p_gridbox{
    overflow: visible !important;
}
#w_grid-1561342838501  .p_gridbox{
    overflow: visible !important;
}

#w_grid-1561192979604{
	border-top: solid 1px #f0f0f0;
}
#w_grid-1561445642635{
	box-shadow: 0 0 21px rgba(0,0,0,0.18);
}
#w_grid-1561271808325{
	border-top: solid 1px #f0f0f0;
   background-image:url(/img/img2.jpg);
  background-image-part-image:url(/img/img2.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
#w_grid-1561273263899{
	background-image:url(/img/ztb_01.jpg);
  background-image-part-image:url(/img/ztb_01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-attachment: fixed;
}
#w_grid-1561356435627{
	background-image:url(/img/ztb_01.jpg);
  background-image-part-image:url(/img/ztb_01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-attachment: fixed;
}
#content_box-1561356435627-0:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(34,34,34,0.90);	
}
#w_grid-1561277766263{
	background-image:url(/img/ztb_01.jpg);
  background-image-part-image:url(/img/ztb_01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
 background-size:cover;
  background-attachment: fixed;
}
#w_grid-1561344348130{
	background-image:url(/img/ztb_01.jpg);
  background-image-part-image:url(/img/ztb_01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
 background-size:cover;
}
#w_grid-1561356435547{
	background-image:url(/img/ztb_01.jpg);
  background-image-part-image:url(/img/ztb_01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
 background-size:cover;
}
#content_box-1561344348130-0 {
    background: rgba(51,51,51,0.85);
}
#content_box-1561277766263-0{
    background: rgba(0,0,0,0.80);
	}
#w_grid-1561346951757{
	background-image:url(/img/ztb_01.jpg);
  background-image-part-image:url(/img/ztb_01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-attachment: fixed;
}

@media screen and (max-width: 768px){
  #w_fimg-1560934746635{
        margin-top: 20px !important;
          margin-bottom: 20px !important;
  }
}
#w_grid-1561356435627{
    overflow: visible !important;
}
#w_grid-1561356435627 .w_grid{
	overflow: visible !important;
}
#w_grid-1561356435627 .p_gridbox{
	overflow: visible !important;
}





/* 音乐播放器end */
.h1,.h2,.h3,.h4,.h5,.h6{margin: 0;padding: 0; color: #262626;}
/* 大标题 */
.h1 { font-size: 36px;}
/* 主标题 */
.h2 { font-size: 30px;}
/* 副标题 */
.h3 { font-size: 24px;}
.h4 { font-size: 18px;}
.h5 { font-size: 16px;}
.h6 { font-size: 12px;}
/* 价格 */
.price { 
	font-size: 20px; 
	color: #f00;
}
.price-sm {
	font-size: 14px;
	color: #f00;
}
/* 点 */
.dot{
	background: #9e9e9e;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.dot.current{
	background: #d7010f;
}
/*强调标题*/
.tit_emphasize{
	font-size: 16px;
	color: #d7010f;
}
/* 各种颜色 */
.color_error {color: #f00;}
.color_info {color: #d7010f;}
.color_shallow {color: #65beba;}
.color_horizon {color: #fff;}
.color_disable {color: #bfbfbf;}
/**移动版加号颜色***/
.Madd{
	color: #80c949;
	font-size: 24px;
}
/* 次要信息 */
.minor_info {
	color: #8c8c8c;
	font-weight: normal;
	font-size: 14px;
}
.minor_info.minor_info_sm {
	font-size: 12px;
}
/* 描述*/
.description {
	color: #8c8c8c;
	font-size: 14px;
}
/* 搜索框 */
.search_window{background:#fff;}
.search_window .btn{border-radius: 0px;}
.search_window input{
	border: none;
	outline: none;
	background: none;
	padding: 0 10px;
	margin: 0;
}
@media only screen and (max-width: 768px){
.search_window{border:none;}
}
@media only screen and (min-width: 769px){
.search_window{border:1px solid #d7010f;}
}
/* 弹出框 */
.dialog{background:#fff}
/**默认地址标签*/
.Mtag{
	border:1px solid #ffb4b0;
	background: #fff1f0;
	color: #f63b44;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
}
/* 分类二级背景色 */
.background-textinfo{background: #efeff4;}
/* 各种背景色 */
.background_shopCart{background: #f5212d;}
.background_sort{background: #bfbfbf;}
.background_assist {background: #e5e5e5;}
.background_form {background: #fafafa;}
.background_info {background: #E6F7FF}
.background_shade {background: rgba(0, 0, 0, 0.45);filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#73000000, endColorstr=#73000000);}
:root .background_shade {filter:none;}
/* 默认边框 */
.border_default {border: 1px solid #d9d9d9;}
.borderT_default {border-top: 1px solid #d9d9d9;}
.borderB_default {border-bottom: 1px solid #d9d9d9;}
.borderR_default {border-right: 1px solid #d9d9d9;}
.borderL_default {border-left: 1px solid #d9d9d9;}

.border_dividers {border: 1px solid #e8e8e8;}
.borderB_dividers {border-bottom: 1px solid #e8e8e8;}
.borderT_dividers {border-top: 1px solid #e8e8e8;}
.borderR_dividers {border-right: 1px solid #e8e8e8;}
.borderL_dividers {border-left: 1px solid #e8e8e8;}

.borderT_bar {border-top: 20px solid #f5f5f5;}
.borderB_bar {border-bottom: 20px solid #f5f5f5;}
.borderB_bard {border-bottom: 10px solid #f5f5f5;}
.borderB_bars{border-bottom: 5px solid #9e9e9e;}
/* 收货地址边框*/
.item{border:2px solid #d9d9d9;}
.item:hover{border:2px solid #a3d3ff;}
/* 家装项目进度筛选边框 */
.p_infosDiff{
	background: #E5F7FF;
    border: 1px solid #d7010f;
    color: #d7010f;
}
/* 家装背景颜色 */
.p_infoBg {
	background: #d7010f;
}
/* 默认标签 */
.label-default {
    border: 1px solid #D9D9D9;
    background: #f5f5f5;
    color: #595959;
}
/* 分类鼠标悬浮 */
.mouse_bac:hover {
    background-color: #e6f7ff;
    color: #d7010f;
}
/* 分类移动端样式 */
@media only screen and (max-width: 768px){ 
	.p_categoryBtn:before {content: "";}
	.icon-arrow_up:before {content: "\e69a";}
	.icon-arrow_down:before {content: "\e69c";}
	.p_btn-show .p_c-fff {margin: 0 0 0 10px;vertical-align: middle;width: auto;display: inline-block;}
	.p_btn-hide {width: 10%;height: 100%;float: left;padding: 0px;background: #bfbfbf;}
	.p_btn-hide .p_c-fff{width: 100%;height: 40px;display: block;text-align: center;line-height: 40px;margin-top: 120px;background: #686868;}
	.p_parentBox .p_childBox .p_linkBox{border-bottom: 1px solid #e1e1e4;}
	.p_linkBox{padding: 5px 10px;display: flex;}
	.p_title{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px 0;}
	.p_category {width: 100%;height: 100%;position: fixed;top: 0;left: 100%;transition: left 0.3s;z-index: 9999;}
	.p_category.animate{left: 0;}
	.p_parent {display: flex;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0 0 5px;border-bottom: 1px solid rgba(255,255,255,.3);}
	.p_categoryBox {overflow-y: auto;width: 90%;height: 100%;float: left;box-sizing: border-box;}
	.p_parentBox{width:auto;height: auto;}
	.p_childBox {padding-left: 20px;background: #efeff4;}
	.p_categoryBtn {display: inline-block;width: 30px;line-height: 40px;}
	.p_link {height: auto;vertical-align: middle;width: initial;margin: 10px 0;flex:1;}
}
/* 页签样式 */
@media only screen and (max-width:768px) {
	.decTab:hover,
	.decTab.active {
		color: #f52f33;
		border-bottom: 2px solid #f52f33;
	}
}
@media only screen and (min-width:769px) {
	.decTab{
		cursor: pointer;
	}
	.decTab:hover,
	.decTab.active {
		color: #d7010f;
		border-bottom: 2px solid #d7010f;
	}
}
@media only screen and (min-width:769px) and (max-width:1024px) {

}
/* 模拟下拉框样式 */
.mod_select{cursor:default;width: 160px;height: 36px;position: relative;float: left;}
.box-select{width: 143px;height: 36px;display: inline-block;padding: 6px 10px;border: 1px solid #cccccc;overflow: hidden;position: relative;border-radius: 3px;}
.select_txt{color: #555;display:inline-block;width:120px;line-height:21px;height:21px;cursor:text;overflow: hidden;}
.mod_select .option{width:300px;height:300px;overflow:auto;border:solid 1px #EDE7D6;position:absolute;z-index: 9999;top:36px;left:0px;background:#fff;display:none;}
.mod_select .option li{color: #555;display:block;height:26px;line-height:26px;text-align:left;padding-left: 10px;margin-left: 0;width:100%;background:#fff;border-style: none;box-sizing: border-box;overflow: hidden;}
.mod_select .option li:hover{color: #555;background:#e5e5e5;}
.select-icon{position: absolute;top: 9px;right: 3px;}

/* tab按钮样式 */
.btn{display: inline-block}
.btn-tab,
.btn-tab:hover,
.btn-tab:focus {
    color: #d7010f;
    background-color: #fff;
    border-color: #329cff;
}
.btn-tab:active,
.btn-tab.active,
.open>.dropdown-toggle.btn-tab,
.btn-tab:active:hover,
.btn-tab.active:hover,
.open>.dropdown-toggle.btn-tab:hover,
.btn-tab:active:focus,
.btn-tab.active:focus,
.open>.dropdown-toggle.btn-tab:focus,
.btn-tab:active.focus,
.btn-tab.active.focus,
.open>.dropdown-toggle.btn-tab.focus {
    color: #fff;
    background: #d7010f;
    border-color: #329cff;
}
/* 订购按钮 */
@media only screen and (max-width:768px) {
	.btn-order {
		border: 1px solid #f52f33;
		border-radius: 35px;
		color: #f52f33;
		font-size: 14px;
		padding: 2px 25px;
		background: #fff;
	}
	.btn-assist {
		border: 1px solid #ccc;
		border-radius: 35px;
		color: #666;
		font-size: 14px;
		padding: 2px 25px;
		background: #fff;
	}
}
/* 订购状态颜色 */
.order_status{
	color: #f52f3a;
}
.order_assist{
	color: #666; 
}
/* 置灰按钮样式 */
.btn.disabled,
.btn[disabled],
.btn.unavailable,
fieldset[disabled] .btn {
    background: #f8f8f8 !important;
    border-color: #d9d9d9 !important;
    color: #a4a4a4 !important;
}
/* 按钮focus */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}
/* 表单标题样式 和form-control一起出现*/
.form-label {
    line-height: 34px;
    font-size: 14px;
}
/* 表单错误提示 */
.text-error {
    font-style: normal;
    color: #e43a32;
    font-size: 12px;
}
/* 分类组件回显选中样式设置 start */
.p_categoryBox .p_linkBox.click {background-color: #e6f7ff;color: #d7010f;}
.p_categoryBox .p_linkBox.click .color_assist,
.p_categoryBox .p_linkBox.click a {color: #d7010f;}
/* 分类组件回显选中样式设置 end */
/* 三级联动级联样式 start */
.js-regionTreeSelect .treeItemBox {position: absolute;z-index: 99;background: #fff;white-space: nowrap;}
.js-regionTreeSelect .treeItemList {display: inline-block;vertical-align: top;width: auto;height: auto;border: 1px solid #e1e1e1;height: 200px;overflow: auto;min-width: 150px;margin-left: -1px;}
.js-regionTreeSelect .treeItemList:first-child {margin-left: 0;}
.js-regionTreeSelect .treeItem {padding: 10px 25px 10px 10px;font-size: 14px;overflow: hidden;position: relative;line-height: normal;}
.js-regionTreeSelect .treeItem:hover {background: #f5f7fa;}
.js-regionTreeSelect .treeItem.active {color: #d7010f;}
.js-regionTreeSelect .treeItem span {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.js-regionTreeSelect .icon_notLeafNode {color: #999;position: absolute;right: 8px;top: 13px;}
.js-regionTreeSelect .icon_notLeafNode:before {content: '\e6ae';}
.js-regionTreeSelect .afterIcon {position: absolute;top: 1px !important;right: 8px !important;transform: none !important;width: 32px;height: 32px;text-align: center;padding-top: 6px;pointer-events: none;}
@media only screen and (max-width: 768px) {
.js-regionTreeSelect .treeItemBox {position: fixed;bottom: 0;left: 0;width: 100%;}
.js-regionTreeSelect .treeItemList {border: none;min-width: initial;width: 33.333333333333333%;}
}
/* 三级联动级联样式 end */

/* 企业下载用hover行变化 */
.p_fileItem:hover{background-color: #e5f7ff;}
.p_fileItem:hover .btn{background-color: #d7010f;color: #fff;}
/*暂无数据样式*/
.p_PromptNoneData{width: auto;background-color: inherit;text-align: center;}
.p_PromptNoneData .prompt_title .iconfont:before {content: "";}
.p_PromptNoneData .prompt_title .first{height: auto;display: table-cell;font-size: 32px;position: relative;color: #09bb07;vertical-align: middle;padding: 0 10px 5px 0;}
.p_PromptNoneData .prompt_title{display: inline-table;padding: 0 30px;min-height: 200px;height: 100%;}
.p_PromptNoneData .prompt_title .first:before{content: "\e6b4";}
.p_PromptNoneData .prompt_title .font{font-size: 18px;display: table-cell;line-height: normal;vertical-align: middle;color: rgba(51,51,51,1);font-weight: bold;text-align: left;}
.p_PromptNoneData .promptbox{width: auto;height: 100%;}
.p_PromptNoneData .prompt_content {font-size: 14px;color: rgba(105, 105, 105,1);padding-left: 65px;}
/* 分页样式start */
/* 移动设备样式 */
@media screen and (max-width:768px) {
	/*占位容器*/
	.p_OccupyBox{
		margin:0;
		width: auto;
		height:auto;
		padding:0;
		border:none;
	}

    .p_OccupyBox {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border: 0;
        overflow: initial
	}
	/* 翻页 start */	
    .p_pagebox {
        width: 100%;
        height: auto;
        margin: 20px auto 0;
        clear: both;
        position: relative;
        font-size: 0;
        white-space: nowrap
    }
    .p_pagebox .pre {
        display: inline-table;
        height: 45px;
        width: 28%;
        color: rgba(255, 255, 255, 1);
        border-width: 0;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0);
        background-color: #d7010f;
        text-align: center;
        padding-top: 0;
        padding-right: 10px;
        padding-left: 10px;
        position: relative;
        left: 0;
        top: 0;
        box-sizing: border-box
    }
    .p_pagebox .pre:hover {
        color: rgba(255, 255, 255, 1);
        border-color: #d7010f;
        background-color: #d7010f;
        cursor: pointer
	}
    .p_pagebox .pre:active {
        background-color: #d7010f;
    }
    .p_pagebox .pre .font {
        display: table-cell;
        vertical-align: middle;
        bottom: 0;
        font-size: 16px
    }
    .p_pagebox .pre .iconfont {
        display: inline-block;
        color: rgba(255, 255, 255, 1);
        vertical-align: top;
        width: auto;
        height: auto;
        float: left;
        font-size: 22px
    }
    .p_pagebox .pre:hover .iconfont {
		color:#fff;
    }
    .p_pagebox .pre:active .iconfont {
		color:#fff;
    }
    .p_pagebox .pre .iconfont:before {
        content: "\e6b0"
    }
    .p_pagebox .next {
        display: inline-table;
        height: 45px;
        width: 28%;
        color: rgba(255, 255, 255, 1);
        border-width: 0;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0);
        background-color: #d7010f;
        text-align: center;
        padding-top: 0;
        padding-right: 10px;
        padding-left: 10px;
        position: relative;
        left: 0;
        top: 0;
        box-sizing: border-box
	}
	
	.p_pagebox .next:hover{
		color:rgba(255,255,255,1);
		border-width: 0;
		border-style: solid;
		border-color:rgba(255,255,255,0);
		background-color:#d7010f;
		cursor:pointer;
	}
	.p_pagebox .next:active{
		background-color:#d7010f;
	}
	.p_pagebox .next .font{
		display:table-cell;
		vertical-align:middle;
		bottom:0;
		font-size: 16px;
	}
	.p_pagebox .next .iconfont{
		display:inline-block;
		color:rgba(255,255,255,1);
		vertical-align:top;
		width: auto;
		height: auto;
		float: right;
		font-size: 22px;
	}
	.p_pagebox .next:hover .iconfont{
		color:rgba(255,255,255,1);
	}
	.p_pagebox .next:active .iconfont{
		color:rgba(255,255,255,1);
	}
	.p_pagebox .next .iconfont:before{
	content: "\e6af";
	}

	/* 不可点击状态 */
	.p_pagebox .js_pageBtnDisable,
	.p_pagebox .js_pageBtnDisable:hover,
	.p_pagebox .js_pageBtnDisable:active {
		background: #f5f5f5;
		border-color: #d9d9d9;
		color: #bfbfbf;
		cursor: default;	
	}
	.p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;}
	.p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;}


    .p_pagebox .NumBox {
        width: 44%;
        height: 44px;
        border: 1px solid #cdd5d5;
        display: inline-table;
        position: relative;
        cursor: pointer;
        box-sizing: border-box;
        background: #e6e6e6;
        vertical-align: top
    }
    .p_pagebox .num {
        display: table-cell;
        vertical-align: middle;
        font-size: 22px;
        text-align: center;
        width: 100%
    }
    .p_pagebox .ItemBox {
        position: absolute;
        width: 100%;
        height: auto;
        border: 1px solid #d3d4d4;
        bottom: 44px;
        left: 0;
        max-height: 300px;
        overflow-y: auto;
        z-index: 99;
        border-bottom: 0
    }
    .p_pagebox .num .iconfont {
        width: 32px;
        height: 32px;
        position: absolute;
        right: 20px
    }
    .p_pagebox .num .iconfont:before {
        content: "\e69c";
        font-size: 22px
    }
    .p_pagebox .NumBox ul li {
        width: inherit;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #fffffe;
        color: #323332;
        font-size: 16px
    }
    .p_pagebox .NumBox ul li .iconfont:before {
        content: ""
    }
    .p_pagebox .NumBox ul li:active {
        background-color: #e4e4e4
	}
	/* 滚动加载 */
    .p_more {
        width: 100%;
        text-align: center;
        padding-right: 20px;
        padding-left: 20px;
        height: 50px;
        background-color: rgba(248, 248, 248, 0.8);
        position: relative;
        border-radius: 0;
        border-width: 0;
        color: rgba(115, 115, 131, 1);
        font-size: 20px
    }
    .p_more:active {
        background-color: rgba(248, 248, 248, 0.8)
    }
    .p_more .font {
        vertical-align: middle;
        text-align: inherit;
        line-height: 50px
    }
    .p_more .iconfont {
        display: inline;
        vertical-align: middle
    }
    .p_more .iconfont:before {
        content: "\e6d1"
	}
	/* 跑马灯 start */
    .p_CommonLanternBox {
        position: relative;
        width: auto;
        height: auto;
        background-color: transparent;
        overflow: hidden
    }
    .p_CommonInteraction {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden
    }
    .d_CommonInteractionA {
        width: 60px;
        height: auto;
        vertical-align: middle;
        position: absolute;
        overflow: visible;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    .d_CommonInteractionB {
        width: 60px;
        height: auto;
        vertical-align: middle;
        position: absolute;
        overflow: visible;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    .p_CommonSwitchBtnA {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: rgba(191, 191, 191, 1);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .p_CommonSwitchBtnA .iconfont:before {
        content: '\e6b0';
        display: inline-block
    }
    .p_CommonSwitchBtnA .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none
    }
    .p_CommonSwitchBtnA:active {
        color: rgba(105, 192, 188, 1)
    }
    .p_CommonSwitchBtnB {
        position: absolute;
        top: 50%;
        right: 50%;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: rgba(191, 191, 191, 1);
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
    .p_CommonSwitchBtnB .iconfont:before {
        content: '\e6af';
        display: inline-block
    }
    .p_CommonSwitchBtnB .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none
    }
    .p_CommonSwitchBtnB:active {
        color: rgba(105, 192, 188, 1)
    }
    .p_CommonSummaryBoxA {
        width: auto;
        height: auto;
        margin-bottom: 20px;
        background-color: transparent;
        overflow: hidden;
        text-align: center
    }
    .p_CommonThumbnailBox {
        width: auto;
        height: auto;
        background-color: transparent;
        overflow: hidden
    }
    .p_CommonSquareNumBtn {
        display: inline-table;
        margin: 0 5px;
        background-color: rgba(191, 191, 191, 1);
        color: rgba(153, 153, 153, 1);
        font-size: 12px;
        border-radius: 10px;
        text-align: center
    }
    .p_CommonSquareNumBtn:active {
        background-color:#d7010f;
    }
    .p_CommonSquareNumBtn.active {
        background-color: #d7010f;
	}
	.p_butBackground{
		background-color: #65beba 
	}


    .lantern {
        margin-left: 50px !important;
        margin-right: 50px !important
    }
    .p_CommonSquareNumBtn .shape {
        width: inherit;
        height: inherit;
        text-indent: -99999px;
        display: table-cell;
        vertical-align: middle;
        border-radius: inherit;
        -moz-border-radius: inherit
	}
	/* 跑马灯 end */
}

/*PC端样式*/
@media only screen and (min-width: 769px) {
	/*翻页*/
	.e_pagebox {
		width: auto;
		height: auto;
		clear: both;
		position: relative
	}
	.p_page{
		display: inline-block;
		padding: 30px 0;
	}

	.p_page .PageInterval {
		display: inline-block;
		position: static;
		float: left;
		margin-right: 5px;
		line-height: 38px;
		font-size: 12px;
	}
	.p_page .pre1 {
    color: rgba(255,255,255,1)!important;
    background-color: #c8c8c8!important;
    cursor: not-allowed!important;
    border:none !important;
}
.p_page .next1 {
    color: rgba(255,255,255,1)!important;
    background-color: #c8c8c8!important;
    cursor: not-allowed!important;
    border:none !important;
}
	.p_page .p_PageInterval {

		display: inline-block;
		position: static;
		float: left;
		margin-right: 5px;
		line-height: 38px;
		font-size: 12px;
		font-family: cursive;
	}

	/*左翻页*/
	.p_page .pre:after {
		content: "";
		display: none;
		position: absolute;
		top: 5px;
		left: -14px;
		width: 27px;
		height: 27px;
		background-color: rgba(242, 242, 242, 1);
		font-size: 0;
		line-height: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: -1
	}
	.p_page .pre:hover:after {
		top: 4px;
		left: -12px;
		background-color: rgba(101, 190, 186, 1);
		border-radius: 4px 0 0 0;
		-webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
		-moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
		box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: -1
	}
	.p_page .pre:active:after {
		top: 8px;
		left: -12px;
		width: 28px;
		height: 25px;
		background-color: rgba(90, 170, 167, 1);
		border-radius: 0 3px 0 0;
		-webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
		-moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
		box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
		-webkit-transform: rotate(-226deg);
		-moz-transform: rotate(-226deg);
		-o-transform: rotate(-226deg);
		-ms-transform: rotate(-226deg);
		transform: rotate(-226deg);
		z-index: -1
	}

	.p_page .pre {
		display: inline-table;
		position: relative;
		left: 0;
		top: 0;
		font-size: 16px;
		float: left;
		height: 40px;
		width: 40px;
		margin: 0px 10px;
		text-align: center;
		padding:0 10px;
		border-radius: 0px;
		border:1px solid #d9d9d9;
		background: #fff;
		color: #595959;
	}
	.p_page .pre:hover {
		color: #fff;
		background: #d7010f;
		border-color: #d7010f;
		cursor: pointer
	}
	.p_page .pre:active {
		background: #d7010f;
		border-color: #d7010f;
		color: #fff;
	}

	.p_page .pre .font {
		display: table-cell;
		vertical-align: middle;
		bottom: 0;
		font-size: 12px
	}
	.p_page .pre:hover .iconfont {
		color: rgba(255, 255, 255, 1)
	}
	.p_page .pre:active .iconfont {
		color: rgba(255, 255, 255, 1)
	}
	.p_page .pre .iconfont:before {
        content: "\e6b0";
		margin-right: 0;
	}
    .p_page .pre .i_pre {
        display: none;
    }

	/*右翻页*/
	.p_page .next:after {
		content: "";
		display: none;
		position: absolute;
		top: 5px;
		right: -14px;
		width: 27px;
		height: 27px;
		background-color: rgba(101, 190, 186, 1);
		font-size: 0;
		line-height: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: -1
	}
	.p_page .next:hover:after {
		top: 5px;
		right: -12px;
		background-color: rgba(101, 190, 186, 1);
		border-radius: 4px 0 0 0;
		-webkit-box-shadow: 0 3px 0 #777;
		-moz-box-shadow: 0 3px 0 #777;
		box-shadow: 0 3px 0 #777;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		z-index: -1;
		width: 26px;
		height: 26px
	}
	.p_page .next:active:after {
		top: 8px;
		right: -12px;
		width: 27px;
		height: 24px;
		background-color: rgba(90, 170, 167, 1);
		border-radius: 0 3px 0 0;
		-webkit-box-shadow: 0 3px 0 #777;
		-moz-box-shadow: 0 3px 0 #777;
		box-shadow: 0 3px 0 #777;
		-webkit-transform: rotate(226deg);
		-moz-transform: rotate(226deg);
		-o-transform: rotate(226deg);
		-ms-transform: rotate(226deg);
		transform: rotate(226deg);
		z-index: -1
	}
	.p_page .next {
		display: inline-table;
		position: relative;
		left: 0;
		top: 0;
		float: left;
		height: 40px;
		width: 40px;
		margin: 0px 10px;
		border: none;
		background: #fff;
		color: #595959;
		text-align: center;
		padding:0 10px;
		border-radius: 0px;
	}
	.p_page .next:hover {		
		background: #d7010f;
		border-color: #d7010f;
		color: #fff;
		cursor: pointer
	}
	.p_page .next:active {
		background: #d7010f;
		border-color: #d7010f;
		color: #fff;
	}
	.p_page .next .font {
		display: table-cell;
		vertical-align: middle;
		bottom: 0;
		font-size: 12px
	}
	.p_page .next:hover .iconfont {
		color: rgba(255, 255, 255, 1)
	}
	.p_page .next:active .iconfont {
		color: rgba(255, 255, 255, 1)
	}
	.p_page .next .iconfont:before {
		content: "\e6af";
		margin-top: 0;
		float: right;
		margin-left: 0;
	}
    .p_page .next .i_next {
        display: none;
	}
	/* 不可点击状态 */
	.p_page .js_pageBtnDisable,
	.p_page .js_pageBtnDisable:hover,
	.p_page .js_pageBtnDisable:active {
		background: #f5f5f5;
		border-color: #d9d9d9;
		color: #bfbfbf;
		cursor: default;	
	}
	.p_page .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;}

	/*翻页数字*/
	.p_page .pageNum {
		position: relative;
		float: left;
		height: 40px;
		min-width: 40px;
		margin: 0px 10px;
		padding: 0px;
		background-size: 100% 100%;
		color: #595959;
		border: none;
		cursor: pointer;
		line-height: 40px;
		display: inline-block;
		font-family: inherit;
		font-size: 16px;
		font-weight: inherit;
		text-decoration: none;
		background-color: #fff;
		text-align: center;
		border-radius: 0px;
	}
	.p_page .pageNum:hover {
		color: #fff;
		border-color: #d7010f;
		cursor: pointer;
		text-decoration: none;
		background-color: #d7010f;
	}
	.p_page .pageNum:active {
		color: #fff;
		text-decoration: none;
		background-color: #d7010f;
		border-color: #d7010f;
	}
	.p_page .pageNum.active {
		text-decoration: none;
		background-color: #d7010f;
		color: #fff;
		border-color: #d7010f;
	}
	.p_page .pageNum .font {
		display: table-cell;
		vertical-align: middle;
		bottom: 0
	}
	.p_page .pageNum .iconfont {
		display: inline;
		color: rgba(255, 255, 255, 1);
		vertical-align: middle
	}
	.p_page .pageNum:hover .iconfont {
		color: rgba(255, 255, 255, 1)
	}
	.p_page .pageNum:active .iconfont {
		color: rgba(255, 255, 255, 1)
	}
	.p_page .pageNum .iconfont:before {
		content: ""
	}

	/*翻页省略*/
	.p_page .PageInterval {
		line-height: 30px;
		cursor: text;
		color: rgba(102, 102, 102, 1)
	}
	.p_page .p_PageInterval {
		line-height: 30px;
		cursor: text;
		color: #ccc;
		font-family: cursive;
	}

	/*每页显示条数*/
	.p_page .pagesize{
		font-size:14px;
		float:left;
		margin-left: 10px;
	}

	/*占位容器*/
	.p_OccupyBox {
		margin: 0;
		width: auto;
		height: auto;
		padding: 0;
		border: none;
		overflow: hidden;
		text-align: center;
	}

	/* 跑马灯 start */
	.p_CommonInteraction{
		margin:0;
		width: 236px;
		height:317px;
		padding:0;
		border-width:1px;
		border-style: none;
		border-color:rgba(228,228,228,0);
		background-color:transparent;
		overflow: hidden;
	}
	.p_CommonLanternBox{ 
		position: relative;   
		margin:0;
		width: auto;
		height:auto;
		padding:0;
		border-width:1px;
		border-style: none;
		border-color:rgba(228,228,228,0);
		background-color:transparent;
		overflow: hidden;
	}
	.p_CommonSwitchBtnA{
		position: absolute;
		top: 50%;
		left: 50%;
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
		font-size: 45px;
		color: #e5e5e5;
		transform: translate(-50%,-50%);
	}
	.p_CommonSwitchBtnA .iconfont:before{
		content: "\e687";
		display: inline-block;
	}
	.p_CommonSwitchBtnA:hover{
		cursor:pointer;
		color:#d7010f;
	}
	.p_CommonSwitchBtnB{
		position: absolute;
		top: 50%;
		right: 50%;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		transform: translate(50%,-50%);
		font-size: 45px;
		color: #e5e5e5;
		vertical-align: middle;
		cursor: pointer;
	}
	.p_CommonSwitchBtnB .iconfont:before{
		content: "\e6ae";
		display: inline-block;
	}

	.p_CommonSwitchBtnB:hover {
		color: #d7010f;
		cursor: pointer
	}


	.d_CommonInteractionA{
		left: 0;
		width: 60px;
		height: auto;
		vertical-align: middle;
		position: absolute;
		overflow: visible;
		top: 50%;
		transform: translate(0,-50%);
	}
	.d_CommonInteractionB{
		right: 0;
		width: 60px;
		height: auto;
		vertical-align: middle;
		position: absolute;
		overflow: visible;
		top: 50%;
		transform: translate(0,-50%);
	}

	/*方形图片组符*/
	.p_CommonSummaryBoxA {
		margin: 0 0 20px;
		width: auto;
		height: auto;
		padding: 0;
		border-width: 1px;
		border-style: none;
		border-color: rgba(228, 228, 228, 0);
		background-color: transparent;
		overflow: hidden;
		text-align:center;
	}
	.p_CommonThumbnailBox {
		margin: 0;
		width: auto;
		height: auto;
		padding: 0;
		border-width: 1px;
		border-style: none;
		border-color: rgba(228, 228, 228, 0);
		background-color: transparent;
		overflow: hidden
	}
	.p_CommonSquareNumBtn {
		display: inline-block;
		height: 10px;
		width: 100px;
		margin: 0 8px;
		padding: 0;
		background-color: rgba(228, 228, 228, 1);
		border-width: 1px;
		border-color: transparent;
		color: rgba(153, 153, 153, 1);
		font-size: 12px;
		font-family: "Microsoft YaHei";
		text-align: center;
		cursor: pointer
	}

	.p_CommonSquareNumBtn img {
		display: none
	}

	.p_CommonSquareNumBtn .shape {
		text-indent: -9999em;
		width: inherit;
		height: inherit;
		vertical-align: middle
	}

	.p_CommonSquareNumBtn.active,
	.p_CommonSquareNumBtn:hover {
		background-color: #d7010f;
		color: #fff;
	}

	.p_CommonSquareNumBtn.j-nav-active {
		background-color: rgba(103, 184, 180, 1);
		color: rgba(255, 255, 255, 1)
	}

	/* 跑马灯 end */

	/* 显示拖动条 */
	.p_scroll {
		width: 100%;
		height: auto;
		position: relative
	}
	.p_scroll .vline {
		width: 100%;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #F0F0F0;
		opacity: 1;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
	.p_scroll .scrolling {
		width: 77px;
		height: 25px;
		border: 1px solid #BABABB;
		background: -webkit-linear-gradient(#fff, #F2F2F3);
		background: -o-linear-gradient(#fff, #F2F2F3);
		background: -moz-linear-gradient(#fff, #F2F2F3);
		background: linear-gradient(#fff, #F2F2F3);
		border-radius: 6px;
		position: relative;
		left: 50%;
		text-align: center;
		font-size: 15px;
		box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
		color: #AAA;
		cursor: pointer
	}
	.p_scroll .scrolling:hover {
		border: 1px solid #BABABB;
		background: -webkit-linear-gradient(#fff, #F7F7F8);
		background: -o-linear-gradient(#fff, #F7F7F8);
		background: -moz-linear-gradient(#fff, #F7F7F8);
		background: linear-gradient(#fff, #F7F7F8)
	}
	.p_scroll .scrolling:active {
		border: 1px solid #BABABB;
		background: -webkit-linear-gradient(#fff, #E4E4E4);
		background: -o-linear-gradient(#fff, #E4E4E4);
		background: -moz-linear-gradient(#fff, #E4E4E4);
		background: linear-gradient(#fff, #E4E4E4);
		box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1)
	}

	/* 滚动加载 */
	.p_more {
		position: static;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-right: 20px;
		padding-left: 20px;
		height: 70px;
		background-color: #F6F7F8;
		position: relative;
		border-radius: 0;
		border-width: 0;
		color: rgba(115, 115, 131, 1);
		font-size: 18px
	}
	.p_more:active {
		background-color: #F6F7F8
	}
	.p_more .font {
		vertical-align: middle;
		text-align: inherit;
		line-height: 70px;
	}
	.p_more .iconfont {
		display: inline;
		vertical-align: middle;
		font-style: normal
	}
	.p_more .iconfont:before {
		content: "\e6d1";
	}
}
/* 分页样式end */
/* 步骤条 start */
/* pc */
.p_stepBox {
    width: 100%;
    height: 30px;
    font-size: 0;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    margin: 20px auto 0;
}
.p_stepBox .step {
	display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: 0 5px;
    color: #ccc;
    min-width: 110px;
    float: none;
}
.p_stepBox .step .stepCon {
    float: left;
    margin-right: 10px;
}
.p_stepBox .step .stepNum {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 12px;
}
.p_stepBox .step .p_stepCompletedIcon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #d7010f;
    border-radius: 50%;
    font-size: 12px;
    color: #d7010f;
    display: none;
}
.p_stepBox .step .stepText {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 4px;
}
.p_stepBox .step .stepLine {
    height: 1px;
    overflow: hidden;
    background: #ccc;
    margin-top: 16px;
}
.p_stepBox .step.active .stepNum {
    background: #d7010f;
    color: #fff;
    border-color: #d7010f;
}
.p_stepBox .step.active .stepText {
    color: #000;
    font-weight: 600;
}
.p_stepBox .step.active .stepLine {
    background: #d7010f;
}
.p_stepBox .step.completed .stepNum {
    display: none;
}
.p_stepBox .step.completed .p_stepCompletedIcon {
    display: inline-block;
}
.p_stepBox .step.completed .stepText {
    color: #000;
}
.p_stepBox .step.completed .stepLine {
    background: #d7010f;
}
.overstriking{
	color: black;
	font-weight: 700
}

/* 步骤条 end */

.activity{
	border-radius: 3px
}
.imaginary{
	border-bottom: 1px dotted gray
}
.reply{
	background: #E1E1E1;
	color: white;
}
.reviewBackground{
	background: #EEEEEE

}
.background_fb{
	background-color: #bfbfbf;

}

.background_horizon{
	background: white
}