/*视频弹层*/
#video-wrap{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index: 66;
	display: none;
}
#video-con{
	width:80%;
	position:fixed;
	left:10%;
	top:40%;
	z-index: 67;	
	display: none;
}
#video-con video{
	width:100%;
}
#video-con #close-video{
	width:30px;
	height:30px;
	cursor: pointer;
	text-align: center;
	border-radius:50%;
	line-height:30px;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	position:absolute;
	top:-15px;
	right:-15px;
	/*display: none;*/
}
/*注册弹出层样式*/
.commom-model{
	background-color:rgba(0,0,0,0.6);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: none;
	z-index:9999;
}
.commomModel-con{
	width:90%;
	position:fixed;
	top:50%;
	margin-top:-220px;
	left:5%;
	/*margin-left:-200px;*/
	background-color:#fff;
	border-radius:4px;
	z-index:99999 ;
	display: none;
}
.commomModel-con #modelClose-btn{
	position:absolute;
	display: block;
	width:30px;
	height:30px;
	right:-8px;
	top:-8px;
	cursor: pointer;
}
.commomModel-con .wrap{
	padding:20px 10px;
}
.commomModel-con .dl-apply h4{
	margin-bottom:20px;
	text-align: center;
}
.commomModel-con .dl-apply h4 span{
	font-size: 23px;
	color: #3291F2;
}
.commomModel-con .input-box {
	margin-bottom: 12px;
	overflow: hidden;
	height:40px;
	box-sizing:border-box;
	border-bottom:1px solid #f5f5f5;
}
.commomModel-con .input-box .cus-label{
	width: 80px;
	/*text-align: right;*/
	float: left;
	font-size: 16px;
	height:30px;
	line-height: 26px;
	color: #575757;
}
.commomModel-con .input-box .input-row{
	padding-left: 85px;
	height: 34px;
}
.commomModel-con .input-box .cus-input{
	width: 100%;
	height: 30px;
	/*border:1px solid #C8C8C8;*/
	padding: 5px 0 6px;
	box-sizing: border-box;
	outline: none;
	font-family: "微软雅黑";
	color: #555;
	border:none;
}
.commomModel-con .input-box select.cus-input{
	width: 29%;
	margin-left: 10px;
	float: left;
	padding: 4px 0 6px 6px;
	vertical-align: middle;
}
.commomModel-con .input-box select.cus-input:first-child{
	margin-left: 0;
}
.commomModel-con .input-box .get-code{
	float: right;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	background-color: #FF6815;
	color: #fff;
	font-family: "微软雅黑";
	cursor: pointer;
}
.commomModel-con .input-box .get-code.disabled{
	background-color: #ccc;
}
.commomModel-con .zixun-btn{
	display: block;
	height: 40px;
	line-height: 40px;
	width: 150px;
	margin:0 auto;
	background-color: #1EC2FF;
	color: #fff;
	border:1px solid #4EB0D5;
	border-radius: 8px;
	text-align: center;
	font-size: 16px;
	box-sizing: border-box;
	transition:all 0.5s;
}
.commomModel-con .orange{
	color: #3291F2!important;
	font-weight: bold;
	font-size:22px;
	position:relative;
	top:6px;
}
.commomModel-con .getVer{
	float:right;
	position:relative;
	top:-30px;
	color:#3291F2;
}
/*公共标题样式*/
.haveTitle .title-wrap{
	width:100%;
	letter-spacing: 1px;
	text-align: center;
}
.haveTitle .title-wrap .title{
	font-size:20px;
	color:#111;
	/*padding-bottom:10px;*/
	position:relative;
	margin-bottom:15px;
}
.haveTitle .title-wrap .title:after{
	content: '';
	display:inline-block;
	position:absolute;
	height:1px;
	background-color:#111;
	left: 50%;
    right: 0;
    top: 24px;
    width: 40px;
    margin-left: -20px;
}
/*头部样式*/
#header{
	/*height:75px;*/
	padding:0 10px;
	background-color:rgba(20,32,80,0.8);
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 222;
}
#header .header-bg{
	width:100%;
}
#header .header-left{
	float:left;
	vertical-align: middle;
}
#header .header-left img{
	display: inline-block;
	vertical-align: middle;
}
#header .header-left .logo{
	width:125px;
	height:50px;
	/*margin:12px 0;*/
}
#header .header-left .logo-text{
	width:120px;
	height:20px;
}
#header #register-btn{
	/*float:right;*/
	width:40px;
	text-align: center;
	font-size:14px;
	height:20px;
	line-height:18px;
	/*margin:25px 0;*/
	color:#fff;
	box-sizing:border-box;
	border:1px solid #fff;
	border-radius:4px;
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:3%;
}
/*banner图*/
#banner{
	width:100%;
	margin-top:50px;
}
#banner .swiper-container{
	width:100%;
}
#banner .swiper-container img{
	display: block;
	width:100%;
}
#banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    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;
}
/*行动导航*/
.section-nav{
	width:100%;
	background-color: #fff;
}
.section-nav img{
	width:100%;
}
.section-nav ul{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}
.section-nav li{
	float: left;
	width: 33.333%;
	/*margin-right: 20px;*/
	text-align: center;
	padding: 15px 0;
	position: relative;
	font-size:12px;
	background-color:#F5F5F5;
}
.section-nav li a{
	color:#999;
}
.section-nav li:before{
	content: '';
	position: absolute;
	top:35%;
	bottom: 35%;
	right: 0;
	width: 1px;
	background-color: #666;
}
.section-nav li.l4{
	margin-right: 0;
	border-right: none;
}
.section-nav li.l4:before{
	width: 0;
}
.section-nav li i{
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	background-color: red;
	/*margin-right: 3px;*/
	margin-top: -4px;
	background: url() no-repeat center;
	background-size:20px 20px;
}
.section-nav li.l2 i{
	background-image: url(../img/hangye.png);
}
.section-nav li.l3 i{
	background-image: url(../img/wode.png);
}
.section-nav li.l4 i{
	background-image: url(../img/shangdian.png);
}
.section-nav li.l5 i{
	background-image: url(../img/kuohaotubiao.png);
}
/*.section-nav li span:hover{
	color: #FF8230;
}*/
.section-nav li em{
	font-style: normal;
	color: #3291F2;
	font-size:16px;
}
/*天店通核心行业*/
.industry-wrap{
	padding:15px 10px;
}
.industry-wrap .industry li{
	width:49%;
	margin:0 2% 2% 0;
	float:left;
}
.industry-wrap .industry li:nth-child(2n){
	margin-right:0;
}
.industry-wrap .industry li a{
	display:block;
	position:relative;
}
.industry li .img-box{
	width:100%;
}
.industry li .img-box img{
	display:block;
	width:100%;
}
.industry li .industry-model{
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color:#FFF;
	text-align: center;
	font-size:20px;
}
.industry li .industry-model span{
	position:absolute;
	width:100%;
	left:0;
	top:46%;
}
/*天店通功能案例*/
.case-wrap{
	width:100%;
	height: 620px;
	background:url(../img/case-bg.jpg) no-repeat center;
	background-size:cover;
	overflow:hidden;
}
.case-wrap .case{
	/*position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;*/
	padding:15px 0;
	color:#fff;
}
.case-wrap .title-wrap .title:after{
	background-color:#fff;
}
.caseTitles{
	text-align:center;
	font-size:14px;
}
.caseTitles .case-title{
	display: none;
}
.caseTitles .case-title.active{
	display: block;
}
.case-wrap .swiper-container2 .swiper-container {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
}
.case-wrap .swiper-container2 .swiper-slide {
	background-color: #f6f6f6;
    background-position: center;
    background-size: cover;
    width: 200px;
/*    height: 400px;*/

}
.case-wrap .swiper-container2 .swiper-slide img{
	display: block;
	width: 200px;
}
.case-wrap .case-name{
	text-align: center;
	font-size:14px;
}
.case-wrap .case-name span{
	display: none;
}
.case-wrap .case-name span.active{
	display: block;
}
.case-wrap .list-con .con{
	display: none;
}
.case-wrap .list-con .con.active{
	display: block;
}
.case-wrap .brief-list .item{
	text-align: center;
	font-size:12px;
}
.case-wrap .brief-list .item img{
	width:60px;
	height:60px;
	margin:0 auto;
}
.case-wrap .brief-text{
	text-align: center;
	font-size:14px;
	max-width:90%;
	margin:20px auto;
	letter-spacing: 1px;
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
/*制作流程*/
.makeProcess-wrap{
	padding:15px 20px;
}
.makeProcess li{
	width:46%;
	/*text-align: center;*/
	height:30px;
	line-height:30px;
	margin:2%;
	float:left;
	margin-bottom:10px;
}
.makeProcess li .num{
	display: inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align: center;
	background-color:#318FF1;
	color:#fff;
	border-radius:50%;
	/*margin-left:25px;*/
	float:left;
	vertical-align: middle;
}
.makeProcess li label{
	display: inline-block;
	margin:0 auto;
}
.makeProcess li .text{
	color:#111;
	font-size:14px;
	float:left;
	max-width:98px;
	margin-left:5px;
	line-height:1.5;
	vertical-align: middle;
}
/*视频演示*/
.video-wrap{
	height:210px;
	background:url(../img/videonewbg.jpg) no-repeat center;
	background-size:cover;
}
.video-wrap .title-wrap .title:after{
	background-color:#fff;
}
.video-wrap .video-con{
	padding:15px 0;
}
.video-wrap .video-con .video{
	width:100%;
}
.video-wrap .video-con .video .video-btn{
	display: block;
	width:60px;
	height:60px;
	margin:0 auto;
	padding:30px 0;
}
.video-wrap .video-con .video-text{
	text-align: center;
	color:#fff;
	font-size:14px;
}
/*品牌用户*/
.brand-wrap{
	padding:15px 10px 10px;
}
.brand-wrap .brand-list li{
	width:30%;
	/*height:60px;*/
	background-color:#F5F5F5;	
	margin:0 5% 5% 0;
	float:left;
}
.brand-wrap .brand-list li:nth-child(3n){
	margin-right:0;
}
.brand-wrap .brand-list li img{
	display: block;
	width:100%;
	height:auto;
}
/*免费制作*/
.makeFree-wrap{
	height:140px;
	background:url(../img/makeFree-bg.png) no-repeat center;
	background-size:cover;
}
.makeFree-wrap .makeFree{
	padding:15px 0;
	text-align: center;
	color:#fff;
	letter-spacing: 5px;
	font-size:16px;
}
.makeFree-wrap .makeFree p span{
	font-size:22px;
}
.makeFree-wrap .makeFree .text-con p:first-child{
	margin-bottom:10px;
}
.makeFree-wrap .makeFree .make-btn{
	width:100px;
	height:30px;
	line-height:30px;
	text-align: center;
	background-color:#2E90F5;
	letter-spacing: 2px;
	margin:20px auto 0;
}
/*服务范围*/
.range-wrap{
	
}
.range-wrap .range{
	padding:15px 0;
	background-color:#f5f5f5;
}
.range-wrap .range .list{
	width:93%;
	margin:0 auto 10px;
}
.range-wrap .range .list .item{
	width:33.33%;
	text-align: center;
	float:left;
	padding:6px 0;
	box-sizing:border-box;
	border-right:1px solid #e2e2e2;
}
.range-wrap .range .list .item:last-child{
	border-right:0;
}
.range-wrap .range .list .item span{
	font-size:20px;
	color:#3395F3;
}
.range-wrap .range .list .item p{
	font-size:16px;
	color:#666;
}
.range-wrap .range img{
	width:100%;
}
/*天店通5大支持*/
.support-wrap{
	/*position:relative;*/
	/*height:600px;*/
	background:url(../img/supportnew.jpg) no-repeat center;
	background-size:cover;
}
.support-wrap .support-bg{
	display: block;
	width:100%;
}
.support-wrap .support{
	padding:15px 0;
}
.support-wrap .title-wrap .title:after{
	background-color:#fff;
}
.support .support-con{
	width:96%;
	margin:0 auto;
}
.support .support-con .con{
	text-align: center;
}
.support .support-con .item{
	display: inline-block;
	width:32.33%;
	position:relative;
}
.support .support-con .i4 img,.support .support-con .i5 img{
	/*margin:6px auto 0;*/
}
.support .support-con .item .item-bg{
	width:100%;
}
.support .support-con .support-item .item .item-con{
	-webkit-transform: translateY(-62%);
	-moz-transform: translateY(-62%);
	-o-transform: translateY(-62%);
	-ms-transform: translateY(-62%);
	transform: translateY(-62%);
}
.support .support-con .item .item-con{
	position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.support .support-con .item .item-con img{
	width:50%;
	height:52.5%;
	margin:0 auto;
}
/*选择我们的优势*/
.choose-wrap{
	padding:15px 0;
}
.choose-wrap .choose-con{
	padding:0 10px;
}
.choose-wrap .choose-con li{
	width:33.33333%;
	height:30px;
	line-height:30px;
	float:left;
	/*position:relative;*/
	text-align: center;
}
.choose-wrap .choose-con li i{
	display: inline-block;
	position:relative;
	vertical-align: middle;
}
.choose-wrap .choose-con li span{
	margin-left:8px;
	vertical-align: middle;
}
.choose-wrap .choose-con li i:before{
	content: '';
	border: 6px solid transparent;
	border-left: 6px solid #323232;
	width: 0;
	height: 0;
	position:absolute;
	top:-6px;
}
/*免费申请代理*/
.applyFree-wrap{
	/*position: relative;*/
	background:url("/public/site/mobile/img/shenqing.jpg") no-repeat center;
	background-size:cover;
}
.applyFree-wrap .apply{
	padding:15px 0;
	color:#fff;
	text-align: center;
}
.applyFree-wrap .apply p{
	font-size:16px;
	letter-spacing: 2px;
	margin-bottom:5%;
}
.applyFree-wrap .apply p span{
	color:#DB8C5A;
}
.applyFree-wrap .apply .apply-btn{
	padding:5px 10px;
	background-color:#2E90F5;
	color:#fff;
}
/*天店通加盟流程*/
.joinProcess-wrap{
	padding:15px 0;
}
.joinProcess{
	width:80%;
	margin:0 auto;
}
.joinProcess .item{
	position:relative;
	padding-bottom:10px;
}
.joinProcess .item .num{
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
	font-size:18px;
	color:#111;
	box-sizing:border-box;
	border:1px solid #3E91EC;
	border-radius:50%;
	position:absolute;
	top:-6%;
	z-index: 1;
	background-color:#fff;
	/*float:left;*/
}
.joinProcess .item:before,.joinProcess .item:after{
	position:absolute;
	content:'';
	left: 15px;
    top: 0;
    bottom: 50%;
    width: 2px;
    margin-top: -4px;
    background-color: #3291F2;
    z-index: -1;
}
.joinProcess .item:after{
	top:50%;
	bottom:0;
}
.joinProcess .item:last-child:before,.joinProcess .item:last-child:after{
	display: none;
}
.joinProcess .item .text{
	/*float:left;*/
	/*padding-left:5px;*/
	letter-spacing: 1px;
	margin-left:40px
}
.joinProcess .item .text span{
	font-size:16px;
	color:#111;
	margin-bottom:5px;
}
.joinProcess .item .text p{
	font-size:14px;
	color:#666;
	line-height: 1.5;
}
/*底部*/
#footer{
	height:310px;
	background:url(../img/tongyongbg.png) no-repeat center;
	background-size:cover;
	position: relative;
}
.footer-bottom{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align: center;
	height:25px;
	line-height:25px;
	box-sizing:border-box;
	border-top:1px solid rgba(255,255,255,0.5);
	background: transparent;
	color:#fff;
	font-size:12px;
}
.footer-con{
	width:90%;
	height:225px;
	position:absolute;
	bottom:0;
	left:5%;
	color:#fff;
}
.footer-con .code-wrap{
	text-align: center;
	position:absolute;
	top:-20%;
	left:50%;
	margin-left:-62px;
}
.footer-con .code-wrap img{
	display: block;
	width:120px;
	height:120px;
	margin:0 auto 5px;
}
.footer-con .code-wrap span{
	font-size:16px;
}
.footer-con .text{
	font-size:12px;
	text-align: center;
	margin-top:105px;
	
}
.footer-con .text .brief{
	font-size:16px;
}
.footer-con .text span{
	font-size:22px;
}
/*底部菜单栏*/
.footer-tab{
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	width:100%;
	bottom:0;
	color:rgba(255,255,255,0.8);
	z-index: 5;
}
.footer-tab .item{
	text-align: center;
	font-size:14px;
	font-weight: bolder;
}
.footer-tab .item img{
	width:30px;
	height:30px;
	margin:0 auto;
}