@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-family:"PingFangSC-Medium","microsoft yahei",sans-serif,Arial;line-height:1.5;}

/* 导航部分 */
.web_tele_cost_2503{width:100%;min-width:1000px;max-width:1200px;margin:0 auto;}
.web_tele_cost_2503 .rank{font-size:18px;font-weight:bold;color:#666;margin-top: 14px;margin-bottom: -8px;}
.web_tele_cost_2503 .rank span{display:inline-flex;align-items: center; margin-right:6px;cursor: pointer;}
.web_tele_cost_2503 .rank span:after{
	content:"";
	width:6px;height:6px;display: inline-block;margin-left: 5px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	-webkit-transform:rotate(45deg);
}
.web_tele_cost_2503 .rank span:last-child{color:#333;}
.web_tele_cost_2503 .rank span:last-child:after{
	content:"";
	width:6px;height:6px;display: inline-block;margin-left: 5px;
	border-top:none;
	border-right:none;
}


.web_tele_cost_2503 .nav_main{width:100%;margin:0 auto;display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background-color: #fff;border-radius: 0 0 10px 10px;-webkit-filter:drop-shadow(0 5px 7px rgba(0,0,0,0.05));position: relative;transition: all ease 0.3s;cursor: default;}
.web_tele_cost_2503 .nav_main .tab{flex:1;padding:0 20px;display: flex;align-items: center;height:48px;line-height: 48px;font-size:16px;color:#999;}
.web_tele_cost_2503 .nav_main .tab .lay{padding:0 20px;display: inline-block;position: relative;font-weight:bold;white-space: nowrap;}
.web_tele_cost_2503 .nav_main .tab .lay:hover{color:#4c73ff;}
.web_tele_cost_2503 .nav_main .tab .lay.active{color:#4c73ff;}
.web_tele_cost_2503 .nav_main .tab .lay.active::before{
	content:"";
	width:0;height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #f1f1f1;
	position: absolute;bottom:-12px;left:50%;-webkit-transform: translateX(-50%);
	}

.web_tele_cost_2503 .nav_main .city{font-size:14px;padding:0 20px;font-weight:bold;position: relative;}
.web_tele_cost_2503 .nav_main .city .name{height:48px;line-height: 48px;color:#4c73ff;display: inline-flex;align-items: center;cursor:default;}
.web_tele_cost_2503 .nav_main .city .name:after{
	content:"";
	width:6px;height:6px;display: inline-block;margin-left: 5px;position: relative;top:-2px;
	border-top:2px solid #4c73ff;
	border-right:2px solid #4c73ff;
	-webkit-transform: rotate(135deg);
	transition: all ease 0.3s;
}
.web_tele_cost_2503 .nav_main .city:hover .name:after{
	content:"";
	width:6px;height:6px;display: inline-block;margin-left: 5px;position: relative;top:2px;
	border-top:2px solid #4c73ff;
	border-right:2px solid #4c73ff;
	-webkit-transform: rotate(315deg);
	transition: all ease 0.3s;
}
.web_tele_cost_2503 .nav_main .city .more{position: absolute;top:40px;right:-20px;width:215px;padding:10px 20px;background-color: #fff;border-radius:10px;box-shadow: 0 1px 8px rgba(0,0,0,0.06);display: none;z-index:2;}
.web_tele_cost_2503 .nav_main .city .more span{display: inline-block;font-size:12px;color:#999;padding:3px 8px;white-space: nowrap;}
.web_tele_cost_2503 .nav_main .city .more span:hover{color:#4c73ff;}


.web_tele_cost_2503 .nav_main .type{width:100%;background-color: #fff; padding:0 20px 18px;display: none;position: absolute;left:0;right:0;top:48px;border-radius: 0 0 10px 10px;}
.web_tele_cost_2503 .nav_main .type::before{
	content:"";
	position: absolute;left:0;right:0;top:-15px;z-index:-1;
	height:15px;
	background-color: #fff;
}
.web_tele_cost_2503 .nav_main .type .box{width:100%;border-radius:7px;background-color: #f1f1f1;padding:14px 20px 4px;display: none;}
.web_tele_cost_2503 .nav_main .type .box .lay{width:100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 5px;font-size:15px;font-weight:bold;}
.web_tele_cost_2503 .nav_main .type .box .lay:last-child{margin-bottom: 0;}
.web_tele_cost_2503 .nav_main .type .box .lay .obj{height:28px;line-height:26px;color:#333;width:90px;}
.web_tele_cost_2503 .nav_main .type .box .lay .right{flex:1;display: flex;flex-wrap: wrap;}
.web_tele_cost_2503 .nav_main .type .box .lay .right span{display: inline-block;height:28px;line-height:28px;font-size:14px;padding:0 17px;border-radius: 100px;background-color: #fff;margin-right:12px;margin-bottom: 10px;white-space: nowrap;}
.web_tele_cost_2503 .nav_main .type .box .lay .right span.active{background-color:#4c73ff;color:#fff;}
.web_tele_cost_2503 .nav_main .type .box .lay .right span:not(.inp):hover{background-color:#4c73ff;color:#fff;}

.web_tele_cost_2503 .nav_main .type .box .lay .right span.inp{padding:0 7px;margin-right:17px;position: relative;}
.web_tele_cost_2503 .nav_main .type .box .lay .right span.inp::after{
	content:"";
	width:8px;border-top:1px solid #999;
	position: absolute;right:-13px;top:50%;-webkit-transform: translateY(-50%);
}
.web_tele_cost_2503 .nav_main .type .box .lay .right span.inp:last-child::after{
	content:"";
	width:8px;border:none;
}
.web_tele_cost_2503 .nav_main .type .box .lay .right span.inp input{width:80px;border: none;outline: none;text-align: center;background: none;font-weight:bold;coursor:text;}
.web_tele_cost_2503 .nav_main .type .box .lay .right span:not(.inp){cursor:pointer;}

/* 套餐列表 */
.web_tele_cost_2503 .pro_list{width:100%;margin:24px auto;}
.web_tele_cost_2503 .pro_list .lay{margin-bottom: 24px;}
.web_tele_cost_2503 .pro_list .lay .title{width:100%;font-size:20px;color:#333;font-weight:bold;display:flex;justify-content: space-between;align-items: center;margin-bottom:22px;}
.web_tele_cost_2503 .pro_list .lay .title .serial{font-size:14px;color:#8f94a5;margin-left: 20px;}
.web_tele_cost_2503 .pro_list .lay .cons{background-color: #fff;border-radius: 10px;padding:20px 20px 20px;}
.web_tele_cost_2503 .pro_list .lay .cons .floor{border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 20px;}
.web_tele_cost_2503 .pro_list .lay .cons .floor:last-of-type{border-bottom:none;padding-bottom: 0px;margin-bottom: 0px;}
.web_tele_cost_2503 .pro_list .lay .cons .floor .tit{font-size:20px;font-weight:bold;color:#333;margin-bottom: 20px;}
.web_tele_cost_2503 .pro_list .lay .cons .floor .box{width:100%;clear: both;position: relative;column-width:auto;column-gap:10px;column-count:2}
.web_tele_cost_2503 .pro_list .lay .cons .floor .box::after{
	content:"";
	display: block;
	clear: both;
}

.web_tele_cost_2503 .pro_list .lay .cons .floor .box .lay_s{vertical-align: top; margin-bottom: 8px;padding-right:40px; display: flex;justify-content: space-between;align-items: flex-start;font-size:14px;color:#666;}
.web_tele_cost_2503 .pro_list .lay .cons .floor .box .lay_s .right{flex:1;text-align:justify;word-break: break-all;}

.web_tele_cost_2503 .pro_list .lay .cons .floor .table {width:100%;font-size:14px;background-color: #fff;border-collapse: collapse;border: 1px solid #b7c7ff;margin-bottom: 5px;}
.web_tele_cost_2503 .pro_list .lay .cons .floor .table th{background-color: #e9eeff;color:#4c73ff;}
.web_tele_cost_2503 .pro_list .lay .cons .floor .table th,td {padding:13px 20px;line-height: 1.3;text-align: center;border: 1px solid #b7c7ff;}

.web_tele_cost_2503 .pro_list .lay .cons .floor .rule{font-size:14px;margin-top:15px;color:#333;font-weight:normal;}
.web_tele_cost_2503 .pro_list .lay .cons .floor .rule.fold{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; overflow: hidden;font-weight:normal;}
.web_tele_cost_2503 .pro_list .lay .cons .floor .rule p{margin-bottom:8px;text-align: justify;}
.web_tele_cost_2503 .pro_list .lay .cons .btn{margin:18px auto 0;width:90px;height:30px;color:#4c73ff;border-radius: 100px;box-shadow: 0 0 0 1px #4C73FF inset;font-size:12px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.web_tele_cost_2503 .pro_list .lay .cons .btn::after{
	content:"";
	width:6px;height:6px;display: inline-block;margin-left: 0px;
	border-top:1px solid #4c73ff;border-right:1px solid #4C73FF;
	-webkit-transform: rotate(45deg);
}

.web_tele_cost_2503 .pro_list .lay .cons .btn:hover{background-color: #4C73FF;color:#fff;}
.web_tele_cost_2503 .pro_list .lay .cons .btn:hover::after{
	content:"";
	width:6px;height:6px;display: inline-block;margin-left: 0px;
	border-top:1px solid #fff;border-right:1px solid #fff;
	-webkit-transform: rotate(45deg);
}

.web_tele_cost_2503 .back_to_list{position: fixed;right: 0;bottom: 40px;width: 109px;height: 40px;background-color: #5b82ff;border-radius: 20px 0px 0px 20px;cursor: pointer;display:inline-flex;align-items: center;justify-content: center;font-size:14px;color:#fff;font-weight:bold;padding-right:0px;}
.web_tele_cost_2503 .back_to_list::before{
	content:"";
	width:14px;height:14px;
	background: url(../images/back.png) center center/100% 100% no-repeat;
	margin-right:6px;display: inline-block;
}
