/* banner start */
.bannerbox{width:100%;position:relative; overflow:hidden;height:500px;}
.banner{width:1920px;position:absolute;left:50%;margin-left:-960px;}
.banner#b1{display:block;height:500px;background:url(../../images/single/wyspc2018/banner.jpg) no-repeat;}
.banner#b1 .ban2{padding-top:150px;}
.banner#b1 .ban2 .bac{margin-top:30px;width:498px;}
.banner#b1 .ban2 .bac p{font-size:20px;margin-top:0;line-height:42px;}
/* banner end */
/* 微云视视频介绍 start */
.second-main {
	padding: 48px 0 65px;
	background: #fafafa;
}
.second-main video {display: block;margin: 0 auto;width:710px;height:400px;border:solid 5px #fff;border-radius:10px;box-shadow:14.5px 25.115px 68px 0px rgba(0,0,0,0.2);margin-top:40px;}
.second-main .page-title {
	margin-bottom: 25px;
}
/* 微云视视频介绍 end */
/* 微云视功能亮点 start */
.highlights-box{ text-align: center;padding-bottom: 84px }
.highlights-box-title{ padding: 60px 0;font-size: 28px;color: #fff; }
.highlights-icon-box{ max-width: 1200px;display: -webkit-box;display: -webkit-flex;display: flex;box-sizing: border-box;margin: 0 auto }
.highlights-icon{ position: relative;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;background: rgba(255,255,255,0.2);padding: 32px 23px 36px 23px;color: #fff;border-radius: 10px;margin-right: 30px; }
.highlights-icon:last-child{ margin-right: 0 }
.highlights-icon-title{ font-size: 24px;margin-top: 37px;margin-bottom: 24px; }
.highlights-icon-text{ font-size: 16px;line-height: 24px;text-align: left }
/* 微云视功能亮点 end */

/* 微云视营销管理方案 start */
.marketing-box{ text-align: center; }
.marketing-box-title{ font-size: 28px;color: #333333;padding-top: 67px;padding-bottom: 40px }
.marketing-icon-box{ max-width: 1200px;display: -webkit-box;display: -webkit-flex;display: flex;box-sizing: border-box;margin: 0 auto;padding: 0 60px }
.marketing-icon{ position: relative;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin-right: 8px }
.marketing-icon:last-child{ margin-right: 0 }
.marketing-icon-top{ padding: 33px 0 }
.marketing-icon-text{ padding-left: 122px;text-align: left;color: #fff}
.marketing-icon-text1{ font-size: 24px }
.marketing-icon-text2{ font-size: 16px;margin-top: 12px; }
.marketing-mid{ padding-top: 45px;padding-bottom: 25px; }
.marketing-mid-text1{ font-size: 20px;color: #333333 }
.marketing-mid-text2{ font-size: 16px;color: #999999;margin-top: 12px }
/* 微云视营销管理方案 end */

/* 打通区块链与商城两大系统 start */
.two-system{ text-align: center;margin-bottom: 30px }
.two-system-title{ padding-top: 99px;padding-bottom: 61px }
.two-system-title1{ font-size: 28px;color: #333333; }
.two-system-title2{ font-size: 18px;color: #999999;margin-top: 16px }
.two-system-box{ max-width: 1200px;display: -webkit-box;display: -webkit-flex;display: flex;box-sizing: border-box;margin: 0 auto;margin-top: 50px }
.two-system-icon{ position: relative;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;padding: 40px 31px 31px 27px }
.two-system-icon-bg{ background: #fafafa }
.two-system-icon-title{ font-size: 24px;color: #333333;margin-top: 39px }
.two-system-icon-line{ height: 3px;width: 40px;margin: 21px auto}
.two-system-icon-text{ font-size: 16px;color: #999999;line-height: 26px;text-align: left}
/* 打通区块链与商城两大系统 end */

/* 微云视100%源码输出 start */
.wys100{ text-align: center;padding-bottom: 58px }
.wys100-title{ padding-top: 60px;padding-bottom: 49px;font-size: 28px;color: #333333; }
.wys100-box{ max-width: 1200px;display: -webkit-box;display: -webkit-flex;display: flex;box-sizing: border-box;margin: 0 auto;padding: 0 140px}
.wys100-icon{ position: relative;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;padding: 37px 10px 0 10px }
.wys100-box-title{ font-size: 30px;position: relative; }
.wys100-box-title:before{ content: '';display: inline-block;height: 1px;width: 131px;position: absolute;top: 50%;margin-left: 10px;left: 0; }
.wys100-box-title:after{ content: '';display: inline-block;height: 1px;width: 131px;position: absolute;top: 50%;margin-right: 10px;right: 0; }
.wys100-box-text{ text-align: left;padding: 18px 10px;border-bottom: 1px solid #fff;font-size: 16px;line-height: 26px;letter-spacing: 1px }
.wys100-box-text:last-child{ border: none }

.wys100-icon-left{ background: #4f45ff;color: #fff;margin-right: 31px }
.wys100-icon-left .wys100-box-title{ margin-bottom: 27px }
.wys100-icon-left .wys100-box-title:before{ background: #fff; }
.wys100-icon-left .wys100-box-title:after{ background: #fff; }

.wys100-icon-right{ background: #fff }
.wys100-icon-right .wys100-box-title{ margin-bottom: 22px }
.wys100-icon-right .wys100-box-title:before{ background: #d9d9d9; }
.wys100-icon-right .wys100-box-title:after{ background: #d9d9d9; }
.wys100-icon-right .wys100-box-text{ padding: 16px 10px;color: #666666;border-bottom: 1px solid #f3f3f3 }
.wys100-icon-right .wys100-box-text:last-child{ border: none }
/* 微云视100%源码输出 end */

/*show-case*/
.show-case{padding:56px 0 9px 0;}
.case-content{width: 1200px;margin: 0 auto;}
.show-case .page-title{margin-bottom:45px;}
.case-content .list-group:nth-child(odd) .list:nth-child(even){background-color:#fafafa;}
.case-content .list-group:nth-child(even) .list:nth-child(odd){background-color:#fafafa;}
.case-content .list-group:after{content:'';display:block;width:0;height:0;clear:both;}
.case-content .list-group .list{position:relative;float:left;width:200px;height:200px;font-size:0;box-sizing:border-box;padding:10px;transition: all .6s;}
.case-content .list-group .logo-box{text-align:center;margin-top:43px;}
.case-content .list-group .logo-box .icon{height:70px;margin-bottom:15px;}
.case-content .list-group .logo-box .icon img{max-height:100%;}
.case-content .list-group .logo-box .name{font-size:16px;color:#333;word-break: break-all;}
.case-content .list-group .qr-box{position:absolute;opacity:0;z-index:5;width:100%;height:100%;top:0;left:0;background-color:#fff;box-shadow:0 0 20px 2px rgba(122,122,122,.3);}
.case-content .list-group .qr-box img{width:130px;}
.case-content .list-group .list:hover .qr-box{opacity:1;}
.case-content .more-link{width:150px;height:40px;line-height:40px;text-align:center;margin:40px auto 0 auto;font-size: 18px;color:#fff;display: block;background-color:#2bd094;}
/*show-case*/

.first-main{margin:70px 0 90px 0;}
.page-title{font-size: 28px;color: #333;text-align: center;}
.first-content{font-size: 0;width: 1200px;margin:40px auto 0 auto;}
.first-content>div{display: inline-block;vertical-align: middle;}
.first-content .left-box{width: 321px;}
.first-content .center-box{width: 558px;position: relative;}
.first-content .right-box{width: 321px;text-align: right;}
.first-content .swiper-box{width: 370px;height: 370px;overflow: hidden;margin:0 auto;box-sizing: border-box;border-radius: 50%;border:dashed 1px #4f45ff;position: relative;}
.first-content .swiper-box:after{content: '';display: block;box-sizing: border-box;width: 355px;height: 355px;border-radius: 50%;border:solid 8px #f4f4f4;position: absolute;left:7px;top:7px;}
.first-content .swiper-box:before{content: '';display: block;border-radius: 0 0 50% 50%;height: 25%;width: 80%;background-color: #fff;left:10%;bottom:7px;position: absolute;z-index:2;}
.first-content .swiper-main{position: absolute;top:0;left:94px;z-index: 5;width:370px;}
.first-content .swiper-tab{position: relative;}
.first-content .swiper-tab>li{background-color: #fff;cursor: pointer;display: flex;box-shadow:0 2px 20px 2px rgba(122,122,122,.1);justify-content: center;align-items: center;position: absolute;width: 74px;font-size: 17px;color:#4f45ff;height: 74px;box-sizing: border-box;border-radius: 50%;border:solid 1px #4f45ff;}
.first-content .swiper-tab>li.active{background-color: #4f45ff;color: #fff;}
.first-content .swiper-tab>li:nth-child(1){left:-13px;top:231px;}
.first-content .swiper-tab>li:nth-child(2){left:-27px;top:93px;}
.first-content .swiper-tab>li:nth-child(3){left:67px;top:-20px;}
.first-content .swiper-tab>li:nth-child(4){right:67px;top:-20px;}
.first-content .swiper-tab>li:nth-child(5){right:-27px;top:93px;}
.first-content .swiper-tab>li:nth-child(6){right:-13px;top:231px;}
.first-content .swiper-phone{width: 250px;height: 410px;background: url(../../images/single/wyspc2018/phone_bg.png) no-repeat 0 0;margin:61px auto 0 auto;box-sizing: border-box;padding-top: 51px;}
.first-content .swiper-phone img{display:block;width:100%;height:100%;}
.first-content .swiper-container{width: 175px;height: 306px;margin:0 37px 0 38px;}

/*fifth-main*/
.fifth-main{background-color:#fafafa;padding:45px 0 42px 0;}
.fifth-content{width: 1200px;margin: 0 auto;}
.fifth-content-title{color: #333;font-size: 30px;text-align: center;margin-bottom:45px;}
.fifth-content .list-group:nth-child(odd) .list:nth-child(odd){background-color:#fff;}
.fifth-content .list-group:nth-child(even) .list:nth-child(even){background-color:#fff;}
.fifth-content .list-group:after{content:'';display:block;width:0;height:0;clear:both;}
.fifth-content .list-group .list{position:relative;float:left;width:200px;height:200px;font-size:0;box-sizing:border-box;padding:10px;transition: all .6s;}
.fifth-content .list-group .logo-box{text-align:center;margin-top:43px;}
.fifth-content .list-group .logo-box .icon{height:70px;margin-bottom:15px;}
.fifth-content .list-group .logo-box .icon img{max-height:100%;}
.fifth-content .list-group .logo-box .name{font-size:16px;color:#333;word-break: break-all;}
.fifth-content .list-group .qr-box{position:absolute;opacity:0;z-index:5;width:100%;height:100%;top:0;left:0;background-color:#fff;box-shadow:0 0 20px 2px rgba(122,122,122,.3);display:flex;align-items:center;}
.fifth-content .list-group .qr-box img{width:130px;display:block;margin:0 auto;}
.fifth-content .list-group .list:hover .qr-box{opacity:1;}
.fifth-content .more-link{width:150px;height:40px;line-height:40px;text-align:center;margin:40px auto 0 auto;font-size: 18px;color:#fff;display: block;background-color:#2bd094;}
/*fifth-main*/


/*留言板*/
.message{display:block;padding:80px 0;background:#fff;}
.mestitle,.remarks{display:block;text-align:center;}
.mestitle .titleh{font-size:28px;color:#333;font-weight:700}
.mestitle .contp{font-size:20px;color:#666;margin-top:10px;}
.formd form{display:flex;justify-content:space-evenly;padding:0 200px;margin-top:40px;}
.formd form .xmane,.formd form .iphone{width:300px;position:relative;border:solid 1px #f0f3fa;box-sizing:border-box;}
.formd form .xmane input,.formd form .iphone input{display:block;width:100%;height:100%;box-sizing:border-box;line-height:60px;padding:20px 10px;padding-left:60px;font-size:14px;}
.formd form .xmane:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/xingming.png) no-repeat;width:30px;height:30px;}
.formd form .iphone:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/dianhua.png) no-repeat;width:30px;height:30px;}
.formd form .submit{width:180px;height:60px;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;line-height:60px;background:#316fff;color:#fff;border:solid 1px #316fff;font-size:20px;cursor:pointer;box-sizing:border-box;}
.remarks{margin-top:30px;}
.remarks .main{font-size:24px;color:#333;font-weight:700}
.remarks .small{font-size:24px;margin-top:5px;color:#666;}
font{color:#f50303;font-weight:700;}