body {
    font-size: 14px!important;
    line-height: 1.5;
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif!important;
}
input,button{
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif!important;
}

body a{
	font-family: '微软雅黑';
	font-weight: normal;
	color:#333;
    transition: all 0.3s ease 0s;
}
body a:hover{
    text-decoration: none;
    color:#4d84ff; 
}
input:focus{
	outline:none;
	border: 1px solid #4d84ff;
}
input::-webkit-input-placeholder {
        color: #9599a8;
        font-size: 12px;
    }
button{
	outline: none;
}
/* .icon{
    display: inline-block;
    width:16px;
    height: 16px;
    color:#fff;
} */
/* 全局-header */

.g-header{
    width:100%;
    height: 60px;
    position: fixed;
    top:0;
    left: 0;
    transition: all .5s ease-in-out;
    z-index: 99;
	background-color: #fff;
	box-shadow: 0 0 9px rgba(0,0,0,.3);
}
.solid{
    background: #fff;
    border-bottom:1px solid #f0f1f2;
}
.g-header .wrapper{
    display: flex;
    flex-direction: row;
    height: 60px;
    width:1200px;
    padding:0 10px;
    box-sizing: border-box;
    margin:0 auto;
    font-size: 14px;
    align-items: center;
}
.g-header .wrapper .h_logo{
    width:111px;
    position: relative;
}
.g-header .wrapper .wrapper-content{
    flex:1;
    align-items: center;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.g-header .wrapper .wrapper-content .h_nav{
    flex:1;
}
.g-header .wrapper .wrapper-content .h_nav > ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 48px;
}
.g-header .wrapper .wrapper-content .h_nav > ul > li{
    margin-left: 32px;
    height: 55px;
    line-height: 55px;
    color:#fff;
    cursor: pointer;
}
.g-header .wrapper .wrapper-content .h_nav > ul > li:hover > .nav_content{
    display: flex;
    transform: rotate3d(0,0,0,0deg);
}
.nav_content{
    width:100%;
    background: #fff;
    position: absolute;
    top:60px;
    left:0;
    display: flex;
    justify-content: center;
    border-top: 1px solid #f0f1f2;
    transition:all .3s ease-in-out;
    transform: rotate3d(1,0,0,-90deg);
    transform-origin: 50% 0%;
    padding-bottom: 50px;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    box-sizing: border-box;
}
.nav_content .panel{
    width:1200px;
    margin:0 auto;
}
.nav_content .panel .panel-row{
    padding-top: 40px;
}
.nav_content .panel .panel-row .row-title{
    font-size: 14px;
    color:#373d40;
    line-height: 20px;
    padding-left: 12px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.nav_content .panel .panel-row .row-title .row-title-line{
    background:#488bff;
    width:2px;
    height:12px;
    margin-right: 5px;
}
.nav_content .panel .panel-row > .nav-list{
    display: flex;
    justify-content: flex-start !important;
}
.nav_content .panel .panel-row > .nav-list li{
    width:220px;
    height:72px;
    text-align: left;
    margin-right: 20px;
    margin-left: 0;
}
.nav_content .panel .panel-row > .nav-list li > a{
    display: flex !important;
    width:100%;
    height:100%;
    padding:0 12px;
    box-sizing: border-box;
    align-items: center;
}
.nav_content .panel .panel-row > .nav-list li > a:hover{
    background: #f5f6f7;
    border-radius: 4px;
}
.nav_content .panel .panel-row > .nav-list li .nav-title{
    font-size: 16px;
    line-height: 26px;
    color:#333333;
    margin-bottom: 4px;
}
.nav_content .panel .panel-row > .nav-list li .nav-desc{
    font-size: 12px;
    color:#9b9ba3;
    line-height: 17px;
}
.g-header .wrapper .wrapper-content .h_nav ul > li > a{
    display: block;
    width:100%;
    height:100%;
}
.g-header .wrapper .wrapper-content .h_nav ul > li > a > .iconfont{
	font-size: 12px;
	font-weight: bold;
}

.g-header .wrapper .wrapper-content .h_nav ul > li:hover > a{
    color:#4d84ff !important; 
}
.g-header .wrapper .wrapper-content.onscroll ul li a{
    color:#333;
}
.g-header .wrapper .wrapper-content.onscroll ul li a:hover{
    color:#4d84ff !important; 
}
.h_login{
    font-size: 14px;
}
.h_login .u_btn_login{
    box-sizing: border-box;
    color:#333;
    border: 1px solid #dcdcdc;
    padding:7px 15px;
    border-radius: 4px;
    margin-right: 12px;
    transition: all .4s;
}
.h_login .u_btn_reg{
    color:#fff;
    background: #4d84ff;
    padding:8px 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    transition: all .4s ease-in-out;
}
.h_login .u_btn_reg:hover{
    background: #e5e5e5;
    border-color: #e5e5e5;
    color:#333333;
}
.g-header .wrapper .wrapper-content.onscroll .h_login .u_btn_login{
    border:1px solid #dcdcdc;
    color:#333;
}
.g-header .wrapper .wrapper-content.onscroll .h_login .u_btn_login:hover{
    background: #f4f6f8;
    border:1px solid #dcdcdc;
    color:#333333;
}
.g-header .wrapper .wrapper-content.onscroll .h_login .u_btn_reg{
    background: #4d84ff;
    border:1px solid #4d84ff;
    color:#fff;
}
.g-header .wrapper .wrapper-content.onscroll .h_login .u_btn_reg:hover{
    background: #0066cc;
    border-color:#0066cc;
}

/* 全局banner */
.w1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.pa {
	position: absolute;
}

.swiper-banner {
	width: 100%;
	height: 560px;
	margin-top: 60px;
}

.swiper-banner .swiper-slide {
	width: 100%;
	height: 620px;
	color: #fff;
	display: block;
}

.swiper-banner .swiper-slide .wrap {
	height: 520px;
}

.swiper-banner .swiper-slide .sl-left {
	top: 170px;
	left: 40px;
	width: 100%;
}

.swiper-banner .swiper-slide .t1 {
	top: 0px;
	left: 0px;
	font-size: 26px;
}

.swiper-banner .swiper-slide .t2 {
	/* top: 50px; */
	left: 0px;
	font-size: 40px;
}
.swiper-banner .swiper-slide .t2-ex{
	top:40px;
}
.swiper-banner .swiper-slide .t3 {
	top: 60px;
	left: 0px;
	font-size: 18px;
}
.swiper-banner .swiper-slide .t3-ex{
	top:90px;
}
.swiper-banner .swiper-slide .t3 li {
	float: left;
	margin-right: 20px;
	margin-top: 14px;
	
}
.swiper-banner .swiper-slide .t3 li:nth-child(4){
	clear: both;
}
.swiper-banner .swiper-slide .t3 .t3-list li:nth-child(4){
	clear: none;
}
.swiper-banner .swiper-slide .btn{
	width: 170px;
	height: 40px;
	line-height: 40px;
	left: 0;
	top: 180px;
	border-radius: 2px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	transition: all 0.3s ease 0s;
	background-image: linear-gradient(to right, #3a62fe 0%, #5292ff 100%);

}

.swiper-banner .swiper-slide .img1 {
	top: 110px;
	left: 490px;
}

.swiper-banner .swiper-slide .img2 {
	top: 0px;
	left: 700px;
}

.swiper-banner .swiper-slide .img3 {
	top: 100px;
	left: 650px;
}

.swiper-banner .swiper-slide.slide1 {
	background: url(..https://www.ihuyi.com/images/banner/banner1_bg.jpg) no-repeat center top #190955;
}

.swiper-banner .swiper-slide.slide2 {
	background: url(..https://www.ihuyi.com/images/banner/banner2_bg.jpg) no-repeat center top #120055;
}

.swiper-banner .swiper-slide.slide3 {
	background: url(..https://www.ihuyi.com/images/banner/banner5_bg.jpg) no-repeat center top #0a074e;
}

.swiper-banner .swiper-pagination {
	bottom: 40px!important;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {
	width: 40px;
	height: 5px;
	border-radius: 0;
}







/* 全局footer */
/* .g-footer{
    width:100%;
    height:312px;
    background: #30343e;
}
.g-footer .g-footer-lists{
    width:1200px;
    margin:0 auto;
    padding:60px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.g-footer .g-footer-lists dl dt{
    font-size: 16px;
    color:#fff;
    margin-bottom: 40px;
}
.g-footer .g-footer-lists dl dd{
    font-size: 14px;
    margin-bottom: 15px;
    color:#939599;
}
.g-footer .g-footer-lists dl dd a{
    color:#939599;
}
.g-footer .g-footer-lists dl dd a:hover{
    color:#4d84ff;
}
.g-footer .g-footer-lists .wechat{
    text-align: center;
}
.g-footer .g-footer-lists .wechat p{
    font-size: 14px;
    line-height: 22px;
    color:#fff;
    margin:20px 0;
}
.g-footer .g-footer-lists .wechat img{
    display: block;
    width: 120px;
    height: 120px;
    background: #ccc;
    margin:10px auto 0;
}

.list_over{
    padding-top:56px;
    margin-left: -84px;
} */
.container {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.cp-icon{background:url(https://www.ihuyi.com/images/cp-icon.png) 0px 0px no-repeat;width:85px;height:85px;display:inline-block;
 background-position: -528px -7px;}
.footer-1{ background:#2D313D;color:#fff;}
.footer-1-list li{ float:left; width:25%;}
.footer-1-list li .item-box{ padding:32px 10px; height:51px}
.footer-1-list li .item-box i{background: url(https://www.ihuyi.com/images/cp-icon.png) 0px 0px no-repeat;width: 51px;height: 51px; display:inline-block; vertical-align:middle;}
.footer-1-list li .item-box i.footer-icon1{ background-position:0px -929px}
.footer-1-list li .item-box i.footer-icon2{ background-position:-51px -929px}
.footer-1-list li .item-box i.footer-icon3{ background-position:-102px -929px}
.footer-1-list li .item-box i.footer-icon4{ background-position:-153px -929px}
.footer-1-list li p{ line-height:51px;display:inline-block; margin-left:12px; font-size:16px; vertical-align:middle;}
.footer-2{ background:#373B46;overflow: hidden;}
.footer-2-top{ margin-bottom:40px; margin-top:50px;}
.footer-nav-list{ float:left; width:940px;}
.footer-nav{ width:235px;}
.footer-nav li{ line-height:34px;display: inline-block;width: 115px;}
.footer-nav .tittle{ font-size:18px; color:#fff; padding-bottom:15px;width: 100%;}
.footer-nav li a{ color:#a9b0b4;}
.footer-nav li a:hover{ color:#fff;}
.footer-code{ float:right; width:180px; color:#a9b0b4;line-height: 20px;}
.footer-code .tel{ position:relative; padding-left:38px;}
.footer-code .tel i{ position:absolute; left:0px; top:6px; width:30px; height:30px;}
.footer-code .tel b{ font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px;}
.footer-code .tel:hover .cp-icon7{background-position:-559px -7px;}
.footer-code p{ font-size:12px;}
.weixin-code{ padding:10px 0;}
.footer-2-bottom{ border-top:1px solid #4E525C}
.footer-2-bottom ul{ padding:15px 0;}
.footer-2-bottom ul li{ float:left; margin-right:10px; line-height:24px;}
.footer-2-bottom ul li a{ color:#737a80;}
.footer-2-bottom ul li a:hover{ color:#fff;}
.footer-3{ background:#2C3039; height:44px; color:#62676e; line-height:44px;}
.footer-3 span{ display:inline-block; width:24px; height:44px; background:url(https://www.ihuyi.com/images/wangan.gif) center center no-repeat; margin-left:10px;}
.footer-3 span a{ display:block; width:24px; height:24px;}

/* 全局copyright */
.g-copyright{
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    background: #292c33;
    color:#fff;
    height: 60px;
}

/* 全局容器 */
.g-section{
    width:100%;
}
.g-section-main{
    width:1200px;
    margin: 0 auto;
    padding: 100px 0;
}
.g-section-main h1{
    font-size: 28px;
    text-align: center;
    font-weight: 400;
	color: #333;
}
.g-section-main p{
    font-size: 14px;
    text-align: center;
    margin: 20px 0 40px;
    color:#9599a8;
    line-height: 24px;
}
.g-section:nth-child(even){
    background: #f0f2f7;
}

/* 全局分页 */
.pagenum {
	text-align: center;
	margin-top: 40px;
}
.pagenum ul{ 
	display:inline-block;
}
.pagenum li {
	float: left;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-left: 16px;
	border: 1px solid #e4e8ea;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pagenum li:hover, .pagenum li.active {
	background-color: #4d84ff;
	border-color: #4d84ff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.pagenum li:hover a, .pagenum li.active a {
	color: #fff;
}
.pagenum li.active {
	background-color: #4d84ff;
	color: #fff;padding: 0 15px;
	border-color: #4d84ff;
}
.pagenum li a {
	display: block;
	color: #374552;
	padding: 0 15px;
	margin: 0;
}

/*----- 首页 ----- */
/* 服务 */
.services{
    width:100%;
}
.services ul{
    overflow: hidden;
    width: 100%;
    padding-top: 15px;
}
.services ul li{
    float: left;
    border:1px solid #ebebeb;
    width:277px;
    height:298px;
    display: flex;
	 border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    padding:40px 0 30px;
    box-sizing: border-box;
    margin-right: 30px;
    transition: all .4s;
}
.services ul li:hover{
    transform: translate(0,-10px);
	border: 1px solid #4d84ff;
	box-shadow: 0 5px 10px rgba(221,221,221,.8);
   
}
.services ul li:last-child{
    margin-right: 0;
}
.services .img {
    width:80px;
    height:80px;
    margin:0 auto;
}
.services .img img{
	display: block;
	width: 100%;
}


.services .title{
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 30px 0 0 0;
    font-weight: normal;
    line-height: 18px;
}
.services .desc{
    font-size: 14px;
    color:#9599a8;
    margin:15px 0 0 0;
    text-align: center;
}
.services .btn{
    display: block;
    width:120px;
    height:38px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    color:#fff;
    background: #4d84ff;
    margin:24px auto 0;
}
/* 优势 */
.youshi ul{
    overflow: hidden;
    width: 100%;
}
.youshi ul li{
    float: left;
    padding:10px 0 20px;
    width:270px;
    height:243px;
    box-sizing: border-box;
    margin-right: 30px;
}
.youshi .img {
    width:120px;
    height:110px;
    margin:0 auto;
}

.youshi .img img{
	width: 100%;
}

.youshi .title{
    font-size: 18px;
    color: #333;
    text-align: center;
    margin:10px 0 10px 0;;
}
.youshi .desc{
    font-size: 14px;
    color:#9599a8;
    margin:10px 0 10px 0;;
    text-align: center;
}

/* 语言 */
.lang{
    width:100%;
    overflow: hidden;
	padding-bottom: 20px;
}
.lang dl{
    width:170px;
    box-sizing: border-box;
    float:left;
    border:1px solid #ebebeb;
    margin:0 15px;
	border-radius: 8px;
    transition: box-shadow 0.5s, transform 0.5s;
}

.lang dl:hover{
	box-shadow:5px 5px 5px #ddd;

}

.lang dl:last-child{
    margin-right: 0;
}
.lang dl dt{
    padding:20px 0;
    border-bottom: 1px solid #ebebeb;
	background-color: #f7f7f7;
}
.lang dl dt img{
    display: block;
    width:80px;
    height:45px;
    margin:0 auto;
}
.lang dl dt p{
    margin:10px 0 0 0;
    text-align: center;
    font-size: 16px;
    color:#333333;
}
.lang dl dd{
    padding:10px;
    min-height: 160px;
    box-sizing: border-box;
    font-size: 14px;
    color:#333;
 
	font-size: 14px;
	
	    height: 155px;
	 
	    line-height: 20px;
	    text-align: left;
	
}

/* 企业展示 */
.company{
    width:100%;
}
.company ul{
    overflow: hidden;
}
.company ul li{
    float: left;
	width: 180px;
	margin: 10px 10px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	transition: box-shadow 0.5s, transform 0.5s;
}
.company ul li img{
	display: block;
	width: 100%;
}
.company ul li:hover{
	
	box-shadow:5px 5px 5px #ddd;
	
}

/* æ–°é—» */
.news{
    width:100%;
}
.news ul.news_list{
    overflow: hidden;
}
.news ul.news_list li{
    float: left;
    margin-right: 53px;
    width:360px;
}



.news ul.news_list li:last-child{
    margin-right: 0;
}
.news_content{
    overflow: hidden;
}
.news_content li{
    padding:20px;
    box-sizing: border-box;
	transition: box-shadow 0.5s, transform 0.5s;
}
.news_content li a{
    color:#333333;
}
.news_content li:hover a{
    color:#4d84ff;
	cursor: pointer;
}
.news_content > li:first-child{
    padding:0;
    width:345px;
    border:1px solid #ebebeb;
}
.news_content > li:first-child:hover{
	box-shadow:5px 5px 5px #ddd;
}
.news_content > li:nth-child(2){
    border-bottom:1px solid #ebebeb;
}
.news_1 .img{
    width:100%;
    height:230px;
	overflow: hidden;
    border-bottom:1px solid #ebebeb;
}
.news_1 .img img{
	width: 100%;
}

.news_1 .content{
    padding:20px;
}
.content h3{
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color:#333333;
    line-height: 30px;
    text-overflow: ellipsis;
}
.content p{
    font-size: 14px;
    color:#9599a8;
    line-height: 22px;
    text-align: left;
    margin:10px 0 10px 0;
    /* height: 40px; */
    overflow: hidden;
}
.new_text{
    height: 44px;
}
.content span{
    display: inline-block;
    font-size: 14px;
    color:#9599a8;
    margin-top: 10px;
}
/* 体验 */
.have-try{
    background: #2499fa !important;
}
.have-try .g-section-main{
    padding:70px 0;
}
.have-try h2{
    text-align: center;
    color:#fff;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 400;
}
.have-try .try{
    text-align: center;
}
.have-try .try input{
    width:298px;
    height:50px;
    border:1px solid #0066cc;
    margin-right: -5px;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: middle;
    color: #9599a8;
	padding-left: 20px;
}
.have-try .try button{
    display: inline-block;
    width:150px;
    height:50px;
    background: #fff;
    border:1px solid #4d84ff;
    border-radius: 4px;
    color:#fff;
    cursor: pointer;
    margin-top: -1px;
    box-sizing: border-box;
    font-size: 16px;
    vertical-align: middle;
    color:#4d84ff;
    transition: .5s all;
}
.have-try .try button:hover{
    background: #0066cc;
    color:#fff;
}

/* ----- 产品页 ----- */
/* banner */
.banner{
    width:100%;
    margin-top: 60px;
    background: #4d84ff;
	background-image: linear-gradient(to right, #1a0a55 0%, #340963 100%);
}
.banner .content{
    width:1200px;
    height: 400px;
    box-sizing: border-box;
    padding:40px 0;
    margin: 0 auto;
    display: flex;
	background: url(..https://www.ihuyi.com/images/banner/wsc.png) no-repeat right;
    flex-direction: column;
    justify-content: center;
}
.banner .content h2{
    font-size: 38px;
    color:#fff;
    font-weight: 400;
}
.banner .content h3{
    margin:20px 0;
    font-size: 16px;
    color:#fff;
    font-weight: 400;
}
.banner .content button{
       width: 170px;
       height: 40px;
       line-height: 40px;
       left: 0;
       top: 180px;
       border-radius: 2px;
       font-size: 16px;
       color: #fff;
	   outline: none;
	   border: none;
       text-align: center;
       transition: all 0.3s ease 0s;
       background-image: linear-gradient(to right, #3a62fe 0%, #5292ff 100%);
}
.banner .content button:hover{
    background: #0066cc;
    color:#fff;
    transition: all .5s;
}

/* banner-code */
.banner-code{
    width:100%;
    margin-top: 60px;
    background: #4d84ff;
	background: url(..https://www.ihuyi.com/images/banner/banner-code.jpg);
	background-size: 100%;
/* 	background-image: linear-gradient(to right, #1a0a55 0%, #340963 100%); */
}
.banner-code .content{
    width:1200px;
    height: 400px;
    box-sizing: border-box;
    padding:40px 0;
    margin: 0 auto;
    display: flex;
	background: url(..https://www.ihuyi.com/images/banner/dx.png) no-repeat right;
    flex-direction: column;
    justify-content: center;
}
.banner-code .content h2{
    font-size: 38px;
    color:#fff;
    font-weight: 400;
}
.banner-code .content h3{
    margin:20px 0;
    font-size: 16px;
    color:#fff;
    font-weight: 400;
}
.banner-code .content .btn{
       width: 170px;
       height: 40px;
       line-height: 40px;
       left: 0;
       top: 180px;
       border-radius: 2px;
       font-size: 16px;
       color: #fff;
	   outline: none;
	   border: none;
       text-align: center;
       transition: all 0.3s ease 0s;
       background-image: linear-gradient(to right, #3a62fe 0%, #5292ff 100%);
}
.banner-code .content btn:hover{
    background: #0066cc;
    color:#fff;
    transition: all .5s;
}
/* banner-notice */
.banner-notice{
    width:100%;
    margin-top: 60px;
    background: #4d84ff;
	background: url(..https://www.ihuyi.com/images/banner/banner-code.jpg);
	background-size: 100%;
/* 	background-image: linear-gradient(to right, #1a0a55 0%, #340963 100%); */
}
.banner-notice .content{
    width:1200px;
    height: 400px;
    box-sizing: border-box;
    padding:40px 0;
    margin: 0 auto;
    display: flex;
	background: url(..https://www.ihuyi.com/images/banner/tz.png) no-repeat right;
    flex-direction: column;
    justify-content: center;
}
/* banner-market */
.banner-mark{
    width:100%;
    margin-top: 60px;
    background: #4d84ff;
	background: url(..https://www.ihuyi.com/images/banner/banner-code.jpg);
	background-size: 100%;
/* 	background-image: linear-gradient(to right, #1a0a55 0%, #340963 100%); */
}
.banner-mark .content{
    width:1200px;
    height: 400px;
    box-sizing: border-box;
    padding:40px 0;
    margin: 0 auto;
    display: flex;
	background: url(..https://www.ihuyi.com/images/banner/yx.png) no-repeat right;
    flex-direction: column;
    justify-content: center;
}


/* 产品'服务'样式修正 */
.product .services > ul > li{
   /* border:none; */
}
.product .services > ul > li .img{
    width:120px;
    height: 120px;
}

/* 应用场景 */
.yingyong{
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.yingyong .yingyong_items{
    padding:50px 0;
    margin:0 80px;
}
.yingyong .yingyong_items ul li{
    width:200px;
    height:60px;
    font-size: 14px;
    color:#666;
	background-color: #fff;
    border:1px solid #e4e4e4;
    box-sizing: border-box;
    text-align: center;
    line-height: 60px;
    margin:60px auto;
    cursor: pointer;
}
.yingyong .yingyong_items ul li.ontap3{
    color:#fff;
    border:1px solid #4d84ff;
	background-color:#4d84ff ;
	box-shadow: 0 2px 5px #ccc;
	transition: all .4s;
}
.yingyong .phoneshow{
    width:333px;
    height: 580px;
    background: url(..https://www.ihuyi.com/images/ipone.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
	position: relative;
	
}
.yingyong .phoneshow .phoneshow-content{
    display: none;
	width: 217px;
	font-size: 14px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 10px;
	box-shadow: 0 1px 5px #ccc;
	position: absolute;
	top: 128px;
	left: 51px;
}

/* 支持国家、地区 */
.country{
    width:100%;
}
.country .search,.price .search{
    text-align: center;
}
.country .search input,.price .search input{
    width:418px;
    height:50px;
    border:1px solid #4d84ff;
    margin-right: -5px;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: middle;
    color: #9599a8;
	
}
.country .search button,.price .search button{
    display: inline-block;
    width:120px;
    height:50px;
    background: #4d84ff;
    border:1px solid #4d84ff;
    border-radius:0 4px 4px 0;
    color:#fff;
    cursor: pointer;
    margin-top: -1px;
    box-sizing: border-box;
    font-size: 16px;
    vertical-align: middle;
    color:#fff;
    transition: .5s all;
}
.country .search button:hover,.price .search button:hover{
    background: #0066cc;
    color:#fff;
}
.country .result{
    width:700px;
    margin:40px auto 0;
}
.country .result .result-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin-bottom: 10px;
}
.country .result .result-title span{
    display: inline-block;
    width:33.3%;
    text-align: center;
    font-size: 16px;
    color:#333333;
}
.country .result .result-title span:first-child{
    text-align: left;
}
.country .result .result-title span:last-child{
    text-align: right;
}
.country .result .result-list{
    width:100%;
}
.country .result .result-list li{
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 6px 0;
}
.country .result .result-list li span{
    display: inline-block;
    width:33.3%;
    text-align: center;
    font-size: 14px;
    color:#666;
}
.country .result .result-list li span:first-child{
    text-align: left;
}
.country .result .result-list li span:last-child{
    text-align: right;
}

/* 接入说明 */
.jrsm{
    width:100%;
	margin-top: 70px;
}
.jrsm ul{
    overflow: hidden;
}
.jrsm ul li{
    float: left;
    width: 25%;
    text-align: center;
	position: relative;
}
.jrsm ul li img{
    width:50px;
    height:50px;
    display: inline-block;
}

.jrsm ul li span{
    font-size: 14px;
    color: #333333;
	display: block;
	
}

.jrsm ul li span:before {
    left: 70%;
}
.jrsm ul li span:before, .jrsm ul li span:after {
    content: '';
    position: absolute;
    top: 50%;
	border: 1px dashed rgba(4,155,255,.6) ;
    width: 30%;
  
}
.jrsm ul li span:after {
    left: 0;
}
.jrsm ul li:first-child span:after {
    border: none;
}
.jrsm ul li:last-child span:before {
    border: none;
}


/* 相关产品 */
.xgcp{
    width:100%;
}
.xgcp ul{
    overflow: hidden;
    width: 100%;
	padding-bottom: 20px;
}
.xgcp ul li{
    float: left;
    border:1px solid #f2f2f2;
    width:250px;
    height:330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:40px 0 30px;
    box-sizing: border-box;
    margin:0 20px;
    transition: box-shadow 0.5s, transform 0.5s;
    
}
.xgcpp ul li{
  
    width: 360px!important;

    
}
/* .xgcp ul li:last-child{
    margin-right: 0;
} */
.xgcp ul li:hover{
	box-shadow:5px 5px 5px #ddd;
}
.xgcp .img {
	
    width:100px;
    height:100px;
    margin:0 auto;
}
.xgcp .img img{
	width: 100%;
}
.xgcp .title{
    font-size: 18px;
    color: #333;
    text-align: center;
    margin:30px 0 0 0;
}
.xgcp .desc{
    font-size: 14px;
    color:#9599a8;
    margin:20px 0 0 0;
    text-align: center;
}
.xgcp .btn{
    display: block;
    width:120px;
    height:40px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color:#fff;
    background: #4d84ff;
    margin:24px auto 0;
}

/* ----- 解决方案 ----- */
/* banner */
.solutions{
    height: 300px;
	width: 100%;
	background: url(..https://www.ihuyi.com/images/banner/banner-solve.jpg) no-repeat center;
	background-size: cover;
}
.solutions .content{
    padding-bottom: 40px;
    height: 100%;
	background-image: none;
}
.solutions .content h2{
    text-align: center !important;
    font-size: 34px;
}
.solutions .content h3{
    text-align: center !important;
    font-size: 16px;
}

.banner .btn {
    width: 170px;
    height: 40px;
    line-height: 40px;
    left: 0;
    top: 180px;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease 0s;
    background-image: linear-gradient(to right, #3a62fe 0%, #5292ff 100%);
}

/* 解决方案'服务'样式修正 */
.solu .services > ul > li{
   /* border:none; */
}
.solu .services > ul > li .img{
    width:120px;
    height: 120px;
}
/* 解决方案 应用场景 */
.p_yycj{
    width:100%;
	margin-top: 60px;
}
.p_yycj > ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.p_yycj > ul > li{
    text-align: center;
}
.p_yycj > ul > li img{
    display: block;
    width:60px;
    height: 60px;
    
}
.p_yycj > ul > li span{
    color:#333333;
	margin-top: 20px;
}

/* ----- ä»·æ ¼ ----- */
/* banner搜索框与产品中搜索框共用样式 */
.price{
    height: 300px;
	background: url(..https://www.ihuyi.com/images/banner/price_banner.jpg) no-repeat scroll center center / cover;
}

[data-black-overlay] {
    position: relative;
}

[data-black-overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-black-overlay="6"]:before {
    opacity: 0.7;
}
[data-black-overlay] *:not(.background-image-holder):not(.instafeed--background) {
    z-index: 2;
}
.price .content{
    height: 300px;
    padding-bottom: 40px;
	background-image: none;
}
/* 价格搜索 */
.p-container{
    width: 100%;
    margin-top: 50px;
}
.p-container .area-list{
    width:1200px;
    margin:0 auto;
    margin-bottom: 50px;
}
.p-container .area-list > ul > li{
    margin-bottom: 30px;
    height: 14px;
}
.li_items{
    overflow: hidden;
}
.li_items > li{
    float: left;
    margin-right: 20px;
    font-size: 14px;
}
.li_items > li > span{
    color:#9599a8;
    font-size: 14px;
    cursor: pointer;
}
.region{
    display: none;
}
.ontap{
    color:#4d84ff !important;
}

/* 价格搜索列表 */
.p-container .result{
    width:1200px;
    margin:0 auto;
}
.p-container .result .result-title{
    display: flex;
    justify-content: space-between;
    padding:0 30px;
    border-bottom: 1px solid #4d84ff;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
}
.p-container .result .result-title span{
    display: inline-block;
    width:180px;
}
.p-container .result .result-list{
    width:100%;
    box-sizing: border-box;
}
.p-container .result .result-list > li{
    display: flex;
    justify-content: space-between;
    line-height: 80px;
    font-size: 14px;
    color:#333333;
    border-bottom: #f0f0f0;
    padding: 0 30px;
    border-bottom: 1px solid #ebebeb;
	transition: all .4s;
}


/* .p-container .result .result-list > li:nth-child(even){
    background: #f7f7f7;
} */
.p-container .result .result-list > li > span{
    display: inline-block;
    width:180px;
}
.p-container .result .result-list > li > span > a{
    display: inline-block;
    width:120px;
    height: 40px;
    font-size: 14px;
    color:#4d84ff;
    border:1px solid #4d84ff;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
	
}
.p-container .result .result-list > li:hover{
	box-shadow: 0 5px 10px rgba(221,221,221,.8);
	cursor: pointer;
}
.p-container .result .result-list > li:hover > span > a{
	background-color:#4d84ff ;
	color: #fff;
	transition: all .4s;
}





/* ----- 价格详情页 ----- */
.pd-container{
    width:100%;
}
.pd-container .bread{
    width:1200px;
    margin:0 auto;
    padding: 30px 0;
}
.pd-container .bread span,.dg-content .bread span{
    font-size: 14px;
    color: #9599a8 !important;
}
.pd-container .bread span.bread-cur,.dg-content .bread span.bread-cur{
    color:#333333 !important;;
}
.pd-container .pd-price{
    width:1200px;
    margin:0 auto 100px;
    position: relative;
}
.pd-container .pd-price img{
    display: block;
    width:200px;
    height: 200px;
    position: absolute;
    top: 8px;
    left: 0;
    border: 1px solid #ebebeb;
}
.pd-container .pd-price .pd-price-info{
    margin-left: 240px;
}
.pd-container .pd-price .pd-price-info h3{
    font-size: 24px;
    color:#333333;
    font-weight: 400;
}
.pd-container .pd-price .pd-price-info > .info{
    display: flex;
    justify-content: flex-start;
    margin: 20px 0;
}
.pd-container .pd-price .pd-price-info > .info > span{
    display: inline-block;
    margin-right: 48px;
}
.pd-container .pd-price .pd-price-info > .price{
    background: none;
    font-size: 18px;
    color: #4d84ff;
    margin-bottom: 30px;
    width:auto;
    height: auto;
}
.pd-container .pd-price .pd-price-info > .btns a{
    display: inline-block;
    width:160px;
    height:48px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    line-height: 48px;
    vertical-align: middle;
}
.pd-container .pd-price .pd-price-info > .btns .btn_1{
    background: #4d84ff;
    color: #fff;
}
.pd-container .pd-price .pd-price-info > .btns .btn_1:hover{
    background: #0066cc;
}
.pd-container .pd-price .pd-price-info > .btns .btn_2{
    border:1px solid #4d84ff;
    color: #4d84ff;
    margin-left: 20px;
}
.pd-container .pd-price .pd-price-info > .btns .btn_2:hover{
    border:1px solid #0066cc;
    background: #0066cc;
    color: #fff;
}

/* 价格详情页专属公共样式 */
.pd-box{
    width:1200px;
    margin: 0 auto;
}
.pd-box h5{
    font-size: 16px;
    font-weight: 400;
}
.pd-box  .t-line{
    width:60px;
    margin-top: 10px;
    background: #4d84ff;
    height:2px;
}
.pd-box .content{
    margin-top: 40px;
    margin-bottom: 100px;
}
/* 价格详情 应用场景 */
.pd-box .content > ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.pd-box .content > ul > li img{
    width:50px;
    height:50px;
    display: block;
	margin: 0 auto;
   
}
.pd-box .content > ul > li span{
    color:#333333;
}
/* 价格详情 ‘接入说明’样式 修复 */
.pd-box .pd-jrsm > ul{
    overflow: hidden;
}
.pd-box .pd-jrsm > ul > li{
    float: left;
    margin-right: 60px;
	display: flex;
}
.pd-box .pd-jrsm > ul > li img{
    width:48px;
    height: 48px;
}
.pd-box .pd-jrsm > ul > li span{
    margin-top: 0;
    margin-left: 20px;
    color:#333333;
    font-size: 14px;
	line-height: 48px;
}
/* 热门地区价格、其他地区价格列表 */
.pd-box .price-more > ul{
    display: flex;
    flex-wrap: wrap;
}
.pd-box .price-more > ul > li:nth-child(8n+1){
    width:119px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    line-height: 60px;
    text-align: center;
    margin-left: 0px;
    margin-bottom: 24px;
    transition: all .4s;
    float:left
}
.pd-box .price-more > ul > li{
    width:119px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    line-height: 60px;
    text-align: center;
    margin-left: 35px;
    margin-bottom: 24px;
    transition: all .4s;
    float:left
}
.pd-box .price-more > ul > li:hover{
    border: 1px solid #4d84ff;
}
.pd-box .price-more > ul > li a{
    color:#333333;
    display: block;
    /* width:100%; */
    height: 100%;
}
.txt {
    width:90px;
    line-height: 20px;
    font-size: 14px;
    padding: 10px;
          
}
.pd-box .price-more > ul > li:hover a{
    color:#4d84ff;
}

/* ----- 开发指南 ----- */
/* banner */
.dg-banner{
    width:100%;
    height:300px;
    background: #ccc;
    margin-bottom: 20px;
    margin-top: 60px;
}
.dg-guide{
	height: 140px;
	background: url(..https://www.ihuyi.com/images/banner/guide-banner.jpg) no-repeat scroll center center / cover;
	margin-bottom: 20px;
	margin-top: 60px;
}
.dg-news{
	    height: 300px;
	    background: url(..https://www.ihuyi.com/images/banner/news-banner.jpg) no-repeat scroll center center / cover;
}
.dg-news-detail{
	height: 140px;
	background: url(..https://www.ihuyi.com/images/banner/news-banner.jpg) no-repeat scroll center center / cover;
}

.dg-about-banner{
	height: 300px;
	background: url(..https://www.ihuyi.com/images/banner/about-banner.jpg) no-repeat scroll center -800px / cover;
	
}


/* 内容 */
.dg-container{
    width:100%;
	margin-bottom: 100px;
	margin-top: 40px;
}
.dg-container .wrapper{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.dg-container .wrapper .dg-items{
    width:240px;
    background: #f7f7f7;
    float: left;
    min-height: 420px;
}
.dg-container .wrapper .dg-items dl dt{
    width:100%;
    font-size: 18px;
    line-height: 60px;
    color:#333333;
    padding-left: 20px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.dg-container .wrapper .dg-items dl dd{
    line-height: 50px;
    padding-left: 20px;
    color:#333333;
    font-size: 14px;
    cursor: pointer;
}
.dg-container .wrapper .dg-items dl dd:hover{
    color:#4d84ff;
}
.dg-container .wrapper .dg-content{
    float: left;
    margin-left: 20px;
    width: 940px;
}
.dg-container .wrapper .dg-content > .bread{
    margin:20px 0;
}
.dg-container .wrapper .dg-content .content{
    display: none;
}
.dg-container .wrapper .dg-content .content h1{
    font-size: 34px;
    color:#333333;
    font-weight: 400;
    margin-bottom: 40px;
}
.dg-container .wrapper .dg-content .content p{
    margin-bottom: 30px;
}
.ontap2{
    background: #f3f3f3;
    color:#4d84ff !important;
}

/* ----- 资讯页 ----- */
.n-container,.nd-container{
	width:1200px;
    margin: 0 auto;
    overflow: hidden;
}

/*资讯列表*/
.left{
    float: left;
}
.right{
    float: right;
}
.clearfix:after{
    content:" ";
    clear: both;
    display: block;
    height:0;
}
.new-left{
	width:875px; 
	background:#fff;
}
.new-left ul.new-lb > li{ 
	padding:30px; 
	border-bottom:1px solid #ebebeb;
	transition: all .4s;
}

.new-left ul.new-lb > li:hover{
	box-shadow: 0 5px 10px rgba(221,221,221,.8);
		cursor: pointer;
}

.new-img{ 
	width:220px; 
	padding-right:35px;
	display: none;
}
.new-img img{ 
	display:block;
}
.new-text{ 
	width:810px;
}
.new-text h1{ 
	font-size:20px; 
	font-weight:normal; 
	padding-bottom:15px; 
	position:relative;
}
.new-text h1 a{
    font-size: 20px;
    color:#333333;
}
.new-text h1 a:hover{
    color:#4d84ff;
}
.new-text .time{ 
	height: 22px; 
	line-height:22px; 
	display:block; 
	font-size:14px;
	background:url(..https://www.ihuyi.com/images/n_clock.png)no-repeat;
    padding-left:25px;
	color:#9599a8;
    margin-bottom: 10px;
}
.new-text h6{ 
	font-size:14px; 
	font-weight:normal;
	padding-bottom:11px;
	}
.new-text h6 span{ color:#999;}
.new-text h6 a{ 
	color:#999;
	margin: 0 2px;
}
.new-text h6 a:hover{ 
	color:#4d84ff;
}
.new-text p.new-text-ms{ 
    padding-bottom:8px;
    font-size: 14px !important;
    line-height: 21px;
	color: #666;
}
.new-text .new-btn-more{ 
	padding:3px 10px; 
	color:#4d84ff; 
	display:inline-block; 
	border:1px solid #4d84ff;
    border-radius:3px;
    width:56px;
    height:21px;
    text-align: center;
    line-height: 21px;
    font-size: 14px;
}
.new-text .new-btn-more:hover{
	color:#fff; 
	border:1px solid #4d84ff; 
	background:#4d84ff;
}
.new-right{ 
	width:300px; 
	background:#fff;
}
.new-panel{ 
    padding:20px;
    border:1px solid #ebebeb;
}
#hotest{
    border-bottom: none;
}
.new-panel h2{ 
	font-size:18px;
	padding-bottom:15px;
	color: #333;
}
.new-panel h5{
    font-weight: 400;
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
    line-height: 20px;
}
.new-panel h5:last-child{
    border: none;
}
.new-panel h5 a{
    font-size: 14px;
    color:#666;
}
.new-panel h5 a:hover{
    color:#4d84ff;
}

/* ----- 资讯详情 ------ */
.nd-container .bread{
    padding-left: 30px;
}
.nd-container .bread > a{
    color:#9599a8;
}
.nd-container .bread > a:hover{
    color:#4d84ff;
}
.new-detail{ 
	padding:30px;
}
.new-detail h1{ 
	font-size:30px; 
	margin-bottom:10px;
	color: #333;
}
.new-detail-time{ 
	color:#9599a8; 
	position:relative;
	height:30px; 
	line-height:30px; 
    margin-bottom:30px;
    font-size: 14px;
}
.new-content-container p{
    font-size: 14px;
    line-height: 30px;
	
}
.new-content-container{
	word-break: break-all;
}
.new-content-container h2 {
	font-size: 18px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #333;
}
.new-content-container p {
	color: #666;
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
}
.new-detail-tag{ padding-top:30px}
.new-detail-tag a{ 
	display:inline-block;
	padding:3px 10px; 
	background:#eee; 
	color:#999;
	border-radius:3px;
	margin-bottom: 4px;
}
.new-detail-tag a:hover{
	background:#2CB9EA; 
	color:#fff;
}
hr{ 
	border:0; 
	border-top:1px solid #f5f5f5; 
	margin:30px 0;
}
.new-detail-sx{
    font-size: 14px;
}
.new-detail-sx a{
    color:#333333;
}
.news-ad{
    width:300px;
    height:160px;
    background: #ccc;
    margin-top: 30px;
}
.news-ad img{
    width:100%;
    height:100%;
    display: block;
}

/* ----- 关于我们 ----- */
.a-container{
    width: 1200px;
    margin:0 auto;
    padding-bottom: 100px;
    margin-top: 80px;
}
.tc{
    text-align: center;
}
.a-container h1{ font-size:28px; padding:30px 0; font-weight:normal; color: #333;}
.a-container p{line-height:30px; font-size:14px; padding-bottom:10px; color: #666;}
.about-ys{ margin-top:20px; margin-left:-70px; margin-right:-70px;}
.about-ys li{ float:left; display:block; text-align:center; width:220px; margin:0px 113px 20px;}
.about-ys li i{ width:128px; height:94px; line-height:94px; font-size:36px;transition: all .4s; font-style:normal; border:1px solid #4d84ff;border-radius:10px; display:block; margin:auto; color:#4d84ff; margin-bottom:15px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.about-ys li i:hover{ background:#4d84ff; color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.about-ys li p{ font-size:16px}
.about-zs{ margin-top:20px}
.about-zs li{ float:left; display:block; text-align:center; width:220px; margin:0px 40px 20px;}
.about-zs li p{ font-size:14px; padding-top:10px;}
.kh-list ul li{ float:left; width:196px; height:112px; overflow:hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.kh-list ul li.bgcolor{background:#FAFAFA;}
.kh-list ul li:hover{box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-transform:translateZ(-2px);-moz-transform:translateZ(-2px);-ms-transform:translateZ(-2px);-o-transform:translateZ(-2px);transform:translateZ(-2px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.kh-logo{background:url(..https://www.ihuyi.com/images/kehu-logo.png) 0px 0px no-repeat;width:197px; height:113px; display:inline-block;}
.kh-logo1{background-position:0px 0px;}
.kh-logo2{background-position:-197px 0px;}
.kh-logo3{background-position:-394px 0px;}
.kh-logo4{background-position:-591px 0px;}
.kh-logo5{background-position:-788px 0px;}
.kh-logo6{background-position:-985px 0px;}
.kh-logo7{background-position:0px -113px;}
.kh-logo8{background-position:-197px -113px;}
.kh-logo9{background-position:-394px -113px;}
.kh-logo10{background-position:-591px -113px;}
.kh-logo11{background-position:-788px -113px;}
.kh-logo12{background-position:-985px -113px;}
.kh-logo13{background-position:0px -226px;}
.kh-logo14{background-position:-197px -226px;}
.kh-logo15{background-position:-394px -226px;}
.kh-logo16{background-position:-591px -226px;}
.kh-logo17{background-position:-788px -226px;}
.kh-logo18{background-position:-985px -226px;}
.kh-logo19{background-position:0px -339px;}
.kh-logo20{background-position:-197px -339px;}
.kh-logo21{background-position:-394px -339px;}
.kh-logo22{background-position:-591px -339px;}
.kh-logo23{background-position:-788px -339px;}
.kh-logo24{background-position:-985px -339px;}
.reg-bottom{ background:#4d84ff; display:inline-block; padding:15px 45px; font-size:24px; color:#fff;border-radius:5px;}
.reg-bottom:hover{background:#0066cc; color:#fff;}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #4d84ff!important;
}


/*浮窗样式*/
.izl-rmenu{position:fixed;right:20px;top:50%; margin-top:-46px;padding-bottom:14px;z-index:999;}
.izl-rmenu .btn{width:60px;height:60px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(..https://www.ihuyi.com/images/r_qq2.png) center center no-repeat;background-color:#2CB9EA;text-decoration:none;display:block;}
.izl-rmenu .btn-qq:hover{background-color:#0F83C1;}
.izl-rmenu .btn-wx{background:url(..https://www.ihuyi.com/images/r_wx.png) center center no-repeat;background-color:#2CB9EA;display:block;}
.izl-rmenu .btn-wx:hover{background-color:#0F83C1;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(..https://www.ihuyi.com/images/r_phone2.png) center center no-repeat;background-color:#2CB9EA;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:230px;left:-270px;top:0px; height:55px; padding:20px;line-height: 28px;color:#FFF;font-size:18px;display:none;}
.izl-rmenu .btn-top{background:url(..https://www.ihuyi.com/images/r_top.png) center center no-repeat;background-color:#E3E5E8;height:35px;display:none;}
.izl-rmenu .btn-top:hover{background-color:#d1d4da;}
/*浮窗样式结束*/

.hyProduct {
    display: block;
    position: absolute;
    width: 102px;
    height: 24px;
    line-height: 24px;
    top: 8px;
    right: -180px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #f3f3f3;
    color: #333;
    font-size: 12px;
    text-align: center;
}
.hyProduct:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -10px;
    width: 1px;
    height: 16px;
    background-color: #cfcfcf;
}