*,
body,
div,
p,
ul,
li,
span {
    margin: 0;
    padding: 0;
    color: #333;
}

body,
div,
p,
ul,
li,
span {
    font: .24rem/.24rem Microsoft Yahei, Tahoma, 微软雅黑, Helvetica, Arial, sans-serif;
}

a {
    outline: none;
    text-decoration: none;
}

html {
    font-size: 56.25px;
}

/*字颜色*/
.colorfff {
    color: #fff;
}

.color333 {
    color: #333;
}

.color666 {
    color: #666;
}

.colorE1251B {
    color: #E1251B;
}

/*外边距角度*/
.border-radius-per2 {
    border-radius: .2rem;
}

.border-radius-per3 {
    border-radius: .3rem;
}

.border-radius-rem3 {
    border-radius: .3rem;
}

/*字体大小*/
.fs-rem-point27 {
    font-size: .27rem
}

.fs-rem-point28 {
    font-size: .28rem
}

.fs-rem-point34 {
    font-size: .34rem
}

.fs-rem-point3 {
    font-size: .3rem
}

.fs-rem-point4 {
    font-size: .4rem
}

/*字重*/
.fw-bold {
    font-weight: bold;
}

.margin-0-auto {
    margin: 0 auto
}

ul li {
    list-style: none;
    display: inline-block;
}

.inline-block {
    display: inline-block;
}

/*浮动*/
.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*内边距*/
.padding-per6 {
    padding: 3%;
}

.padding-rem-point5 {
    padding: .5rem;
}

.padding-rem-point2 {
    padding: .2rem;
}

.body {
    width: 100%;
    margin: 0 auto;
    position: relative;
}



.pt-per3 {
    padding-top: 3%;
}

.pt-rem-point3 {
    padding-top: .3rem;
}

.pt-rem-point5 {
    padding-top: .5rem;
}

.pt-pb-per-point28 {
    padding: .28rem 0;
}

.pt-pb-per-point25 {
    padding: .25rem 0;
}

.pb-per3 {
    padding-bottom: 3%;
}

/*外边距*/
.mb-point24 {
    margin-bottom: .24rem;
}

.ml-per1 {
    margin-left: 1% !important;
}

.mt-per2 {
    margin-top: 2% !important;
}

.mt-per3 {
    margin-top: 3% !important;
}

.mt-ren-point3 {
    margin-top: .3rem !important;
}


/*边框*/
.border-E13F1B {
    border: 1px solid #E13F1B;
}

.border-DDDDDD {
    border: 1px solid #DDDDDD;
}

.header-top-top {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: .91rem;
    background-color: #E03727;
}

.header-top-top .p1 img {
    width: 1rem;
}

.header-top-top .p1 span {
    font-size: .3rem;
    line-height: .35rem;
    color: #fff;
    display: inline-block;
    margin-left: .2rem;
    padding-right: .16rem;
    border-right: .02rem solid #fff;
}

.header-top-top .p2 a {
    color: #fffc47;
    font-size: .43rem;
    font-weight: bold;
    margin-left: .18rem;
}

.header-top-top .p3 a {
    font-size: .25rem;
    color: #e03727;
    padding: .11rem .2rem .14rem .18rem;
    background-color: #fffc47;
    border-radius: .26rem;
    font-weight: bold;
    margin-left: .27rem;
}


/*头部*/
.header-logo {
    text-align: center;
    margin: 0 auto;
}



.header-logo img {
    width: 1rem;
    vertical-align: middle;
    margin-right: 30px;
}

/*背景色*/
.bg-color-box {
    background: linear-gradient(180deg, #FB8C3F, #DB4607, #DB4607, #DB4607, #DB4607);
}

.bg-color-ed {
    /* background: #DB4607; */
    /* padding-bottom: 0.5rem;*/
    padding-top: 0.5rem;
    /* background: url(../image/bg.png) no-repeat 100%; */
    /* background: linear-gradient(180deg,  #db7908, #f64e1b); */
    background: linear-gradient(180deg, #f98836, #DB4607, #DB4607, #DB4607, #DB4607);
    /* opacity: 0.4; */
}

.bg-color-fff {
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0px 3px 5px 2px;
    /* background: linear-gradient(180deg, #DB4607, #F68629); */
    /* border-radius: 14px; */
}

.bg-color-f0 {
    background: #f0f0f0;
    /* background: linear-gradient(180deg, #DB4607, #F68629); */
    /* border-radius: 14px; */
}

.bg-color-red {
    background: linear-gradient(180deg, #DB4607, #F68629);
    padding-top: 0.3rem !important;
    padding-bottom: 0.2rem !important;
    margin-bottom: 0.5rem !important;
}

.bg-color-999 {
    background: #999;
}

.bg-color-FFFADB {
    background: #FFFADB;
}

.bg-color-e1251b {
    background: #E1271B;
}

.bg-color-E1511B {
    background: #E1511B;
}

/*标题背景渐变*/
.title-bg-gradient {
    background: linear-gradient(0deg, #E1531B, #E1251B);
}

.f0 {
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #DB4607;
    font-size: .24rem;
    font-weight: bold;
}

/*宽度*/
.width-per100 {
    width: 100%;
}

.width-per96 {
    width: 96%;
}

.width-per90 {
    width: 90%;
}

.width-per60 {
    width: 60%;
}

.width-per55 {
    width: 55%;
}

.width-per45 {
    width: 45%;
}

.width-per44 {
    width: 44%;
}

.width-per40 {
    width: 40%;
}

/*轮播*/
.banner,
.banner img {
    min-height: 150px;
}

.banner img {
    width: 100%;
}

/*居中*/
text-center {
    text-align: center;
}

;

/*内容*/
.content {
    width: 100%;
}

.con,
.con-middle {
    width: 96%;
    margin: 0 auto;
}

.con {
    border-radius: .2rem;
    /* margin-top: 3%; */
}

.con-header {
    padding-top: 3%;
}

.con-header1 {
    padding-top: 0%;
}

.con-header1 p {
    text-align: center;
    margin: 0 auto;

}

.con-header p {
    /* text-align: center; */
    padding-left: 0.3rem;
}

.con-title span {
    /* background: url(../image/bt_bg.png) no-repeat; */
    font-size: .45rem;
    font-weight: bold;
    background-size: contain;
    display: inline-block;
    font-family: HelloFont WenYiHei;
    /* width: 6rem; */
    height: 0.9rem;
    line-height: 0.9rem;
    color: #DB4607;
    text-align: left;
}

/*字体设置*/
/*头部第一行标识*/
.font-size-p2 {
    font-size: .24rem;
    font-weight: 400;
    /* margin: .24rem 0; */
    color: #DB4607;
    font-size: 0.32rem;
    font-weight: bold;
}

.font-size-p3 {
    font-size: .3rem;
    font-weight: 400;
    margin: .24rem 0;
}

.font-size-p3 span {
    font-size: .35rem;
    font-weight: bold;
}

.con .number-div {
    min-height: 4.8rem;
}

.con .number-div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.con .number-div ul li {
    width: 47.7%;
    text-align: left;
    display: inline-block;
    font-size: .3rem;
    /* border: 1px solid #ddd; */
    /* border-radius: 5%; */
    margin: 0.9% 0;
    /* padding: 1.2% 0; */
    /* color: #E1251B; */
    /* min-width: 2rem; */
}

.con .number-div ul li img {
    vertical-align: middle;
    margin-right: 0.1rem;
}

.con-footer {
    width: 96%;
    text-align: center;
    margin: .5rem auto 0;
    background-color: #FFFADB;
    padding: .3rem 0;
    border-radius: .1rem;
}

.con-footer p {
    font-size: .28rem;
}

/* 服务商模块 */
.con-title1 {
    background: url(../image/title.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative;
    top: -0.1rem;
}

.con-title1 p {
    text-align: center;
}

.con-title1 span {
    font-weight: bold;
    display: inline-block;
    /* width: 6rem; */
    height: 1.1rem;
    line-height: 1.1rem;
    color: #fff;
    font-size: 0.34rem;
}

/* .con0 {
    padding: 3% 0;
} */
table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    /*border: 1px solid #ddd; !*px*!*/
}

table td {
    width: 33%;
    border: 1px solid #ddd;
    /*px*/
    padding: 0.2rem 0px;
}

table tr:nth-child(1) td p {
    font-weight: bold;
}

table td p {
    text-align: center;
    /* line-height: 50px; */
    color: #000000;
    font-size: .24rem;
    /* margin-top: .34rem; */
}

table tr td {
    /* display: flex; */
    justify-content: space-between
}

table td p span {
    font-size: .24rem;
    color: #F65959;
    font-weight: bold;
}

.con0 ul {
    /* display: flex;
    justify-content: space-between;
    align-items: flex-end; */
    /* width: 90%; */
    /* margin: 0 auto; */
}

.con0 .con-middle img {
    /* width: calc(100% / 3 - .3rem); */
    /* text-align: center; */
}

.con0 ul li img {
    /* width: 100%; */
}

.con0 p {
    /* text-align: center; */
}

/* .con0 .p1 {
    font-size: .34rem;
    margin-top: .34rem;
    line-height: .48rem;
}

.con0 .p2 {
    margin-top: .27rem;
    line-height: .42rem;
}

.con0 .p2 .span1 {
    font-size: .26rem;
    margin-right: .21rem;
    display: inline-block;
}

.con0 .p2 .span2 {
    font-size: .3rem;
    color: #DE3426;
    display: inline-block;
    font-weight: bold;
} */
/**企业为什么需要办理400电话**/
.bg-color-fff1 {
    /* background: #fff; */
    background: linear-gradient(184deg, #FFffff, #FFFFFF, #FFFFFf, #FFFFFf, #fff5e2, #FFE3CF);
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.title {
    width: 2.8rem;
    height: 0.65rem;
    line-height: 0.65rem;
    background: linear-gradient(180deg, #DB4607, #F68629);
    border-radius: 0.1rem;
    margin-left: 0.3rem;
    color: #fff;
    font-size: 0.34rem;
    text-align: center;
    margin-top: 0.8rem;
}

.line p {
    width: 1.6rem;
    height: 0.3rem;
    border-left: 0.1rem solid #F68629;
    border-right: 0.1rem solid #F68629;
    margin-left: 0.7rem;
}

.box {
    /* width: 96%; */
    height: 6rem;
    border-radius: 10px 10px 35px 10px;
    border: 0.06rem dashed #F68629;
    padding-left: 0.3rem;
}

.lis ul li {
    display: block;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.3rem;
    color: #00000;
}

.lis ul li img {
    margin-right: 0.2rem;
}

.picture {
    height: 0.7rem;
    line-height: 0.7rem;
    width: 96%;
    background: url(../image/picture.png) no-repeat;
    background-size: 95% 100%;
    font-size: 0.34rem;
    padding-left: 0.5rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.2rem;
    /* background: url(../image/title.png) no-repeat; */
    /* background-size: contain; */
    /* background-position: center center; */
}

.p3 {
    width: 50%;
    height: 0.2rem;
    margin-left: 0.3rem;
    background: rgba(246, 134, 41, 0.3);
    border-radius: 0.2rem;
}

/**开通条件**/
.kaitong {
    /* background: url(../image/picture.png) no-repeat; */
}

.kaitong ul {
    position: relative;
}

.kaitong ul .imgs {
    position: absolute;
    bottom: 0;
    right: 0
}

.kaitong ul li {
    display: flex;
    height: 2rem;
    line-height: 2rem;
}

.kaitong ul li p:nth-child(1) {
    margin-right: 0.1rem;
}

.kaitong ul li p:nth-child(1) img {
    width: 70%;
}

.kaitong ul li p:nth-child(2) {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.34rem;
}

/**申请材料**/
.cailiao ul li {
    display: block;
    font-size: 0.34rem;
    height: 1rem;
}

.cailiao ul li img {
    vertical-align: middle;
    margin-right: 0.1rem;
    width: 8%;
}

.cailiao ul li:nth-child(5) {
    color: #FF6060;
}

/**申请流程**/
.liucheng {
    display: flex;
}

.liucheng .leftdiv {
    margin-top: 0.4rem;
}

.liucheng ul li {
    display: block;
    font-size: 0.34rem;
    height: 1.2rem;
    line-height: 1.3rem;
    margin-left: 0.1rem;
}
/**在线留言**/
.liuyan .p1 {
	font-family: Alibaba PuHuiTi 2.0;
	font-weight: normal;
	font-size: 0.3rem;
	color: #333333;
	line-height: 0.5rem;
	padding: 0 0.3rem;
	text-align: center;
}
.liuyan div {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 0.5rem;
}
input{
	background: #E6E6E6;
	border-radius: 2rem;
	border: 1px solid #F5852A;
	height: 0.7rem;
	width: 93%;
	text-align:center;
	/* margin: 0 auto; */
}
#input{
	margin-bottom: 0.5rem;
}
.liuyan .p2 {
	font-size: 0.3rem;
	line-height: 0.8rem;
	padding: 0 0.3rem;
	text-align: left;
}
.liuyan .p33 {
	font-size: 0.3rem;
	line-height: 0.8rem;
	padding: 0 0.3rem;
	text-align: left;
}
.liuyan .p4 {
	font-family: Alibaba PuHuiTi 2.0;
	font-weight: normal;
	font-size: 0.3rem;
	color: #ffffff;
	line-height: 0.7rem;
	padding: 0 0.3rem;
	text-align: center;
	background: linear-gradient(0deg, #F68629, #DB4607);
	border-radius: 1rem;
	width: 55%;
	text-align: center;
	margin:  0 auto ;
}
/**优音通信**/
.bg-color-fff3 {
    /* background: #fff; */
    background: linear-gradient(184deg, #FFffff, #FFFFFf, #fff5e2, #FFE3CF);
    padding-top: 0.5rem;
}

.youyin {
    text-align: center;
    font-family: HelloFont WenYiHei;
    font-weight: 400;
    font-size: 0.7rem;
    color: #FFFFFF;
    line-height: 1rem;
    text-shadow: 0px 0.5rem 0.7rem rgba(0, 43, 204, 0.14);
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.con-title2 {
    background: url(../image/tbg.png) no-repeat;
    /* background-size: 94% 90%; */
    background-size: contain;
    background-position: center center;
    position: relative;
    top: -1.2rem;
    text-align: center;
}

.con-title2 p {
    text-align: center;
}

.con-title2 span {
    font-weight: bold;
    display: inline-block;
    /* width: 7rem; */
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    font-size: 0.3rem;
}

.yytx {
    position: relative;
}

.youyintongxin {
    position: relative;
    top: -1rem;
}

.youyintongxin ul li {
    display: block;
}

.youyintongxin ul li .left img {
    vertical-align: middle;
    width: 1rem;
    margin: 0.2rem 0rem 0 0.5rem;
}

.youyintongxin ul li {
    display: flex;
    margin: 0.34rem 0;
}

.youyintongxin ul li .left {
    height: 1rem;
    background: #FB8C3F;
    width: 30%;
    border-radius: 0.5rem 0 0 0.5rem;
}

.youyintongxin ul li .right {
    height: 1rem;
    background: #FAAF59;
    width: 70%;
    border-radius: 0 0.5rem 0.5rem 0;
    font-size: 0.34rem;
    color: #FFFFFF;
    font-family: Alibaba PuHuiTi 2.0;
    font-weight: normal;
    line-height: 1rem;
    text-shadow: 0px 0.01rem 0px rgba(9, 3, 5, 0.35);
    padding-left: 0.3rem;
}

.con-header2 {
    padding-top: 0.3rem;
}

.con-header2 p {
    /* text-align: center; */
    /* margin: 0 auto; */
}

/*底部*/
.foot {
    background-color: #DB4607;

    text-align: center;
    padding-bottom: 1.5rem;
    color: #ffffff;

}

.foot p {
    color: #ffffff;
    line-height: 0.4rem;
}
/*固定底部*/
.fixed-foot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.fixed-foot ul li {
    width: 50%;
    /*display: inline-block;*/
    padding: 0;
    margin: 0;
    padding: .5rem 0;
    text-align: center;
}

.fixed-foot ul li i {
    color: #fff;
    font-style: normal;
    font-size: .3rem;
}

.fixed-foot ul li:nth-child(1) i:before {
    background: url("../image/icon_kf.png") no-repeat;
    background-size: contain;
    display: inline-block;
    content: '';
    width: .3rem;
    height: .3rem;
    vertical-align: text-bottom;
    margin-right: .1rem;
}

.fixed-foot ul li:nth-child(2) i:before {
    background: url("../image/icon_dh.png") no-repeat;
    background-size: contain;
    display: inline-block;
    content: '';
    width: .3rem;
    height: .3rem;
    vertical-align: text-bottom;
    margin-right: .1rem;
}

/*控制主体大小*/
@media screen and (min-width: 768px) {

    html,
    .body {
        width: 750px !important;
        margin: 0 auto;
    }

    .con .number-div {
        min-height: 460px;
    }

    /*固定底部*/
    .fixed-foot {
        width: 750px !important;
        left: 50%;
        margin-left: -375px;
    }
}