@charset "utf-8";
/*
 *@Author: xiaoyan.liang
 *@Date: 2018-06-08
 *@Remark: 首页样式
 */
/***** 主体信息 *****/
/* .clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    visibility:hidden; 
    clear:both; 
}
.clearfix {
     zoom:1;
 } */
.w-1170:after{
	content: "";
	display: block;
	clear: both;
}
.main-info{
	position: relative;
	background-color: #F7F7F7;
	padding: 10px 0;
}
/*** 系统消息 ***/
.sys-info{
	height: 40px;
	line-height: 38px;
	overflow: hidden;
	background-color: #FFF1F1;
	border-top: 1px solid #F1E5E5;
	border-bottom: 1px solid #F1E5E5;
}
.sys-info .sys-title{
	margin-right: 40px;
}
.sys-info .sys-title i{
	position:relative;
	top: 7px;
	left: 10px;
	margin-right: 20px;
	font-size: 26px;
	color: #FD807C;
}
.sys-info .sys-title span{
	font-size: 16px;
	color: #B33334;
}
.message-box {
    height: 40px;
    width: 918px;
    float: left;
    position: relative;
}
.message-box .bd {
	padding: 7px;
	overflow:hidden;
}
.message-box .bd > ul{
	overflow:hidden; zoom:1;
}
.message-box .bd ul > li {
    margin-right:150px;  
    float:left; 
    height:24px; 
    line-height:24px;  
    text-align:left;
    display: block; 
    list-style-type:square;
    width:auto;
    overflow:hidden;
}
.message-box .bd ul > li > a{
	color:#333;
	padding-right:20px;
	display: inline-block;
}
.message-box .bd ul > li > span{
	white-space:nowrap;
	word-break:keep-all;
	display: inline-block;
}
/* .slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  } */
/* .sys-info ul{
	overflow:hidden;
} 
.sys-info ul li{
	float: left;
	padding: 0 50px;
}
.sys-info ul li a{
	color: #000;
	margin-right: 50px;
	cursor: pointer;
}
.sys-info ul li a:hover{
	color: #B33334;
}
.sys-info .message-box{
	width: 900px;
    height: 40px;
} */
.sys-info .more{
	padding: 0 15px;
	color: #6C87D8;
	cursor: pointer;
}
.sys-info .more:hover{
	color: #B33334;
	text-decoration: none;
}
/*** news-container ***/
.news-container{
	margin-top: 10px;
	/* overflow: hidden; */
}
/*== 位置信息 == */
.news-container .land-info{
	float:left;
	width: 220px;
	height: 274px;
	margin-right: 10px;
	padding: 5px 15px;
	border: 1px solid #B33334;
	background-color: #fff;
}
/* 标题  */
.land-info .title{
	height: 39px;
	line-height: 39px;
	border-bottom: 1px dashed #C9C9C9;
	font-size: 15px;
	overflow:hidden;
}
.land-info .land-type .title i{
	position:relative;
	top: 2px;
	right: 0;
	margin-right: 5px;
	font-size: 18px;
	color: #D8130B;
}
.land-info .title i{
	position:relative;
	top: 2px;
	right: 0;
	margin-right: 4px;
	display:inline-block;
	width: 17px;
	height: 18px;
    vertical-align: text-top;
}
.land-type-icon-bg{
	background: url("../imgs/icons.png") no-repeat -97px -193px;
}
.land-location-icon-bg{
	background: url("../imgs/icons.png") no-repeat -97px -145px;
}
/* 标的类型 */
.land-info .land-type ul{
	overflow:hidden;
	padding: 4.5px 0 0;
}
.land-info .land-type ul li{
	float: left;
    width: 52px;
    height: 22px;
    margin: 4.5px;
    line-height: 22px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
}
.land-info .land-type ul li:hover{
	color:#B33334;
}
.land-info .land-type ul li.active{
	color: #B33334;
}
/* 标的所在地 */
.land-info .land-location ul{
	padding: 5px 0 0;
    height: 126px;
    overflow: hidden;
}
.land-info .land-location ul li{
    position: relative;
    float: left;
	width: 52px;
	height:22px;
	margin:2px 4.5px 0;
	line-height:22px;
	font-size: 13px;
}
.land-info .land-location ul li.active>a{
    border: 1px solid #ddd;
    background: #f7f7f7;
    border-bottom: transparent;
    position: absolute;
    z-index: 99;
}
.land-info .land-location .department-more {
    position: absolute;
    right: -17px;
    width: 65px;
    bottom: 0px;
    height: 30px;
    font-size: 13px;
    line-height: 37px;
}
.land-info .land-location .department-more > a {
	color: #B33334;
    font-weight: bold;
    cursor: pointer;
}
.land-info .land-location ul li a{
	color:#333;
	display:block;
	width:100%;
	height:100%;
	cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-indent: 13px;
}
.land-info .land-location .more-location ul li a.active {
	color: #B33334;
}
.land-info .land-location ul li a.active{
	color: #B33334;
}
.land-info .land-location ul li a:hover{
	color: #B33334;
}
.land-info .land-type{
	margin-bottom:20px;
}
/*子行政区*/
.land-location ul li.department>ul{
    display: block;
    width: 195px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    /* border-radius: 5px; */
    position: absolute;
    top: 21px;
    z-index: 1;
    left: -69px;
    padding-top: 0px;
}
.land-location ul li.department>ul li{
	float:left;
	width:auto;
}
.land-location{
    position: relative;
}
/* 行政区子站点更多拓展 */
.more-location{
    position: absolute;
    width: 670px;
    height: 274.5px;
    background: white;
    z-index: 9999999999;
    left: 63px;
    top: -235.5px;
    border: 1px solid #b33334;
    overflow: auto;
}
.more-location dl {
	display: block;
	width: 100%;
	line-height: 35px;
	float: left;
    margin: 5px 0;
    padding: 0 10px;
    min-height: 44px;
    position: relative;
    overflow: hidden;
}
.more-location dt{
    width: 70px;
    float: left;
    margin-right: 20px;
    line-height: 44px;
    color: #333;
    text-align: right;
}
.more-location dt > a.active {
    color: #B33334;
}

.more-location dt > a {
    color: #333;
    cursor:pointer;
}
.more-location dd{
	float: left;
	width:540px;
}
.more-location dl ul{
	float: none;
    overflow: hidden;
    margin: 0;
    padding-top: 7px;
    padding-left: 0;
}
.land-info .more-location ul {
    height: auto;
}
.land-info .more-location ul li {
    width: auto;
    height: 30px;
    line-height: 30px;
}
.more-location dl li{
	padding:2px 6px;
	margin:0 3px !important;
}
.more-location dl li:hover{
	color:#B33334;
    cursor: pointer;
}
/*== banner ==*/
.news-container .banner{
	position: relative;
    float: left;
    width: 659px;
    height: 274px;
    border: 1px solid #DDE1E2; 
    margin-right: 10px;
}
/* 内容切换 */
.banner .carousel-inner{
	display:block;
	height: 100%;
}
.banner .carousel-inner ul{
	overflow: hidden;
}
.banner .carousel-inner > ul > li{
	width: 100%;
	height: 100%;
}
.banner .carousel-inner p{
	overflow:hidden;
	padding: 25px;
}
.banner .carousel-inner p a.left{
	font-size: 16px;
    color: #000;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    width: 300px;
    height: 24px;
}
.banner .carousel-inner p span.right{
	color: #E56464;
    line-height: 24px;
    width: 270px;
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
/*公告滚屏*/
.banner .carousel-inner > div{
	cursor:pointer;
	height: 100%;
}
.banner .carousel-inner > div[data-target="0"]{
	background: url("../imgs/banner-1.png") no-repeat center;
}
.banner .carousel-inner > div[data-target="1"]{
	background: url("../imgs/banner-2.png") no-repeat center;
}
.banner .carousel-inner > div[data-target="2"]{
	background: url("../imgs/banner-3.png") no-repeat center;
}
.banner .carousel-inner > div[data-target="3"]{
	background: url("../imgs/banner-4.png") no-repeat center;
} 
/* background: url("../imgs/banner-3.png") no-repeat center; */
.banner .carousel-inner p a.left:hover{
	text-decoration:none;
}
.banner .carousel-inner p span.right{
	color: #E56464;
	line-height: 24px;
}
.banner .carousel-inner p span.right .news-type{
	margin-left: 5px;
	padding: 0 13px;
	background-color: #688FCA;
	color:#fff;
	border-radius: 3px;
}
.banner .carousel-inner .date-box{
	width:100%;
	height: 158px;
	padding:25px 0;
	margin-bottom: 52px;
	border-radius: 5px;
	text-align:center;
}
.banner .carousel-inner .date-box li{
	margin: 12px 0;
	font-size: 15px;
	color: #646464; 
}
.banner .carousel-inner .date-box li span.date{
	color: #E75050;
}
.banner .carousel-control.left {
	position: absolute;
	top: 115px;
	left: -1px;
	width: 29px;
    height: 40px;
    background: url(../imgs/icons.png) no-repeat 0px -792px;
    z-index: 1000;
    cursor: pointer;
}
.banner .carousel-control.right {
	position: absolute;
	top: 115px;
	right: 0;
	width: 29px;
    height: 40px;
    background: url(../imgs/icons.png) no-repeat -73px -792px;
    z-index: 1000;
    right: 0;
    cursor: pointer;
}
.banner .carousel-indicators li{
	background-color: rgb(153, 153, 153);
}
.banner .carousel-indicators .active{
	background-color: rgb(26, 134, 242);
}
.banner .carousel-indicators {
    bottom: 4px;
}
/* 服务中心 */ 
.news-container .service{
	float:left;
	width: 271px;
	height: 274px;
	border: 1px solid #DDE1E2;
	text-align: center;
	background: url("../imgs/service-bg.png") no-repeat center;
}
.service .title{
	margin: 13px 0;
	font-size: 18px;
}
.service ul{
	overflow: hidden;
	margin: 10px 0;
	padding: 0 25px;
}
.service ul li{
	float: left;
	width:50%;
	margin: 15px 0;
}
.service ul li a{
	display:block;
	color: #343434;
	cursor: pointer;
	font-size: 13px;
}
.service ul li a:hover{
	text-decoration:none;
}
.service ul li a:hover span{
	color: #B33334;
}
.service ul li a i{
	display:block;
	width: 22px;
	height: 23px;
	margin: 0 auto 5px;
}
.bidding-process-icon-bg{
	background: url("../imgs/icons.png") no-repeat -145px -769px;	
}
.download-icon-bg{
	background: url("../imgs/icons.png") no-repeat -240px -769px;
}
.map-icon-bg{
	background: url("../imgs/icons.png") no-repeat -194px -769px;
}
.operate-icon-bg{
	background: url("../imgs/icons.png") no-repeat -146px -833px;
}
.service ul li a:hover i.bidding-process-icon-bg{
	background: url("../imgs/icons.png") no-repeat -145px -801px;
}
.service ul li a:hover i.download-icon-bg{
	background: url("../imgs/icons.png") no-repeat -240px -801px;
}
.service ul li a:hover i.map-icon-bg{
	background: url("../imgs/icons.png") no-repeat -194px -801px;
}
.service ul li a:hover i.operate-icon-bg{
	background: url("../imgs/icons.png") no-repeat -146px -864px;
}
/* 客服电话 */
.service .contact{
	border-top: 1px solid #DDDDDD;
}
.service .contact p.tel{
	margin: 15px 0 10px;
	font-size: 15px;
    color: #3e3e3e;
}
.service .contact p.tel i{
    margin-right: 7px;
}
.service .contact b{
	font-size: 20px;
    color: #B33334;
    margin-bottom: 10px;
    display: block;
}
/* 交易流程 */
.trade-process{
	min-height: 80px;
	margin-top: 10px;
	border: 1px solid #DDE1E2;
}
.trade-process .title{
	float: left;
	width: 110px;
	margin-top: 16px;
	font-size: 16px;
	background-color: #F6F6F6;
	text-align:center;
}
.trade-process ul{
	float:left;
	overflow: hidden;
	width: 1058px;
	height: 100%;
	padding: 19px 0;
	background-color: #fff;
}
.trade-process ul li{
	float: left;
	overflow: hidden;
	padding: 0 16px;
}
.trade-process ul li:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 3px solid #f3f2f2;
    border-left: 3px solid #f3f2f2;
    transform: rotate(135deg);
    margin: 10px 0 10px 14px;
}
.trade-process ul li:last-child:after{
	display: none;
}
.trade-process ul li:hover b{
	background: url(../imgs/icons.png) no-repeat 0px -385px;
	color: #fff;
}
.trade-process ul li:hover p{
	color: #B33334;
}
.trade-process ul li b{
	float: left;
	display: block;
	width: 41px;
	height: 39px;
	margin-right: 14px;
	text-align: center;
	font-size: 26px;
	color:#9A9A9A;
	background: url(../imgs/icons.png) no-repeat -73px -385px;
	/* transition: all 200ms linear; */
}
.trade-process ul li.active b{
	background: url(../imgs/icons.png) no-repeat 0px -385px;
	color: #fff;
}
.trade-process ul li.active p{
	color: #B33334;
}
.trade-process ul li p{
	float:left;
	color: #2C2C2C;
	margin: 0;
}
.trade-process ul li p .step{
	font-size: 12px;
}
.trade-process ul li p .name{
	font-size: 14px;
	font-weight: bold;
}
/* 箭头 */
.trade-process ul li.arrow{
	margin-right: 8px;
	padding: 0;
	font-size: 26px;
	color: #DDDDDD;
}
/* 步骤样式1 */
.step-style-1 {
    background: #FFF;
    border: 0;
}
.step-style-1 .title{
	background: #FFF;
    width: 80px;
}
.step-style-1 .title b{
	position: relative;
    left: 10px;
}
.step-style-1 ul{
	background:transparent;
	padding: 0 0;
	width: 1088px;
}
.step-style-1 ul li {
    background: #eaeaea;
    padding: 0 0;
    width: 177.2px;
    height: 80px;
	position: relative;
	overflow: initial;
}
.step-style-1 ul li:first-child:before{
	content: "";
    display: block;
    float: left;
    border-top: 39px solid transparent;
    border-bottom: 39px solid transparent;
    border-left: 40px solid #FFF;
    position: inherit;
    transform: rotate(0deg);
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.step-style-1 ul li:before{
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    border-left: 5px solid #FFF;
    border-top: 5px solid #FFF;
    position: absolute;
    transform: rotate(135deg);
    top: 10px;
    left: -50px;
}
.step-style-1 ul li:after{
	content:"";
	display: none;
}
.step-style-1 ul li:last-child:after{
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    border-left: 20px solid #FFF;
    border-top: 20px solid #FFF;
    position: absolute;
    transform: rotate(135deg);
    top: 2px;
    right: -30px;
    background: #eaeaea;
    margin: 0 0;
}
/* .step-style-1 ul li:nth-child(2n){
	display: none;
} */
.step-style-1 ul li:nth-child(1) a{
	width: 135px;
}
.step-style-1 ul li:nth-child(1) a p{
    width: 70%;
}
.step-style-1 ul li a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
.step-style-1 ul li a b {
	position: absolute;
    top: 20px;
    right: 0;
    background: transparent;
    color: #FFF;
    margin: 0;
    height: 41px;
    width: 41px;
    line-height: 41px;
}
.step-style-1 ul li a b:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #b14447;
    transform: rotate(45deg);
    border: 5px solid #FFF;
    cursor: pointer;
}
.step-style-1 ul li a b label{
	z-index: 2;
	position: relative;
	margin: 0;
	cursor: pointer;
}
.step-style-1 ul li a p {
	float: left;
    color: #2C2C2C;
    margin: 8px 0 0 0;
    width: 86%;
    text-align: center;
}
.step-style-1 ul li a p .step{
    display: none;
}
.step-style-1 ul li a p .name{
	font-size: 18px;
}
.step-style-1 ul li:hover a b{
	background: transparent;
}
/*资源板块*/
/*.row.resources > div{
	float:left;
	margin-top: -15px;
}*/
.i-module {
    background: #fff;
    width: 100%;
    padding:10px 0 20px 0;
}
.i-module-subtitle {
	    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #b43136;
    color: #fff;
    text-indent: 10px;
    margin-bottom: 10px;
}
.i-module-subtitle > a {
    color: #fff;
    font-size: 14px;
    cursor:pointer;
    padding-right: 10px;
}
.i-module-subtitle > a > span {
    padding:0 5px;
}
.i-module-gray{
	background: #f3f3f3;
    width: 100%;
    padding:20px 0 20px 0;
}
.i-module-gray > div > div.row{
	padding-bottom:20px;
}
.i-module-title {
   /*  height: 60px; */
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    border-bottom:1px solid #acacac;
    position:relative;
}
.i-module-title:before,.i-module-title:after{
	content: "";
	display: block;
	clear: both;
}
.i-module-title > a {
    color:#000;
    font-weight: normal;
    font-size: 14px;
}
.i-module-title > a.right {
	position: absolute;
    right: 0;
    top: 6px;
}
.i-module-title > a.right:hover{
	color:#b43136;
}
.i-module-title > a.right > span{
	color: #b43136;
    padding: 0 5px;
}
.i-module-title .title-name{
	font-weight:bold;
	font-size:22px;
}
.i-module-title .title-name > span{
	color:#b43136;
}
.i-announcement{
	margin:0;
}
.i-annoucement-type {
	font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 370px;
    margin: 21px auto 10px auto;
}
.i-annoucement-type > a {
    display: block;
    float: left;
    width: 180px;
    height: 27px;
    border: 1px solid #eaeaea;
    text-align: center;
    line-height: 26px;
    color: #333;
    margin-left: 5px;
    cursor: pointer;
}
.i-annoucement-type > a.active{
	background-color: #be0e10;
    color: #fff;
    border: 1px solid #be0e10;
}
.i-annoucement-type > a.active > i{
	display:block;
	height:0;
	width:0;
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #be0e10;
    margin:auto;
}
/*添加首页各区块的table页切换样式*/
.i-module-title-margin{
	margin: 0 auto 10px;
}
.i-type-list{
    /*overflow: hidden;*/
}
.i-type-list-float {
    float: left;
    max-width: calc(100% - 88px - 75px );
}
.i-type-list ul{
  /*  overflow: hidden;*/
    font-size: 0;
    text-align: left;
    width: auto;
    margin: 0 0 0 25px;
    line-height: 0;
}
.i-type-list ul li{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px 0 16px;
	height: 60px;
    cursor: pointer;
    position: relative;
    transition: all 0.5s;
    text-align: center;
    border-bottom: 2px solid transparent;
    line-height: 60px;
    /*width: 15%;*/
}
.i-type-list ul li:before{
	position: absolute;
	display: block;
	content: "";
	width: 0.8px;
	height: 40%;
	top: 30%;
	left: 0;
	background: #cacaca;
	/*border-left: 0.8px dashed #cacaca;*/
}
.i-type-list ul li:first-child:before{
	display: none;
}
.i-type-list ul li:hover,.i-type-list ul li.active{
	color: #b22222;
	border-bottom: 2px solid #b22222;
}
.i-type-list ul li.active::after{
    display: block;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #be0e10;
    content: "";
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
}
.i-type-list-float-nohave-icon ul li.active::after {
    border-top: 8px solid #FFF;
    bottom: -7px;
}
.i-type-list-float-nohave-icon ul li{
	border-bottom: 0 !important;
}
/*message dialog*/
.messageDialog {
    position: fixed;
    width: 380px;
    height: 160px;
    border: 1px solid #ddd;
    background: #fff;
    bottom: 20px;
    right: 20px;
    box-shadow: 2px 4px 10px rgba(0,0,0,0.3);
    border-radius: 5px;
    padding: 0px;
    display:none;
    animation-duration: .5s;
}
.messageDialog .message-header{
	background: #d9534f;
    height: 40px;
    color: #fff;
    line-height: 40px;
    border-top-left-radius: 5px;
    padding: 0px 15px;
    border-top-right-radius: 5px;
}
.messageDialog .message-close {
    color: #fff;
    float: right;
    padding: 0 0 0 15px;
    cursor: pointer;
}
.messageDialog .message-content {
    height: 80px;
    overflow: hidden;
}
.messageDialog .message-content a {
    color: #333;
}
.messageDialog .message-content > div {
    height: 80px;
}
.messageDialog .message-content > div > p{
    width:378px;
    float:left;
    padding: 20px;
    margin: 0;
}
.messageDialog .message-content a:hover {
    text-decoration: underline;
}
.messageDialog .message-buttons a {
    color: #d9534f;
    padding: 5px;
    cursor: pointer;
}
.messageDialog .message-buttons a.text{
	cursor:text;
}
.messageDialog .message-buttons {
    height: 40px;
    width: 100%;
    line-height: 40px;
    border-top: 1px solid #d9534f;
    padding-right: 20px;
}
.messageDialog .message-buttons > div > a > span {
    padding: 0 2px;
}
.service .contact i{
	transition: all 0.5s;
}
.more-tel-info,.more-tel-info-a {
    display: block;
    width: 30px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}
.more-tel-info:before,.more-tel-info:after {
    content: "";
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: #d6d6d6;
    position: absolute;
    top: 1px;
    left: 10px;
 	width: 8px;
    height: 8px;
    transform: rotate(135deg);
    animation:moreTel 3s infinite;
	-webkit-animation:moreTel 3s infinite; /* Safari 和 Chrome */
}
@keyframes moreTel{
	0% {
		border-color: #9c9c9c;
	}
	50% {
		border-color: #222;
	}
	100% {
		border-color: #9c9c9c;
	}
}
@-webkit-keyframes moreTel{
	0% {
		border-color: #9c9c9c;
	}
	50% {
		border-color: #222;
	}
	100% {
		border-color: #9c9c9c;
	}
}

.more-tel-info:after{
	top:6px;
}
.more-tel-info-a:before,.more-tel-info-a:after{
    content: "";
    border-right: 1px solid #222;
    border-top: 1px solid #222;
    position: absolute;
    top: 1px;
    left: 10px;
 	width: 8px;
    height: 8px;
    transform: rotate(-45deg);
}
.more-tel-info-a:after{
	top:6px;
}
.more-tel-box{
    position: relative;
    z-index: 10;
    background: url(../imgs/service-bg.png) no-repeat center;
    font-size: 22px;
    font-weight: 700;
    color: #B33334;
    border-left: 1px solid #dde1e2;
    border-right: 1px solid #dde1e2;
    border-bottom: 1px solid #dde1e2;
    width: 271px;
    left: -1px;
}
.more-tel-box>p{
	font-size:20px;
}
/* 后期添加的资源类型的切换 */
.i-module-title-left{
   text-align: left;
}
.i-module-title-left .title-name{
	float: left;
}
.methods-list-more-types {
    float: left;
    width: 85%;
    padding: 0 20px;
}
.methods-list-more-types ul {
    float: left;
    font-weight: 400;
}
.methods-list-more-types ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px 0 16px;
    height: 58px;
    cursor: pointer;
    position: relative;
    transition: all 0.5s;
    text-align: center;
}
.methods-list-more-types ul li:hover {
    color: #b43136;
}
.methods-list-more-types ul:nth-child(1) {
	float: left;
}
.methods-list-more-types ul:nth-child(2) {
    float: right;
}
.methods-list-more-types ul:nth-child(1) li{
	height: 30px;
	line-height: 30px;
	font-weight: 600;
}
.methods-list-more-types ul:nth-child(1) li.active {
	background: #b43136;
    color: #FFF;
}
.methods-list-more-types ul:nth-child(2) li.active {
    color: #b43136;
    border-bottom: 3px solid #b43136;
}
.methods-list-more-types ul:nth-child(2) li.active:after {
    display: block;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #be0e10;
    content: "";
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
}
.methods-list-more-types-li-after li{
	border-bottom: 0 !important;
}
.methods-list-more-types-li-after li.active:after{
	border-top: 8px solid #FFF !important;
    bottom: -7px !important;
}