/*开放能力平台样式*/
.header{border-bottom: 1px solid #ccc;width: 100%;height: 80px;position:fixed;top:0;z-index: 10;background-color: #fff;margin-bottom: 80px;}
.headerContent{width:1211px;margin: 0 auto;height:100%;}
.headerContent>i{display: inline-block;height:100%;vertical-align:bottom;line-height: 80px;font-size: 20px;color:#0142fe;font-weight: bold;}

.banner .banner1{background-color:greenyellow;width: 100%;height:313px;}
.banner .banner2{background-color:darkorange;width: 100%;height:313px;}
.banner .banner3{background-color:burlywood;width: 100%;height:313px;}
.mainContentFloor1{background-color:#FFFFFF;width: 100%;margin-top:50px;}
.mainContentFloor1 h1{font-size: 28px;color:#333333;text-align: center;}
.headerSlide{float:right;height:100%;line-height:80px;width:60%;text-align: center;font-size: 16px;margin-right:120px;}
.headerSlide>li{float: left;height:76px;padding:0 30px;cursor: default;color: #aaa;}
.headerSlide>li a{color: #aaa;}
.headerSlide>li:hover{border-bottom:4px solid #007AFF;color: #000;}
.headerSlide>li:hover>a{color: #000;}
.active{border-bottom:4px solid #007AFF ;color: #000;}
.headerSlide .active>a{color: #000;}
.headerSlide .active>span{color: #000000;}
.reg{float:right;height:100%;}
.reg a{width:60px;display: inline-block;text-align: center;border: 1px solid #ddd;height: 30px;line-height: 30px;margin-top: 25px;margin-right: 15px;}
.reg .login{background-color:#007AFF;color: #fff;}
.reg .register{border: 1px solid #007AFF; color:#007AFF;}
.sucListBox{width: 100%;background-color: #101010;display: none;position: absolute;z-index: 11;top:80px;left:0;}
.sucListBox ul{width:70%;height:100%;margin: 0 auto;text-align: center;}
.sucListBox ul li{float: left;width: 20%;height:100%;}
.sucListBox>ul>li a{color:#fff;padding: 10px;font-size: 14px;font-weight: bold;}
.sucListBox>ul>li a:hover{background-color:#007AFF;}
.userTaste{width:100%;background-color: #101010;position: absolute;top:80px;left:0;text-align: left;display: none;}
.headerSlide .userTaste a{color:#fff;text-align: center;margin-right: 30px;padding: 10px;cursor: pointer;font-size: 14px;font-weight: bold;}
.headerSlide .userTaste>div{width: 60%;margin: 0 auto;}
.headerSlide .userTaste a:hover{background-color: #007AFF;}
.swiper-slide img{width: 100%;}

.customersContent{width:80%;margin: 0 auto;margin-top: 180px;}
.userLogo{height: 100px;position: relative;}
.userLogo img{margin: 30px auto 0px;display: block;}
.userLogo h1{margin: 0 auto;text-align: center;height:30px;line-height: 30px;font-size: 18px;font-weight: 500;}
.business{font-size: 12px;background-color: #007AFF;line-height: 18px;color: #fff;padding:0 5px;border-radius: 3px;position: absolute;left: 50%;margin-left: -30px;margin-top: 15px;margin-bottom: 20px;}
.userInfo{margin-bottom: 30px;margin-top:30px;}
.customerTitle{margin:10px 0;font-size: 20px;border-left: 4px solid #007AFF;padding: 5px;font-weight: normal;}
.customerDtails{margin:0 30px;line-height: 24px;font-size: 14px;color: #666;}
.interfaceBox{width: 80%;margin: 80px auto;}
.interfaceSlide{float: left;margin-top: 100px;}
.interfaceSlide li{height:36px;line-height: 36px;width: 150px;}
.interfaceSlide a{color:#666;font-size: 14px;}
.interfaceSlide li:hover a{color: #007AFF;}
.on>a{color: #007AFF;}
.interfaceContent{float: left;height:800px;border-left: 1px solid #ddd;margin-top: 50px;padding-left:30px;width: 80%;}
.interfaceContent h1{font-size: 24px;font-weight:200;}
.interfaceContent,.interfaceContent a{font-size: 14px;}
.interfaceBox-apiType{height:30px;line-height: 30px;}
.gap{height:30px;}
.tabs_nav{float: left;width: 150px;}
.tabs_nav>a{color: #007AFF;}
.interfaceBox p{word-wrap: break-word;color: #999;}
.interfaceBox b{color: #666;}
.footer{width:300px;height:160px;clear: both;}
.interfaceBox-apiType span{color: red;}
.interfaceBox-apiType h3{font-size: 16px;color: #333;}
.interfaceBox-apiType h5{color:#999;}
.divbg{width:800px;border: 1px solid #007AFF; background:#fafafa;word-break: break-all;padding: 10px;font-size: 12px;color:#007AFF}
.apiTypeList a{position: relative;top:-44px;}
.userEx{margin-top: 100px;}

.productBox{width: 80%;height:500px;margin: 0 auto;}
.productBox li{width: 280px;height: 340px;border: 1px solid #ccc;margin:85px 0 20px 60px;float: left;text-align: center;position: relative;}
.productBox li img{position: absolute;top:-50px;left:50%;margin-left: -60px;}
.productBox li h3{margin-top: 85px;}
.productBox li p{margin-top: 30px;}
.slide{position:fixed;top:45%;right:10px;width:66px;z-index: 1000;}
.slide ul li{width:100%;height:66px;background-color: #00C79F;margin-top: 10px;color: #FFFFFF;background-repeat:no-repeat;background-size:60% 70%;background-position:15px 12px;cursor: pointer;}
.slide ul li.li-01{background-image: url(https://www.7moor.com/wp-content/uploads/2016/08/online-chat.png);}
.slide ul li.li-02{background-image: url(https://www.7moor.com/wp-content/uploads/2016/08/phone.png);position: relative;}
.slide ul li.li-03{background-image: url(https://www.7moor.com/wp-content/uploads/2016/08/free-trial.png);}
.slide ul li.li-04{background-image: url(https://www.7moor.com/wp-content/uploads/2016/08/weixin-chat.png);position: relative;}
.slide ul li.li-05{background-image: url(../img/erweima.png);background-position: 16px 10px;position: relative;}
.slide ul li.li-05 span{position: absolute;bottom:5px;left: 10px;}
.hotNum{position: absolute;right:20px;top:10px;font-size: 14px;line-height: 30px;}
.hotNum b{color: red;padding-left: 45px;}
.app{position: relative;}
.app img{position: absolute;left:2px;top:80px;display: none;}
.hover{
	position: absolute;
    width: 160px;
    border: 1px solid #00C79F;
    top: 94px;
    left: -175px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    background: #fff;
    text-align: left;
    line-height: 50px;
    color: #00C79F;
    line-height: 4;
    display: none;
    padding-left: 6px;
}
.hover:after{
	content: '';
    width: 10px;
    height: 10px;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid #00C79F;
    border-top: 1px solid #00C79F;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    position: absolute;
    right: -7px;
    top: 21px;
    background: #fff;
}
.callTel{
	position: absolute;
	top:107px;
    left: -72px;
    padding: 6px;
    border-radius: 5px;
    background-color: #00C79F;
    color:#fff;
	display: none;
}
.iframe-box{display:none;position:fixed;width:500px;height: 460px;background-color:#FFFFFF;z-index:199;border-radius: 5px;}
.iframe-box h3{background-color: #00C79F;color: #FFFFFF;text-align: center;height:48px;line-height: 48px;}
.iframe-box .close{content: "X";float:right;font-size: 16px;margin-right: 10px;cursor: pointer;}
.mark{display:none;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color: rgba(94,94,94,0.5)}
.hoverImg{top:-40px;}
.hoverImgs{top:-40px;}
.call-dialog{display:none;width: 360px;height: 180px;background-color: #fff;border: 1px solid #101010;border-radius: 5px;position: fixed;top:0;left:0;z-index: 9999;}
.call-dialog-head{text-align: center;background-color: #00C79F;color: #FFFFFF;height: 30px;line-height: 30px;}
.call-dialog-text{margin: 30px auto 40px;text-align: center;}
.call-dialog-close{display: block;width: 60px;height: 30px;line-height: 30px;background-color: #00C79F;color: #FFFFFF;margin: 20px auto 10px;border-radius: 5px;text-align: center;}

/*y云客服、云电销、云通信、云录音 banner样式*/
.main-banner{
    position: relative;
    height: 518px;
    overflow: hidden;
    background:#131264;
    background: -webkit-linear-gradient(left, #131264, #52b8fc);
}
.common-banner{
    position: relative;
    margin-top: 80px;
    height: 441px;
}
.common-banner.ykf-banner{
    background:url('../image/product/ykf-banner.png') no-repeat center;
    background-size: auto 100%;
}
.common-banner.ydx-banner{
    background:url('../image/product/ydx-banner.png') no-repeat center;
    background-size: auto 100%;
}
.common-banner.ytx-banner{
    background:url('../image/product/ytx-banner.png') no-repeat center;
    background-size: auto 100%;
}
.common-banner.yly-banner{
    background:url('../image/product/yly-banner.png') no-repeat center;
    background-size: auto 100%;
}
.common-banner.yzj-banner{
    background:url('../image/yunzhijian/banner.png') no-repeat center;
    background-size: auto 100%;
}

.common-banner .cont{
    position: absolute;
    width:1170px;
    left:50%;
    top:83px;
    transform: translate(-50%,0);
    color:#fff;
    box-sizing: border-box;
    padding-left: 50px;
    font-size: 20px;
    line-height: 35px;
}
.common-banner .title{
    font-size: 36px;
    margin-bottom: 30px;
}
.common-banner .btn{
    margin-top:40px;
    min-width: 120px;
    border:1px solid #fafafa;
    border-radius: 2px;
    text-align: center;
    color:#fff;
    display: inline-block;
    font-size: 16px;
}

.conten .con_t {
    background: #f8fcff;
    padding-bottom: 70px;
    padding-top: 64px;
}
.conten .con_top {
    width: 960px;
    margin: 0 auto;
}
.conten .con_top h3 {
    color: #333;
    font-size: 30px;
    margin-bottom: 8px;
    text-align: center;
}
.content ul {
    list-style: none;
    margin: 0px;
}
.conten .con_top ul li {
    width: 250px;
    float: left;
    margin-top: 32px;
}
.conten .con_top ul .mid {
    margin: 0 95px;
    margin-top: 32px;
}
.conten .con_top ul li img {
    width: 120px;
    margin: 0 auto;
    display: block;
}
.conten .con_top ul li h4 {
    color: #4d4d4d;
    margin-bottom: 12px;
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 14px;
}
.conten .con_top ul li p {
    color: #a6a6a6;
    line-height: 26px;
    font-size: 16px;
}
.conten .con_you ul {
    width: 960px;
    margin: 0 auto;
}
.conten .con_you .xian {
    border: 2px solid #f5f8f9;
}
.conten .con_you ul li.pli1 {
    padding-top: 68px;
}
.conten .con_you ul li {
    float: left;
    width: 424px;
    margin-top: 100px;
    height: 370px;
}
.conten .con_you ul li span {
    display: block;
    border-bottom: 4px solid #5bc5df;
    width: 90px;
    margin-top: 22px;
}
.conten .con_you ul li h3 {
    color: #4d4d4d;
    font-size: 22px;
    line-height: 34px;
    margin-top: 24px;
    margin-bottom: 20px;
}
.conten .con_you ul li p {
    line-height: 26px;
    color: #a6a6a6;
    font-size: 16px;
}
.conten .con_you ul li.rig {
    margin-left: 110px;
}
.conten .con_mon {
    padding-top: 90px;
    margin-bottom: 30px;
}
.conten .con_mon h3 {
	width: 960px;
    margin: 0 auto;
    font-size: 24px;
    color: #4d4d4d;
    margin-bottom: 24px;
    text-align: center;
}
.conten .con_mon p {
	width: 960px;
    margin: 0 auto;
    font-size: 16px;
    color: #a6a6a6;
    line-height: 26px;
}
.conten .con_chart {
    width: 960px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.conten .con_chart ul {
    float: left;
}
.conten .con_chart .hua {
    float: left;
}
.conten .con_chart ul li p {
	color: #a6a6a6;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}
.conten .con_chart .hua span.dia {
    margin-top: 120px;
}

.conten .con_chart .hua span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #dedee3;
    margin-top: 26px;
    margin-left: 14px;
    cursor: pointer;
}
.conten .con_chart .hua span.click {
    background: #5bc5df;
}
.conten .con_our {
    background: #f8fcff;
    padding-top: 50px;
    padding-bottom: 70px;
}
.conten .con_our h3 {
    font-size: 30px;
    color: #333;
    text-align: center;
}
.conten .con_our ul {
    width: 960px;
    margin: 0 auto;
}
.conten .con_our ul li {
    margin-top: 70px;
}
.conten .con_our ul li.rig {
    margin-left: 60px;
}
.conten img {
    vertical-align: middle;
}
.conten .con_our ul li div {
    width: 300px;
    margin-left: 30px;
}
.conten .con_our ul li div h3 {
    font-size: 20px;
    color: #4d4d4d;
    margin-bottom: 14px;
    text-align: left;
}
.conten .con_our ul li div p {
	font-size: 16px;
    line-height: 26px;
    color: #a6a6a6;
}
.wf-table {
    display: table;
    width: 100%;
}
.wf-td {
    display: table-cell;
    vertical-align: middle;
}
.copyright {
    background: #000;
    text-align: center;
    line-height: 3;
    color: #eff6fc;
}
/*云电销页面*/
.conten .exchange {
    text-align: center;
    padding: 64px 0 40px 0;
    background: #f8fcff;
}
.conten h2 {
    color: #333;
    text-align: center;
    margin-bottom: 46px;
    font-size: 30px;
}
.conten img {
    vertical-align: middle;
}
.conten .broken {
    margin-top: 52px;
}
.conten h2 {
    color: #333;
    text-align: center;
    margin-bottom: 40px;
    font-size: 30px;
}
.conten .broken h4 {
    margin-bottom: 70px;
    font-size: 20px;
    color: #999;
    text-align: center
}
.conten .broken .filter {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 70px;
}
.conten .broken .xian {
    margin-bottom: 76px;
    border-bottom: 4px solid #f5f8f9;
}
.conten .broken .filter .fr1 {
    padding-top: 100px;
}
.conten .broken .filter .text {
    width: 410px;
    padding-top: 100px
}
.conten .broken .filter .text span {
    display: block;
    width: 70px;
    border-bottom: 4px solid #6999e9;
    margin-bottom: 30px;
}
.conten .broken .filter .text h3 {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
    color: #4d4d4d;
}
.conten .broken .filter .text p {
    font-size: 16px;
    line-height: 26px;
    width: 410px;
    color: #a6a6a6;
}
.conten .broken .filt {
    width: 1160px;
}
.conten .message {
    padding: 70px 0 80px 0;
    background: #f8fcff;
}
.conten .message ul {
    width: 960px;
    margin: 0 auto;
}
.conten .message ul li {
    width: 240px;
    float: left;
    text-align: center;
}
.conten .message ul li.mon {
    margin: 0 120px;
}
.conten .message ul li h3 {
    font-size: 20px;
    margin: 24px 0 10px 0;
    color: #4d4d4d;
}
.conten .message ul li p {
    font-weight: 500;
    margin-left: 16px;
    width: 220px;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    color: #a6a6a6;
}
/*云通讯样式*/
.conten .call_nav {
    margin-bottom: 60px;
    border-bottom: 1px solid #c7cbcd;
}
.conten .yycall {
    display: block;
}
.conten .secrecy, .card {
    width: 960px;
    margin: 0 auto;
}

.conten .reserve {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.conten .call_nav ul {
    width: 640px;
    margin: 0 auto;
    margin-top: 26px;
}
.conten .call_nav li.clic {
    color: #007AFF;
    border-bottom: 3px solid #007AFF;
}
.conten .call_nav li.lio {
    margin-left: 0px;
}
.conten .call_nav li {
    cursor: pointer;
    margin-bottom: -1px;
    float: left;
    width: 140px;
    margin-left: 64px;
    text-align: center;
    font-size: 20px;
    height: 56px;
    line-height: 56px;
}
.doble{
	margin-bottom: 78px;
}
.doble h3 {
    line-height: 42px;
}
.conten h3 {
    margin-bottom: 26px;
    text-align: center;
    font-size: 30px;
    color: #333;
}
.doble ul {
    width: 960px;
    margin: 0 auto;
    margin-top: 44px;
}
.doble ul li {
    float: left;
    width: 440px;
}
.doble ul li.lid {
    margin-left: 80px;
}
.doble ul li .yy {
    float: left;
    margin-left: 20px;
}
.doble ul li .yy h4 {
    font-size: 22px;
    color: #4d4d4d;
    margin-top: 6px;
    margin-bottom: 12px;
}
.doble ul li .yy p {
    width: 270px;
    color: #a6a6a6;
    font-size: 16px;
    line-height: 24px;
}
.doble ul li img {
    float: left;
}
.conten .compare {
    margin-top:58px;
    width: 960px;
    margin: 0 auto;
}
.conten .compare h4 {
    font-size: 22px;
    color: #4d4d4d;
    text-align: center;
    background: url(https://www.7moor.com/wp-content/uploads/2016/11/line_03.png) no-repeat left center, url(https://www.7moor.com/wp-content/uploads/2016/11/line_03.png) no-repeat right center;
}
.conten .compare div {
    margin-top: 30px;
    border: 1px solid #ccc;
    margin-bottom: 60px;
}
.conten .compare div ul.ulm {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.conten .compare ul.cou li {
    color: #666;
}
.conten .compare div ul li {
    float: left;
    width: 158px;
    text-align: center;
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    color: #a6a6a6;
}
.conten .protect {
    background: #f8fcff;
    padding: 60px 0;
}
.conten .protect ul {
    width: 960px;
    margin: 0 auto;
}
.conten .protect ul li.pr_lio {
    margin-left: 0px;
}
.conten .protect ul li {
    float: left;
    margin-left: 106px;
    margin-top: 30px;
}
.conten .protect ul li img {
    display: block;
    width: 100px;
    margin: 0 auto;
}
.conten .protect ul li h4 {
    margin-top: 18px;
    font-size: 20px;
    text-align: center;
    color: #4d4d4d;
    margin-bottom: 8px;
}
.conten .protect ul li p.p1 {
    width: 150px;
}
.conten .protect ul li p {
    font-size: 16px;
    line-height: 26px;
    color: #a6a6a6;
}
.conten .protect ul li p.p2 {
    width: 180px;
}
.conten .protect ul li p.p3 {
    width: 142px;
}
.conten .protect ul li p.p4 {
    width: 170px;
}
.conten .travel {
    margin-top: 24px;
    margin-bottom: 64px;
}
.conten .anonymous {
    padding-bottom: 20px;
}
.conten .call_sec h3 {
    margin-bottom: 26px;
}
.conten .call_sec p {
    line-height: 26px;
}
.conten .call_sec p.down {
    margin-top: 16px;
}
.conten .travel h4 {
    background: url(https://www.7moor.com/wp-content/uploads/2016/11/line_03.png) no-repeat left center, url(https://www.7moor.com/wp-content/uploads/2016/11/line_03.png) no-repeat right center;
    text-align: center;
    background-size: 380px 1px;
    margin-bottom: 26px;
}
.conten .travel h4 span {
    display: block;
    color: #7d7d7d;
    font-size: 18px;
    height: 158px;
    width: 158px;
    line-height: 158px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #a6a6a6;
    border-radius: 158px;
}
.conten .travel h4 span img {
    margin-right: 10px;
}
.conten .anonymous ul li.nim {
    padding-top: 28px;
    margin-right: 82px;
    width: 420px;
}
.conten .anonymous ul li.nim h4 {
    font-size: 22px;
    margin-bottom: 26px;
    color: #4d4d4d;
}
.conten p {
    color: #a6a6a6;
    font-size: 16px;
    line-height: 26px;
}
.conten .anonymous ul li {
    float: left;
}
#go {
    width: 960px;
    margin: 0 auto;
}
#go .fast {
    padding: 70px 0;
}
#go h3 {
    font-size: 30px;
    color: #333;
    text-align: center;
    margin-bottom: 40px;
}
.tiyan ul {
    width: 960px;
    margin: 0 auto;
}
.fast ul li {
    float: left;
    width: 420px;
}
.fast ul li.gc {
    width: 420px;
    padding-left: 20px;
    margin-left: 100px;
    border-bottom: 1px dashed #cbcbcb;
    border-top: 1px dashed #cbcbcb;
    padding: 56px 0;
}
.fast ul li.gc h4 {
    font-size: 22px;
    color: #4d4d4d;
    margin-bottom: 26px;
}
.fast ul li.gc p {
    font-size: 16px;
    line-height: 30px;
    color: #a6a6a6;
}
.fast ul li.gc p span {
    position: relative;
    top: -2px;
    margin-right: 10px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: 16px;
    border-radius: 8px;
    background: #d7d7d7;
    color: #fafafa;
    font-size: 12px;
    text-align: center;
}
.fast ul li.gc p.care {
    margin-top: 16px;
}

.test_list .label{
	text-align:left;
}
.pwd_box{
    margin: 0 auto;
}
.tel_box{
    width:100%;
    margin:20px auto 0;
}
.choise-product{
    text-align:center;
    color:#00C79F;
    line-height:4;
    font-size:20px;
}
.shengqing-con{
    width:100%;
    background:#fff;
}
.products-ulWrap{
    width:78%;
    margin:0 auto;
    padding-bottom:26px;
}

.products-ulWrap li{
    margin-bottom:1.2em;
}
.products-ulWrap li .label+input{
    border:1px solid #00C79F;
    line-height:30px;
    width:70%;
}
.products-ulWrap li .label{
    color:#00C79F;
    width:20%;
    font-size:20px;
}
#sub_btn_7moor_sysq,#btn_zhuce_mail_submit{
    display:block;
    background:#00C79F;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:20px;
    cursor:pointer;
}
.label-padding{
    display:inline-block;
    width:20%;
    padding-right:1%;
}
.gray_tip{
    text-align:center;
    line-height:2.5;
    color:#999;
    font-size:14px;
}
.company-email{
    display:block;
}
.athers-type,#sub_btn_7moor_sysq,.products-ulWrap .gray_tip{
    display:none;
}
.shengqing-container{
    border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    -o-border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -ms-border-radius:0 0 6px 6px;
    overflow:hidden;
 }
.index-header{
	position: fixed;
	top:0;
	width:100%;
	min-width:1211px;
	height: 90px;
	z-index: 1000;
	background-color: #000000;
}
.ty-logo{
	float: left;
	margin-left:30px;
	height: 100%;
	font-size: 26px;
	color:#FFFFFF;
}
.logo-img{
	position: relative;
	top:20px;
}
.logo-text{
	display: inline-block;
	height: 100%;
}
.ty-tabs{
	color:#fff;
	float: left;
	height: 100%;
	margin-left: 30px;
}
.tabs-item{
	float: left;
	height: 100%;
	line-height: 90px;
	width:120px;
	font-size: 20px;
	text-align: center;
}
.tabs-list-content{
	position: absolute;
	left: 0;
	background-color: #000000;
	width: 100%;
}
.tabs-list {
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;*/
   height: 100%;
   width: 900px;
   margin: 0 auto;
}
.tabs-list  li{
	float: left;
	width: 18%;
	height: 100%;
	line-height: 90px;
	margin-left: 50px;
	text-align: center;
	font-size: 16px;
	/*-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;*/
}
.tabs-list li a{
	padding: 10px;
}
.tabs-list li a:hover{
	background-color: #007AFF;
}
.tabs-item a{
	color: #fff;
}
.tabs-item span{
	cursor: default;
}
.APP-down-image{
	width: 120px;
	height: 120px;
}
.hot-line{
	float: right;
	height: 100%;
	margin-right: 30px;
	margin-top: 15px;
	line-height: 30px;
	color: #FFFFFF;
	font-size: 16px;
}
.hot-line-time{
	text-align: right;
}
.hot-line-time span{
	color:#ff4327;
}

/*by dandan 关于ul的公共样式 --- 2019-03-11*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt15{margin-top: 15px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb15{margin-bottom: 15px;}
.w1000{width:1000px;}
.w1090{width:1090px;}

.ma{margin:auto;}
.cfff{color:#fff !important;}
.list-row{
    width:100%;
    display: table;
}
.list-row>li{
    float: left;
}
.col-3{
    width:33.3%;
    box-sizing: border-box;
}
.col-4{
    width:25%;
    box-sizing: border-box;
}
.col-5{
    width:20%;
    box-sizing: border-box;
}
.col-2{
    width:50%;
    box-sizing: border-box;
}
.section{
    width:100%;
    text-align: center;
    padding:60px 0;
}
.section>.t{
    font-size: 30px;
}
.bgfa{background-color: #fafafa !important;}
.bgblue{background-color: #0177fa !important;}

/* 云录音 */
.yly-container .core-functions{
    background-color: #f7f8fa;
    padding: 60px 0 20px;
    
}
.yly-container .conten .title{
    font-size: 28px;
    color: #333;
    text-align: center;
}
.yly-container .core-content,.yly-container .advantage-content{
    width: 1080px;
    margin: 40px auto;
}
.yly-container .core-content li{
    width: 48%;
    height: 196px;
    padding: 30px;
    background-color: #fff;
    float: left;
    box-sizing: border-box;
    margin-bottom:45px;
}
.yly-container .core-content img{
    width: 34%;
}
.yly-container .core-content-right{
    width: 60%;
}
.yly-container .core-content-right p{
    color: #0177fa;
    font-size: 20px;
    margin-bottom: 15px;
}
.yly-container .core-content-right div{
    color: #666;
    font-size: 15px;
    line-height: 26px;
}
.yly-container .core-content ul li:nth-child(odd){
    margin-right:2%;
}
.yly-container .core-content ul li:nth-child(even){
    margin-left:2%;
}
.yly-container .product-compare{
    width: 830px;
    margin: 60px auto;
}
.yly-container .product-content ul li{
    float: left;
    width: 33.3%;
    margin: 0 auto;
    text-align: center;
}
.yly-container .product-content{
    margin-top: 20px;
}
.yly-container .product-content p{
    color: #666;
}
.yly-container .product-content-text{
    padding: 20px 0;
    display: flex;
    align-items: center; 
    justify-content: center; 
}
.yly-container .product-content-text span{
    color: #fff;
    background-color: #0177fa;
    padding: 10px 40px;
    border-radius: 8px;
    font-size: 14px; 
    font-weight: bold;
}
.yly-container .product-content-text.product-content-text-blue{
    background-color: #f7f8fa;
}
.yly-container .product-content-text.product-content-text-blue p{
    color: #315796;
}
.yly-container .advantage-content p{
    color: #666;
    font-size: 14px;
}
.yly-container .advantage-content .advantage-content-title{
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px;
}
.yly-container .advantage-content li{
    float: left;
    width: 31%;
    margin-bottom: 40px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    text-align: center;
    padding: 20px 20px 40px;
}
.yly-container .advantage-content li:nth-child(2n){
    margin: 0 3.5% 40px; 
}
