html {
color: #000;
background: #fff;
overflow-y: scroll;
-webkit-text-size-adjust: 100% ;
-ms-text-size-adjust: 100%;
}
html * {
outline: 0;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,body {
/* min-width: 1240px;
font-family: PingFangSC-Regular,Helvetica,Tahoma,Arial,Hiragino Sans GB,\\51AC\9752\9ED1\4F53,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,SimSun,\\5B8B\4F53,Heiti,\\9ED1\4F53,sans-serif;
font-family: "Microsoft Yahei","PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; */
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
font-size: 14px;
margin: 0;
padding: 0;
}
s, u{
text-decoration: none;
}
b{
font-weight: normal;
}
i{
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset,img {
border: 0
}
abbr,acronym {
border: 0;
font-variant: normal
}
del {
text-decoration: line-through
}
address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: 500
}
ol,ul {
list-style: none
}
caption,th {
text-align: left
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}
sub,sup {
font-size: 75% ;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
a{
color:#333;
}
a:hover {
text-decoration: none;
}
ins,a {
text-decoration: none
}
input{
border:none;
outline: none;
}
.clear:after{
display: block;
content: '';
clear: both;
}
/* 通用部分 */
/* 免费试用 */
.btn{
display: inline-block;
padding: 15px 18px;
border: none;
border-radius: 35px;
color: #fff;
cursor: pointer;
}
.btn__orange{
background: #f85415;
-webkit-box-shadow:0 0 10px 0 rgba(255,103,26,.2), 0 5px 10px 0 rgba(255,103,26,.4);
box-shadow: 0 0 10px 0 rgba(255,103,26,.2), 0 5px 10px 0 rgba(255,103,26,.4);
}
.btn__orange:hover{
background: #e64507;
-webkit-box-shadow:0 0 10px 0 rgba(255,103,26,.3), 0 5px 10px 0 rgba(255,103,26,.6);
box-shadow:0 0 10px 0 rgba(255,103,26,.3), 0 5px 10px 0 rgba(255,103,26,.6);
}
.btn__blue{
background: #5893ff;
-webkit-box-shadow:0 0 10px 0 rgba(26, 131, 255,.2), 0 5px 10px 0 rgba(26, 131, 255,.4);
box-shadow: 0 0 10px 0 rgba(26, 131, 255,.2), 0 5px 10px 0 rgba(26, 131, 255,.4);
}
.btn__blue:hover{
background: #2c76fd;
-webkit-box-shadow:0 0 10px 0 rgba(26, 131, 255,.3), 0 5px 10px 0 rgba(26, 131, 255,.6);
box-shadow:0 0 10px 0 rgba(26, 131, 255,.3), 0 5px 10px 0 rgba(26, 131, 255,.6);
}
.btn__white{
background: #fff;
color: #f85415;
border:1px solid #f85415;
-webkit-box-shadow:0 0 10px 0 rgba(255,103,26,.2), 0 5px 10px 0 rgba(255,103,26,.4);
box-shadow: 0 0 10px 0 rgba(255,103,26,.2), 0 5px 10px 0 rgba(255,103,26,.4);
}
.btn__white:hover{
background: #e64507;
color: #fff;
border:1px solid #f85415;
-webkit-box-shadow:0 0 10px 0 rgba(255,103,26,.3), 0 5px 10px 0 rgba(255,103,26,.6);
box-shadow:0 0 10px 0 rgba(255,103,26,.3), 0 5px 10px 0 rgba(255,103,26,.6);
}
.text__orange{
color: #f85415 !important;
}
/* 标题 */
.pro_item {
width: 100%;
background: #fff;
}
.gray_bg {
background: #fafafc !important;
}
.pro_item .item_inner {
position: relative;
box-sizing: border-box;
width: 1240px;
margin: 0 auto;
text-align: center
}
.pro_item .item_inner p{
position: relative;
}
.pro_item .item_inner .title {
padding-top: 60px;
font-size: 32px;
color: #333;
}
/* .pro_item .item_inner .sub_title{
font-weight:700;
font-size:32px;
color: #888888;
} */
.pro_item .item_inner .sub_head {
margin: 20px 0;
font-size: 20px;
color: #888888
}
.pro_item .item_inner .tail::after{
position: absolute;
left: 50%;
bottom: -20px;
content: '';
width: 40px;
height: 7px;
margin-left: -20px;
border-radius: 3px;
/*background-color: #0075ff;*/
}
.error-tips {
display: none;
position: absolute;
top: -55px;
left: 50%;
margin-left: -85px;
width: 170px;
height: 45px;
line-height: 45px;
border-radius: 4px;
color: #333;
text-align: center;
background: #ffc616
}
.error-tips b{
position: absolute;
bottom: -16px;
left: 45%;
margin-right: 20px;
border: 8px solid #c2cfe6;
border-color: #ffc616 transparent transparent transparent;
}
.error-tips.error{
display: block;
}
/* 头部 */
#header{
position: fixed;
width: 100%;
z-index: 200;
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.02), 0 15px 40px 0 rgba(0,0,0,.02);
box-shadow: 0 10px 15px 0 rgba(0,0,0,.02), 0 15px 40px 0 rgba(0,0,0,.02);
background: #fff;
}
#header .header-container{
width: 1240px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
#header h1{
display: inline-block;
margin: 11px 0 10px;
}
#header h1 a{
display: inline-block;
width: 280px;
height: 50px;
-webkit-background-size: auto 100%;
background-size: auto 100%;
background-repeat: no-repeat;
}
#header ul li a:hover{
color:#f85416;
}
#header ul div{
display: inline-block;
color: #f85416;
font-size: 18px;
margin-right: 0px;
vertical-align: middle;
padding-top: 3px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 35px;
}
/* banner */
#banner{
position: relative;
padding-top: 74px;
}
/* .swiper-container {height: 550px;} */
/* .swiper-slide{text-align: left;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} */
.swiper-container .item {width: 100%;text-align: center;}
.swiper-pagination-clickable .swiper-pagination-bullet{background:rgba(255,255,255,1);width:28px;border-radius:8px;}
.swiper-pagination-bullet-active{background:rgba(255,255,255,.8);}
.swiper-form{position:absolute;left:50%;top:0;width:1160px;height:520px;margin-left:-580px;z-index:99}
.banner-fixed{
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
}
.banner-relative{
position: relative;
width: 1240px;
margin: 0 auto;
}
.banner-container{
position: absolute;
right: 16%;
top: 200px;
}
.banner-fixed h2{
font-size: 30px;
color: #fff;
margin: 5px 0;
}
.banner-fixed h3{
font-size: 28px;
color: #fff;
}
.banner-fixed .input{
position: relative;
margin-bottom: 20px;
}
.banner-fixed .input i{
position: absolute;
top: 10px;
left: 10px;
font-size: 20px;
width: 25px;
height: 25px;
}
.banner-fixed .input input{
background: #fff;
width: 200px;
height: 42px;
border: none;
padding-left: 42px;
border-radius: 4px;
font-size: 14px;
border-radius: 5px;
}
.banner-fixed button{
border: none;
width: 146px;
background: #ffe615;
color: #333;
font-size: 24px;
padding: 8px 25px;
border-radius: 50px;
cursor: pointer;
}
.banner-fixed button:hover{
-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2), 0 5px 10px 0 rgba(0,0,0,.4);
box-shadow: 0 0 10px 0 rgba(0,0,0,.2), 0 5px 10px 0 rgba(0,0,0,.4);
}
/* 价格 */
#price{
margin-bottom: 30px;
}
#price .price-user li{
display: inline-block;
padding: 6px 25px;
color: #888888;
border: 1px solid transparent;
border-radius: 19px;
margin: 0 10px;
cursor: pointer;
}
#price .price-user li.active{
color: #136bd7;
font-weight: bold;
border:1px solid #136bd7;
}
#price .price-info{
border-radius: 5px;
margin-top: 20px;
border: 1px solid #e4e4e4;
border-top: 5px solid #0075ff;
}
#price .price-info-top{
margin: 15px 0;
}
#price .price-info-top>div{
display: inline-block;
}
#price .price-info .price-info-one{
width: 25%;
padding: 20px 40px;
box-sizing: border-box;
vertical-align: top;
}
#price .price-info .price-info-one p{
font-size: 22px;
color: #333;
margin-bottom: 20px;
}
#price .price-info .price-info-one u{
font-size: 34px;
color: #f85416;
float: left;
width: 140px;
text-align: right;
margin-right: -52px;
margin-top: -4px;
text-decoration: none;
}
#price .price-info .price-info-one span{
font-size: 14px;
}
#price .price-info .price-info-two{
width: 50%;
padding-left: 30px;
border-left: 1px solid #e4e4e4;
}
#price .price-info .price-info-two li{
display: inline-block;
width: 46%;
text-align: left;
margin-bottom: 10px;
}
#price .price-info .price-info-two li span{
margin-left: 10px;
color: #666666;
}
#price .price-info .price-info-three {
width: 21%;
vertical-align: top;
}
#price .price-info .price-info-three a{
display: block;
padding: 10px 25px;
margin-bottom: 20px;
width: 100px;
}
#price .price-info-bottom{
text-align: left;
margin-left: 50px;
}
#price .price-info-bottom p {
color: #666;
font-size: 16px;
}
#price .price-input{
position: relative;
font-size: 14px;
margin: 10px 0;
}
#price .price-input input{
border: 1px solid #e4e4e4;
width: 60px;
margin: 0;
height: 25px;
text-indent: 10px;
}
#price .price-input s{
font-size: 14px;
margin-left: 20px;
}
#price .price-input .error-tips{
left: -1px;
margin: 0;
width: 240px;
}
#price .price-info-bottom h6{
font-size: 16px;
color: #136bd7;
}
#price .price-info-bottom .btn{
display: block;
margin: 15px 0px;
padding: 10px 18px;
width: 80px;
text-align: center;
color: #2c76fd;
border-color: #2c76fd;
-webkit-box-shadow:0 0 10px 0 rgba(26, 131, 255,.2), 0 5px 10px 0 rgba(26, 131, 255,.4);
box-shadow: 0 0 10px 0 rgba(26, 131, 255,.2), 0 5px 10px 0 rgba(26, 131, 255,.4);
}
#price .price-info-bottom .btn:hover{
color: #fff;
background: #2c76fd;
-webkit-box-shadow:0 0 10px 0 rgba(26, 131, 255,.3), 0 5px 10px 0 rgba(26, 131, 255,.6);
box-shadow:0 0 10px 0 rgba(26, 131, 255,.3), 0 5px 10px 0 rgba(26, 131, 255,.6);
}
/* 企业邮箱开通流程 */
#flow .pro_item{
background: #F3F7FE;
}
#flow .flow-container h1{
font-size: 30px;
font-style: italic;
color: #7ca3e6;
padding-bottom: 30px;
}
#flow .flow-list{
margin-bottom: 30px;
}
#flow .flow-item{
display: inline-block;
width: 32%;
height: 118px;
margin-right: 15px;
box-sizing: border-box;
border: 1px solid #e4e4e4;
background: #fff;
text-align: left;
cursor: pointer;
transition: .3s ease-in;
-moz-transition: .3s ease-in;
-webkit-transition: .3s ease-in;
}
#flow .flow-item:last-child{
margin-right: 0;
}
#flow .flow-item a{
display: block;
padding: 20px 0;
}
#flow .flow-item div{
display: inline-block;
margin: 20px 0 0 30px;
}
#flow .flow-item i {
display: inline-block;
width: 53px;
height: 53px;
margin: 0 20px 0 30px;
vertical-align: super;
}
#flow .flow-item:first-child i{
background-position: -47px -1px;
}
#flow .flow-item:last-child i{
background-position: -47px -111px;
}
#flow .flow-item p{
color: #3076d9;
font-size: 22px;
margin-bottom: 8px;
}
#flow .flow-item span{
color: #666;
}
#flow .flow-item:hover{
background: #3076d9;
border-color: #3076d9;
transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
}
#flow .flow-item:hover i{
background-position-x: -127px;
}
#flow .flow-item:hover p,#flow .flow-item:hover span {
color: #fff;
}
#flow .flow-line b{
font-size: 30px;
color: #c2cfe6;
font-style: italic;
margin-right: 10px;
position: relative;
top: 4px;
}
#flow .flow-line span{
color: #333;
margin: 0 15px 0 10px;
font-weight: bold;
font-size: 16px;
}
#flow .flow-line i{
display: inline-block;
margin-right: 20px;
border: 8px solid #c2cfe6;
border-color: transparent transparent transparent #c2cfe6;
vertical-align: text-top;
}
/* 网易企业邮箱能为您做些什么？ */
#emailDo .banner01{
position: relative;
/* width: 1240px; */
height: 450px;
margin-top: 40px;
overflow: hidden
}
#emailDo .icon{
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100% ;
text-align: center;
}
#emailDo .icon li{
display: inline-block;
width: 85px;
margin: 0 7px;
font-size: 16px;
padding: 0;
cursor: pointer;
}
#emailDo .icon span {
display: block;
width: 36px;
height: 36px;
margin: 15px auto;
overflow: hidden
}
ul.icon li:hover {
color: #0075ff!important
}
#emailDo .i0, #emailDo .i4, #emailDo .i7,#emailDo .i10{
background-position: 0 0 !important;
}
#emailDo .i1, #emailDo .i5,#emailDo .i8,#emailDo .i11{
background-position: -36px 0 !important;
}
#emailDo .i2, #emailDo .i6,#emailDo .i9{
background-position: -72px 0 !important;
}
#emailDo .i3{
background-position: -108px 0 !important;
}
/* hover */
#emailDo .icon li:hover .i0, #emailDo .icon li:hover .i4, #emailDo .icon li:hover .i7,#emailDo .icon li:hover .i10{
background-position: 0 -36px !important;
}
#emailDo .icon li:hover .i1, #emailDo .icon li:hover .i5,#emailDo .icon li:hover .i8,#emailDo .icon li:hover .i11{
background-position: -36px -36px !important;
}
#emailDo .icon li:hover .i2, #emailDo .icon li:hover .i6,#emailDo .icon li:hover .i9{
background-position: -72px -36px !important;
}
#emailDo .icon li:hover .i3{
background-position: -108px -36px !important;
}
/* active */
#emailDo .i0.active, #emailDo .i4.active, #emailDo .i7.active,#emailDo .i10.active{
background-position: 0 -36px !important;
}
#emailDo .i1.active, #emailDo .i5.active,#emailDo .i8.active,#emailDo .i11.active{
background-position: -36px -36px !important;
}
#emailDo .i2.active, #emailDo .i6.active,#emailDo .i9.active{
background-position: -72px -36px !important;
}
#emailDo .i3.active{
background-position: -108px -36px !important;
}
#emailDo .banner01 .current_font{
font-weight: bold;
color: #0075ff;
}
#emailDo .banner01 .pointer {
position: absolute;
width: 27px;
height: 15px;
top: 25px;
z-index: 2;
}
#emailDo .banner01 .divider {
position: absolute;
width: 100%;
height: 1px;
top: 39px;
left: 0;
z-index: 1;
}
#emailDo .content {
margin: 0;
padding: 0;
position: absolute;
top: 40px;
height: 410px;
text-align: center;
overflow: hidden;
list-style: none;
}
#emailDo .content li {
float: left
}
#emailDo .content li .content_inner {
display: flex;
justify-content: center;
width: 1240px;
height: 410px;
box-sizing: border-box;
padding: 45px 80px
}
#emailDo .content li .content_inner .desc {
width: 400px;
height: 300px;
text-align: left;
display: flex;
justify-content: center;
flex-direction: column;
margin-right: 50px;
}
#emailDo .content li .content_inner .desc .desc_title {
font-weight: 700;
font-size: 24px;
color: #222;
letter-spacing:0;
line-height:24px;
margin-bottom:15px;
position: relative;
}
#emailDo .content li .content_inner .desc .desc_title::before{
content: '';
position: absolute;
top: 7px;
left: -20px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid #f9951f;
}
#emailDo .content li .content_inner .desc .desc_detail{
color:#666;
letter-spacing: 0;
line-height: 24px;
text-align: left
}
#emailDo .desc .desc_detail li{
font-size:16px;
}
#emailDo .content li .content_inner .desc .desc_detail+.desc_title{
margin-top:15px;
}
#emailDo .content li .content_inner img {
margin: 0;
width: 400px;
height: 300px;
}
#emailDo .btn{
width: 100px;
text-align: center;
margin-top: 20px;
}
/* EC优势 */
#product .pro_item{
background: #F3F7FE;
}
#product .banner02{
position: relative;
height: 375px;
margin-top: 40px;
overflow: hidden;
}
#product .banner02 .icon{
display: inline-block;
position: relative;
z-index: 100;
}
#product .banner02 .icon li{
display: inline-block;
width: 100px;
margin: 0 20px;
font-size: 16px;
cursor: pointer;
}
#product .banner02 .icon li.current_font{
font-weight: bold;
color: #0075ff;
}
#product .banner02 .pointer {
position: absolute;
width: 100px;
height: 3px;
background: #0075ff;
top: 25px;
z-index: 2;
}
#product .left, #product .right {
position: relative;
width: 50%
}
#product .content {
margin: 0;
padding: 0;
position: absolute;
top: -35px;
height: 410px;
text-align: center;
overflow: hidden;
list-style: none;
}
#product .content li {
float: left;
}
#product .wrap {
display: flex;
justify-content: center;
width: 1240px;
height: 410px;
box-sizing: border-box;
padding: 45px 80px;
}
#product .wrap.clearfix{
zoom: 1
}
#product .wrap.clearfix:after{
content: "";
display: block;
height: 0;
clear: both
}
#product .wrap .right {
display: inline-block;
}
#product .wrap .left div{
width: 400px;
display: inline-block;
text-align: left;
}
#product .wrap .left .btn{
margin-right: 15px
}
#product .wrap .pag-text{
display: inline-block;
width: 400px;
line-height: 35px;
font-size: 16px;
text-align: left;
margin-bottom: 15px;
}
#product .wrap .left {
width: 400px;
height: 300px;
text-align: left;
display: flex;
justify-content: center;
flex-direction: column;
margin-right: 50px;
margin-left: 80px;
}
#product .wrap img{
margin: 0;
width: 480px;
height: 380px;
}
/* 案例 */
#case{
padding-bottom: 25px;
}
/* 功能介绍 */
.iitabs{
margin: 30px auto 0;
width: 1000px;
}
.iimenu {float: left;list-style-type: none;width:99%;overflow:hidden;float:left;}
.iimenu li{float:left;width:33.3%;text-align:center;cursor:pointer;background-color:#f3f3f3;font-size: 24px;overflow:hidden;padding:10px 0px;}
.iimenu{width:100%;float:left;clear:left; }
.iimenu .on{background-color:#136bd7;color:#fff;}
.txt_left {
text-align: left;
}
.table2{width:99.9%;border-collapse:collapse;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.table2 th,.table2 td{border-collapse:collapse;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 5px 10px 20px;background:#fff;}
.table{width:100%;border-collapse:collapse;border-left:0;border-top:0;}
.table th, .table td{border-collapse:collapse;border-right:0;border-bottom:0;padding:10px 0;font-size:14px;}
.gray2 {
background-color: #f3f3f3;
}
.txt_center {
text-align: center;
}
.font_15 {
font-size: 15px;
}
.font_15 td:first-child{
font-weight: bold;
box-sizing: border-box;
width: 180px;
}
.font_15 td:last-child{
color: #838383;
}
/* 评价 */
#evaluate{
height: 380px;
padding-top: 60px;
overflow: hidden;
position: relative;
}
#evaluate .evaluate-title{
font-size: 32px;
color: #000;
text-align: center;
margin: 0 auto;
position: relative;
top: 15px;
}
#evaluate .evaluate-imgWrap{
position: absolute;
width: 100%;
}
#evaluate .evaluate-imgWrap li{
width: 100%;
height: 380px;
position: absolute;
background-size: cover;
transition: all 0.3s linear;
opacity: 0;
}
#evaluate .evaluate-imgWrap li.active{
opacity: 1;
}
#evaluate .evaluate-listWrap{
position: relative;
width: 1240px;
z-index: 10;
margin: 240px auto 0;
padding-left: 30px;
text-align: center;
}
#evaluate .evaluate-listWrap li{
display: inline-block;
margin-right: 30px;
border:2px solid #dbdbdb;
height: 83px;
cursor: pointer;
}
#evaluate .evaluate-listWrap li.active{
border:2px solid #0075ff;
}
/* 免费试用 */
.to_reg{
margin: 10px 0 30px 0;
text-align: center;
}
.to_reg .btn{
width: 150px;
}
/* .to_reg {
position: relative;
background:url(../images/to_reg_bg.png) 0 0 no-repeat;
background-size: cover;
height: 280px;
text-align: center;
box-sizing: border-box;
padding: 74px
}
.to_reg span{
color:#ffb400;
}
.to_reg div {
font-weight: 700;
font-size: 32px;
color: #fff;
text-align: center
}
.to_reg a {
width: 180px;
height: 50px;
line-height: 50px;
border-radius: 25px;
background-color: #0075ff;display:inline-block;color:#fff;
font-weight: 700;
font-size: 20px;
text-align: center;
margin-top: 40px
}
.to_reg a:hover {
background: #378ff7
} */
/* 底部 */
.footer-list{
border-bottom: 1px solid #43474A;
font-size:14px;
}
.footer-list .footer-list-content>div{
display: inline-block;
width:24%;
padding: 20px 0;
}
.footer-list .footer-list-content>div>div{
display: inline-block;
color:#fff;
}
.footer-list .footer-list-content b{
display: inline-block;
width: 50px;height:50px;
margin-right: 5px;
vertical-align: top;
}
.footer-list .footer-list-content p{
font-size:16px;
padding-bottom: 10px;
}
.footer-list .footer-list-content h6{
color:#808080;
}
.footer-list .footer-list1:hover h6{
color:#bbb;
}
.footer-list .footer-list1:hover b{
background-position: -209px -75px;
}
.footer-list .footer-list2 b{
background-position: -159px -75px;
}
.footer-list .footer-list2:hover h6{
color:#bbb;
}
.footer-list .footer-list2:hover b{
background-position: -264px -75px;
}
.footer-list .footer-list3 b{
background-position: -104px -127px;
}
.footer-list .footer-list3:hover h6{
color:#bbb;
}
.footer-list .footer-list3:hover b{
background-position: -209px -127px;
}
.footer-list .footer-list4 b{
background-position: -159px -127px;
}
.footer-list .footer-list4:hover h6{
color:#bbb;
}
.footer-list .footer-list4:hover b{
background-position: -264px -127px;
}
/*hover*/
.footer-list .footer-list1:hover p,.footer-list .footer-list2:hover p,.footer-list .footer-list3:hover p,.footer-list .footer-list4:hover p{
color:#3088f4;
}
.footer-list,.footer-holder{
width: 100%;
background:#34383b;
overflow: hidden;
}
.footer-list .footer-list-content,.footer,.copyright{max-width:1160px;margin:0 auto;color:#808080}
.copyright p{
line-height: 40px;
}
.copyright img{
/* margin: 0 10px; */
width:1.5%;
margin-bottom: -5px;
}
.copyright .beian{
display: inline-block;
color:#808080;
}
.footer{overflow:hidden;zoom:1;padding:40px 0 40px}
.footer dl{float:left;border-right:#404345 solid 1px;padding-right:42px;margin-right:42px;}
.footer dt{font-size:18px;margin:0 0 10px;}
.footer dd{line-height:30px;font-size:14px;}
.footer dd a {
display:block;color:#ccc;
font-size:14px;
transition: all 0.3s linear;
}
.footer dd a:hover {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
color: #fff;
}
.footer .item-follow{padding-right:0;border:none 0}
.footer .item-follow i{vertical-align:middle;margin:0 5px 0 0}
.footer .item-follow img{vertical-align:top;margin:10px 0 0;width:92px;height:92px;}
.footer .wx{font-size:16px;color:#808080;}
.footer .img-top{display:none;}
.footer .active .img-top{display:block;}
.footer .active .icon-sina{background-position:0 0}
.footer .active .icon-weixin{background-position:0 0}
.copyright{padding:10px 0;text-align:center;font-size:14px;}
.copyright a{
display: none;
}
/* 模态框 */
.shengqing-iframe-wrap-new{
display: none;
position: fixed;
z-index: 1999;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
overflow: auto;
background: rgba(255,255,255,0.7);
}
.shenqingshiyong-iframe_new{
width: 480px;
border-radius: 10px;
box-shadow: 0 0 16px 4px rgba(0,0,0, 0.3);
display: block;
position: relative;
z-index: 200000;
margin: 0 auto 50px;
margin-top: 5%;
background: rgb(255, 255, 255);
}
.wrap_content{
width: 480px;
height: 490px;
}
.wrap_content .top_content{
position: relative;
background: #f85415;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.wrap_content .top_content .wrap_bg{
background-size: 480px 90px;
height: 80px;
font-size: 26px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-weight: bold;
}
.wrap_content .top_content .close{
width: 28px;
height: 28px;
background: url('../image/close.png') no-repeat 0 0;
background-size: 28px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
opacity: 0.8;
}
.wrap_content .top_content .close:hover{
opacity: 1;
}
.wrap_content .top_content .wrap_logo{
position: absolute;
left: 50%;
top: 30px;
width: 104px;
height: 104px;
border-radius: 50%;
box-shadow:0px 0px 12px 0px rgba(0,99,74,0.3);
background: #fff;
margin-left: -52px;
}
.wrap_content .top_content .wrap_logo .logo_img{
background-size: 90px;
width: 104px;
height: 104px;
}
.wrap_content .wrap_explain{
text-align: center;
margin-top: 20px;
}
.wrap_content .wrap_explain h4{
font-size:24px;
font-weight:400;
color:rgba(51,51,51,1);
line-height:24px;
}
.wrap_content .wrap_explain p{
font-size:16px;
line-height: 24px;
color:rgba(102,102,102,1);
margin-top: 12px;
}
.wrap_content .wrap_form{
padding: 0 60px;
margin-top: 15px;
}
.wrap_content .wrap_form div{
position: relative;
}
.wrap_content .wrap_form div input{
width:316px;
height:42px;
border-radius:4px;
border:1px solid rgba(204,204,204,1);
padding-left: 42px;
font-size: 14px;
font-weight: 200;
}
.wrap_content .wrap_form form div input:focus{
outline: none;
border: 1px solid #4bc3a1;
}
.wrap_content .wrap_form form div input:focus~.iconfont{
color: #4bc3a1;
}
.wrap_content .wrap_form form div p.erro_tip{
font-size:14px;
font-weight:400;
color:rgba(255,76,76,1);
line-height:14px;
margin-top: 6px;
margin-bottom: 12px;
visibility: hidden;
}
.wrap_content .wrap_form form div.wrap_code input{
width: 186px
}
.wrap_content .wrap_form form div .iconfont{
position: absolute;
top: 10px;
left: 10px;
font-size: 20px;
color: #c0c0c0;
width: 25px;
height: 25px;
}
.wrap_content .wrap_form form div .get_code{
width:120px;
height:42px;
background:rgba(255,255,255,1);
border-radius:4px;
border:1px solid rgba(204,204,204,1);
font-size:16px;
color: rgba(102,102,102,1);
line-height: 42px;
text-align: center;
display: block;
float: right;
cursor: pointer;
}
.wrap_content .wrap_form form div .get_code:hover{
border:1px solid rgba(0,199,159,1);
color: rgba(0,199,159,1);
}
.wrap_content .wrap_form form div .can_cli:hover{
color: rgba(102,102,102,1);
border:1px solid rgba(204,204,204,1);
}
.wrap_content .wrap_form form div.interest p{
font-size:14px;
color:rgba(102,102,102,1);
line-height:14px;
}
.wrap_content .wrap_form form div.interest p.erro_tip{
color: rgba(255,76,76,1);
}
.wrap_content .wrap_form form div.interest .wrap_type{
margin-top: 10px;
}
.wrap_content .wrap_form form div.interest .wrap_type span{
display: inline-block;
padding-left: 28px;
position: relative;
margin-left: 44px;
font-size:16px;
cursor: pointer;
}
.wrap_content .wrap_form form div.interest .wrap_type span:hover::before{
border:1px solid rgba(0,199,159,1);
}
.wrap_content .wrap_form form div.interest .wrap_type span.active:hover::before{
border: none;
}
.wrap_content .wrap_form form div.interest .wrap_type span.first{
margin-left: 0;
}
.wrap_content .wrap_form form div.interest .wrap_type span::before{
content: "";
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
border-radius:4px;
border:1px solid rgba(217,217,217,1);
left: 0;
top: 0;
}
.wrap_content .wrap_form form div.interest .wrap_type span.active::after{
content: "";
display: inline-block;
width: 10px;
height: 4px;
transform: rotate(-45deg);
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
position: absolute;
left: 5px;
top: 6px;
}
.wrap_content .wrap_form form div.interest .wrap_type span.active::before{
content: "";
display: inline-block;
width: 20px;
height: 20px;
top: 0;
background:rgba(0,174,131,1);
left: 0;
position: absolute;
border: none;
}
.wrap_content .wrap_form .btn{
display: block;
text-align: center;
font-size:18px;
color: #fff;
}
.wrap_content .wrap_form p.explain{
font-size:13px;
color:rgba(102,102,102,1);
line-height: 16px;
text-align: center;
margin-top: 16px;
}
/* 试用提示信息 */
.tip-message{
/* min-width: 380px; */
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: #EBEEF5;
border-radius: 3px;
position: fixed;
z-index: 10000;
left: 50%;
top: -50px;
/* top: 20px; */
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #edf2fc;
opacity:0;
-webkit-transition: opacity .3s,-webkit-transform .4s;
transition: all .3s,-webkit-transform .4s;
transition: all .3s,transform .4s;
transition: all .3s,transform .4s,-webkit-transform .4s;
padding: 15px 15px 15px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tip-message.tip-message--error{
background-color: #fef0f0;
border-color: #fde2e2;
}
.tip-message.tip-message--error p,.tip-message.tip-message--error i{
color: #F56C6C;
}
.tip-message.tip-message--success{
background-color: #f0f9eb;
border-color: #e1f3d8;
}
.tip-message.tip-message--success p,.tip-message.tip-message--success i{
color: #67C23A;
}
/* 右侧浮动框 */
.dtVFWO {
position: fixed;
right: 0px;
top: 50vh;
background: rgba(255,255,255,1);
box-shadow: 0px 10px 26px 0px rgba(49,83,212,0.15);
z-index: 100;
-webkit-transform: translateX(160px) translateY(-50%);
-ms-transform: translateX(160px) translateY(-50%);
transform: translateX(160px) translateY(-50%);
width: 240px;
-webkit-transition: all 0.3s cubic-bezier(0.075,0.82,0.165,1);
transition: all 0.3s cubic-bezier(0.075,0.82,0.165,1);
}
.dtVFWO:hover{
-webkit-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
.dtVFWO .suspension-icon .iconfont {
display: inline-block;
width: 40px;
height: 80px;
border-top: 1px solid rgba(49,83,212,0.2);
}
.dtVFWO .suspension-icon .iconfont span{
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
}
.dtVFWO .suspension-icon:hover span,.irryZy:hover .suspension-icon span{
background-position-x: -69px;
}
.hUqXnv .sc-kgoBCf:nth-child(2) .iconfont span{
background-position-y: -100px;
}
.hUqXnv .sc-kgoBCf:nth-child(3) .iconfont span{
background-position-y: -181px;
}
.hUqXnv .sc-kgoBCf:nth-child(4) .iconfont span{
background-position-y: -261px;
}
.hUqXnv .sc-kgoBCf:nth-child(5) .iconfont span{
background-position-y: -339px;
}
.hnDFsN .suspension-icon:hover, .cfLIzm .suspension-icon:hover {
background: #0075ff;
}
.irryZy .suspension-icon,.hnDFsN .suspension-icon,.cfLIzm .suspension-icon {
margin-right: 18px;
padding: 0 20px;
height: 80px;
line-height: 80px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.irryZy, .cfLIzm {
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(46,46,46,1);
cursor: pointer;
-webkit-transition: all .3s cubic-bezier(0.075,0.82,0.165,1);
transition: all .3s cubic-bezier(0.075,0.82,0.165,1);
}
.cfLIzm:last-child {
margin-top: -65px;
}
.irryZy:hover {
background: #0075ff;
color: #fff;
}
.irryZy:first-child .suspension-icon .iconfont {
border-top: none;
}
.irryZy:last-child,.hnDFsN:last-child {
margin-top: -65px;
}
.irryZy .suspension-desc span {
font-size: 16px;
font-weight: 500;
}
.irryZy .suspension-desc span.phone {
font-size: 18px;
font-weight: bold;
color: #FF0000;
}
.hnDFsN {
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(46,46,46,1);
cursor: pointer;
-webkit-transition: all .3s cubic-bezier(0.075,0.82,0.165,1);
transition: all .3s cubic-bezier(0.075,0.82,0.165,1);
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.hnDFsN .qr-code {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.hnDFsN .qr-code img {
width: 107px;
height: 107px;
margin-top: 10px;
margin-bottom: 5px;
}
.hnDFsN .qr-code span {
font-size: 14px;
}
/* 底部固定 */
.fl{
float: left;
}
.fixed-bottom {
position: fixed;
/* bottom: 0px; */
bottom: -150px;
left: 0;
z-index: 200;
width: 100%;
height: 70px;
line-height: 70px;
transition: all .3s linear;
background: rgba(0,0,0,.7);
}
.fixed-bottom.show {
bottom: 0px;
}
.fixed-bottom .bottom-con {
position: relative;
height: 100%;
width: 1240px;
margin: 0 auto;
}
.fixed-bottom .person {
position: absolute;
bottom: 0;
left: 30px;
width: 167px
}
.fixed-bottom .bottom-con p {
padding-left: 210px;
color: #fff;
font-size: 24px
}
.fixed-bottom .bottom-con p span {
color: #ffde00;
font-weight: 700
}
.fixed-bottom .fixed-form {
padding-top: 15px;
padding-left: 30px
}
.fixed-bottom .fixed-form .box {
position: relative;
}
.fixed-bottom .fixed-form input {
display: block;
width: 170px;
height: 40px;
border: none;
padding:0 10px;
color: #333;
font-size: 16px;
border-radius: 4px;
margin-right: 10px;
}
.fixed-bottom .fixed-form .phone{
padding-left: 38px;
}
.fixed-bottom .fixed-form .box i{
position: absolute;
top: 0;
left: 10px;
font-size: 20px;
width: 25px;
height: 40px;
}
.fixed-bottom .fixed-form .btn {
width: 100px;
height: 40px;
padding: 0;
line-height: 40px;
background: #f85415;
text-align: center;
font-size: 16px;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
/* @media (max-width:1180px) {
.fixed-bottom .bottom-con .fixed-form .btn {
width: 150px
}
}
*/