@charset "utf-8";
/* CSS Document */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
	  min-height:100%;
}
body {
	margin:0;
	font:14px/1.63 "Hiragino Sans GB",Helvetica,Microsoft YaHei,Arial,sans-serif;
	background:#fff;
	color:#2b2b2b;
}
body,html{
	height:100%;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}
p{
	margin:0;
}

td,th,input,textarea{
	font:14px/1.63 "Hiragino Sans GB",Helvetica,Microsoft YaHei,Arial,sans-serif;
}
a{
	color:inherit;
	display:inline-block;
	text-decoration: none;
}
a,i:before{
	-webkit-transition:all .5s;
    	 -o-transition:all .5s;
    	-ms-transition:all .5s;
    		transition:all .5s;
}
a:hover{
	text-decoration: none;
	color:inherit;
}
a:focus,
input:focus{
	-moz-outline:none;
		 outline:none;
}
span{
	display:inline-block;
}
h1,h2,h3,h4,h5,h6{
	font-weight:400;
	line-height:1;
	margin:0;
}
img {
    border: medium none;
    vertical-align: middle;
	max-width:100%;
}

* {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
  }
.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
video{
	background-repeat:no-repeat;
	background-size:auto 100% ;
}
h1{
	font-size:60px;
}
h2{
	font-size:52px;
}
h3,.f3{
	font-size:36px;
}
h4{
	font-size:25px;
}
h5{
	font-size:18px;
}
h6{
	font-size:14px;
}
/*在手机上时，文字变小*/
@media (max-width: 767px){
	h1{
		font-size:48px;
	}
	h2{
		font-size:36px;
	}
	h3,.f3{
		font-size:24px;
	}
	h4{
		font-size:20px;
	}
	h5{
		font-size:16px;
	}
	h6{
		font-size:12px;
	}
}
small{
	font-size:85%;
}
.tal{
	text-align:left;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.fn{
	float:none;
}
.dsb{
	display:block;
}
.dsib{
	display:inline-block;
}
.dsn{
	display:none;
}
.vet{
	vertical-align:top;
}
.vem{
	vertical-align:middle;
	display:inline-block;
}
.veb{
	vertical-align:bottom;
}

.full,.full-width{
	width:100%;
}
.full.full-height{
	height:100%;
}

.abs{
	position:absolute;
}
.fix{
	position:fixed;
}
.rel{
	position:relative;
}
.zero,.t_l{
	left:0;
	top:0;
}
.zero,.t_r{
	right:0;
	top:0;
}
.zero,.b_l{
	left:0;
	bottom:0;
}
.zero,.b_r{
	right:0;
	bottom:0;
}

.ovhd{
	overflow:hidden;
}
.ovat{
	overflow:auto;
}
.ovsr{
	overflow:scroll;
}

.newRow{
	line-height:45px;
	height:45px;
}
.newRow::before, .newRow::after {
    display: table;
    content: "";
    line-height: 0;
}
.newRow:after {
  clear: both;
}
.newRowL{
	display: inline-block;
	width: 60px;
	float: left;
}
.newRowR{
	margin-left:65px;
}

.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}

.tc-2b2{
	color:#2b2b2b;
}
.tc-fff{
	color:#ffffff;
}
.tc-555{
	color:#555555;
}
.tc-666{
	color:#666666;
}
.tc-999{
	color:#999999;
}
.tc-dc0{
	color:#dc0000;
}
	
.k1200{
	max-width:1240px;
	padding:0 20px;
	margin-left:auto;
	margin-right:auto;
}
.k80{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.tbtn{
	height:36px;
	line-height:36px;
	padding:0 20px;
	border-radius:18px;
	background-color:#dc0000;
	color:#fff;
}
.tbtn:hover{
	color:#fff;
	background-color:#b40000;
}
.list-w{
	font-size:0;
}
.list-i,ul.list-w > li{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	font-size:14px;
} 
.row-title{
	padding:90px 0 40px;
	text-align:center;
}
.row-title h3{
	color:#2b2b2b;
	font-weight:900;
	line-height:1.2;
}
.banner a{
	display:block;
}
.row-title h3 .important{
	color:#dc0000;
	font-size:60px;
}
.row-title h5{
	color:#666;
	margin-top:20px;
	line-height:1.5;
}
.play-btn{
	position:absolute;
	top:50%;
	left:50%;
	width:50px;
	height:50px;
	background-color:#fff;
	opacity:0.9;
	color:#2b2b2b;
	margin:-25px 0 0 -25px;
	border-radius:50%;
	text-align:center;
	font-size:50px;
	line-height:1;
}
.play-btn i:before{
	font-size:20px;
	line-height:50px;
}
.ruleRow{
	padding:90px 20px;
	max-width:1240px;
	margin:0 auto;
	text-align:center;
}
.ruleRow .rowTitle2{
	font-weight:700;
	margin-bottom:45px;
}
.ruleBtn{
	margin-top:40px;
	height:40px;
	line-height:40px;
	font-size:16px;
	padding:0 30px;
}
.video{
	width:100%;
	height:100%;
}
.videoImg{
	position:relative;
	display:block;
	z-index:9;
}
.videoPlay{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	
	-webkit-transition:all .5s;
    	 -o-transition:all .5s;
    	-ms-transition:all .5s;
    		transition:all .5s;
}
.videoImg.play{
	opacity:0;
	z-index:-1;
}
.videoPlay.play{
	opacity:1;
}

/**
  ********通用**********
**/
#tuweia-header{
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	color:#555;
	background-color:#fff;
	box-shadow:0 0 4px rgba(0,0,0,0.24);
	z-index:999999;
	
	-webkit-transition:all .5s;
    	 -o-transition:all .5s;
    	-ms-transition:all .5s;
    		transition:all .5s;
}
.scroll#tuweia-header{
	top:-45px;
}
#tuweia-header .k1200{
	padding:0;
}
#login-wrap{
	padding:0 10px 0;
	float:right;
	line-height:55px;
}
.login-bar{
	margin-right:10px;
	line-height:1.3;
	font-size:0;
}
.login-bar a{
	padding:0 10px;
	font-size:14px;
}
.login-bar a+a{
	border-left:1.4px solid #555;
}
.login-bar a:hover{
	color:#dc0000;
}

#nav-wrap{
	vertical-align:text-bottom;
	padding:0 10px;
}
#tuweia-logo{
	float:left;
	height:55px;
}
#logo-link{
	height:55px;
	width:115px;
	background: url(../../images/logo_3.png) no-repeat center center;
	background-size: 115px 28px;
}

#tuweia-main{
	margin-top:55px;
}
.pageLyout{
	padding-top:55px;
}
.pageMain{
	padding-top:55px;
}
.pageMainNew{
	margin:50px 0 0;
}
#tuweia-footer{
	border-top:1px solid #eee;
	font-size:12px;
	padding:20px 0 15px;
	margin-top:120px;
}


/**
  ********首页**********
**/

.videoRow-main .list-w{
	margin-left:-15px;
}
.videoRow-main .list-w li{
	width:33.3333333%;
}
.videoRow-box{
	margin-left:15px;
}
.videoRow-box .title{
	font-size:18px;
	padding-top:20px;
}
.videoRow-box video{
	width:100%;
	height:100%;
}
#barRow{
	margin-top:90px;
	background-color:#fafafa;
	padding-bottom:90px;
}
#barRow .wrapper{
	max-width:1140px;
	margin:0 auto;
	padding:0 20px;
}
.barRow-main .list-w{
	margin:-40px 0 0 -40px;
}
.barRow-main .list-w li{
	width:33.3333333%;
}
.barRow-box{
	display:block;
	background-color:#fff;
	padding:60px 40px 0; 
	margin:40px 0 0 40px;
	border-radius:4px;
	height:300px;
	box-sizing:border-box;
	-webkit-transition:all .5s;
    	 -o-transition:all .5s;
    	-ms-transition:all .5s;
    		transition:all .5s;
}
.barRow-box .title{
	font-weight:900;
	margin-top:30px;
}
.barRow-box .description{
	margin-top:20px;
	font-size:14px;
	color:#999;
}

#daily-row{
	background-color:#fafafa;
}
.daily-caseTitle{
	margin-bottom:30px;
}
.daily-caseTitle .text{
	font-size:22px;
	color:#2b2b2b;
	line-height:1;
}
.daily-caseTitle .link{
	font-size:16px;
	color:#666666;
}
.daily-caseTitle .link:hover{
	color:#B40000;
}
.daily-caseDevice{
	width:640px;
	height:368px;
	margin:0 auto;
	position:relative;
}
.daily-caseDevice img{
	width:100%;
}
.daily-casePc{
	width:618px;
	height:363px;
	background:url(../images/daily-device.png) 0% 0% no-repeat;
	position:relative;
	z-index:1;
}
.daily-casePc .link{
	display:block;
	position:absolute;
	width:465px;
	height:300px;
	top:22px;
	left:75px;
}
.daily-casePhone{
	width:100px;
	height:208px;
	background:url(../images/daily-device.png) 100% 100% no-repeat;
	position:absolute;
	bottom:0;
	right:0;
	z-index:9;
}
.daily-casePhone .link{
	display:block;
	position:absolute;
	top:25px;
	left:7px;
	width:88px;
	height:159px;
}
.starClient-grid .list-w{
	margin:-30px 0 0 -15px;
}
.starClient-grid .list-w li{
	width:33.3333333%;
}
.starClient-box{
	margin:30px 0 0 15px;
}
.starClient-box a{
	display:block;
}
.starClient-box .name{
	padding-top:20px;
}
.starClient-box:hover .name{
	color:#DC0000;
}

#newOnline-row{
	background-color:#f5f5f5;
}
.caseGrid .list-w{
	margin:-40px 0 0 -30px;
}
.caseGrid .list-w li{
	width:33.3333333%;
}
.caseBox{
	margin:40px 0 0 30px;
	position:relative;
}
.caseBox a{
	display:block;
	vertical-align:bottom;
}
.caseBox a img{
	width:100%;
}
.caseBox .name{
	display:block;
	padding-top:15px;
}
.caseBox:hover .name{
	color:#DC0000;
}
.casePic{
	position:relative;
}
.case-pcPic{
	padding-right:30px;
	width:100%;
}
.case-pcPic img{
	border-radius:5px 5px 0 0;
	background-color:#fff;
	padding-top:30px;
}
.case-pcPic:before{
	content:"";
	position:absolute;
	top:12px;
	left:10px;
	width:26px;
	height:6px;
	background:url(../images/device-d.png) no-repeat 0 0/100% 100%;
}
.case-phonePic{
	background-color:#fff;
	border-radius:3px 3px 0 0;
	padding-top:16px;
	width:70px;
	position:absolute;
	right:0;
	bottom:0;
}
.case-phonePic:before{
	content:"";
	position:absolute;
	top:7px;
	left:50%;
	margin-left:-8px;
	width:16px;
	border-top:2px solid #dfdfdf;
}

#caseHot .case-pcPic img,#caseHot .case-phonePic{
	background-color:#f5f5f5;
}
#userShare-row{
	background-color:#f5f5f5;
}
.userShareGrid .list-w{
	margin:-30px 0 0 -15px;
}
.userShareGrid .list-w li{
	width:33.3333333%;
}
.userShareBox{
	margin:30px 0 0 15px;
}
.userShareBox img{
	width:100%;
}
.userShareBox .name{
	color:#2b2b2b;
	font-size:18px;
	margin-top:20px;
	line-height:1;
}
.userShareBox .link{
	color:#666666;
}
.userShareBox .link:hover{
	color:#dc0000;
}

.webTypeGrid .list-w{
	margin:-20px 0 0 -10px;
}
.webTypeGrid .list-w li{
	width:25%;
}
.webTypeBox{
	display:block;
	background-color:#f5f5f5;
	margin:20px 0 0 10px;
	padding:20px 0;
	color:#2b2b2b;
	border:1px solid #f5f5f5;
}
.webTypeBox i{
	display:inline-block;
	vertical-align:middle;
}
.webTypeBox i:before{
	font-size:30px;
	color:#2b2b2b;
}
.webTypeBox p{
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	font-size:20px;
	text-align:left;
}
.webTypeBox:hover{
	border-color:#e43838;
}
.webTypeBox:hover,.webTypeBox:hover i:before{
	color:#dc0000;
}

#tradeClass-row .ruleRow{
	padding:0 10px;
}
.tradeClassGrid{
	font-size:0;
}
.tradeClassItem{
	margin:5px;
	font-size:14px;
	background-color:#f5f5f5;
	line-height:40px;
	height:40px;
	width:140px;
	border:1px solid #f5f5f5;
}
.tradeClassItem.red{
	background-color:#dc0000;
	color:#fff;
	border-color:#dc0000;
}
.tradeClassItem.red:hover{
	color:#fff;
	background-color:#B40000;
	border-color:#B40000;
}
.tradeClassItem:hover{
	color:#dc0000;
	border-color:#e43838;
}

.create-head{
	background-color:#fafafa;
}
.create-flow{
	margin-top:20px;
}
.flow-item{
	width:33.3333333%;
}
.flow-box .round{
	width:100px;
	height:100px;
	margin:0 auto;
	background-color:#fff;
	text-align:center;
	border-radius:50%;
	font-size:100px;
	line-height:1;
}
.flow-box{
	position:relative;
}
.flow-item+.flow-item .flow-box:before,
.flow-item+.flow-item .flow-box:after{
	content:"";
	border-width:30px 30px;
	border-style:solid;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-30px;
}
.flow-item+.flow-item .flow-box:before{
	border-color:transparent transparent transparent #ccc;
	margin-left:-13px;
}
.flow-item+.flow-item .flow-box:after{
	border-color:transparent transparent transparent #fafafa;
	margin-left:-15px;
}
.flow-box .round i:before{
	font-size:36px;
	line-height:100px;
	color:#dc0000;
}
.flow-box p{
	font-size:18px;
	color:#2b2b2b;
	margin-top:20px;
}
	
.pageHeadSearch{
	width:35%;
	margin:0 auto;
	padding:90px 0;
}
.search2{
	position:relative;
}
.search2Btn{
	width:38px;
	line-height:38px;
	height:38px;
	position:absolute;
	right:0;
	display:block;
	background:#DC0000;
	top:0;
	text-align:center;
	color:#fff;
}
.search2Btn i:before{
	font-size:20px;
	line-height:38px;
}
.search2Btn:hover{
	background:#b40000;
	color:#fff;
}
.search2Main{
	margin-right: 37px;
	border: 1px solid #CCC;
	line-height: 38px;
	height: 38px;
	padding-left: 5px;
	position: relative;
}
.searchMainInput{
	border:none;
	background:none;
	width:100%;
	line-height:38px;
	height:38px;
}
.search2Hot{
	position:absolute;
	right:5px;
	top:6px;
}
.search2Hot a{
	line-height:24px;
	display:inline-block;
	float:left;
	padding:0 6px;
	background:#F2F2F2;
	color:#999;
	font-size:12px;
	margin:0 1px;
}
.search2Hot a:hover{
	background:#DC0000;
	color:#fff;
}

/*newHome*/
.newHome .create-head{
	background-color:#fff;
}
.newHome .flow-item+.flow-item .flow-box:after{
	border-color:transparent transparent transparent #fff;
}
.newHome .flow-box{
	padding:0 10px;
}
.newHome .flow-box .round{
	background-color:#fafafa;
}
.newHome .flow-box .title{
	font-size:20px;
	font-weight:700;
	color:#2B2B2B;
	margin-top:25px;
}
.newHome .flow-box .desc{
	color:#999;
	font-size:14px;
	margin-top:15px;
}
.create-btn{
	margin-top:65px;
}
.create-btn a{
	display:inline-block;
	width:225px;
	height:55px;
	line-height:55px;
	background-color:#dc0000;
	color:#fff;
	font-size:20px;
	font-weight:700;
	border-radius:25px;
}
#bannerRow{
	background-color:#fafafa;
	padding:170px 0 150px;
}
#bannerRow .k1200{
	max-width:1366px;
}
.bannerPic{
	float:left;
	width:45%;
}
.bannerPic img{
	max-width:100%;
}
.bannerMain{
	margin-left:50%;
	padding-top:36px;
}
.bannerTitle{
	font-size:48px;
	color:#2b2b2b;
	line-height:1.4;
}
.bannerDesc{
	font-size:22px;
	color:#666;
	margin-top:10px;
}
.bannerMain .newBtn{
	margin-top:40px;
}

.platformItem:first-child{
	padding-top:40px;
}
.platformItem{
	padding:90px 0;
}
.platformItem+.platformItem{
	border-top:1px solid #eee;
}
.platformPic{
	float:left;
	width:510px;
}
.platformPic img{
	max-width:100%;
}
.platformMain{
	margin-left:650px;
	padding-top:25px;
}
.platformItem+.platformItem .platformPic{
	float:right;
}
.platformItem+.platformItem .platformMain{
	margin-left:0;
	margin-right:650px;
}
.platformTitle{
	font-size:30px;
	font-weight:500;
	color:#2b2b2b;
}
.platformText{
	font-size:16px;
	margin-top:25px;
	color:#666;
}
.platformBtn{
	margin-top:30px;
}



.newBtn{
	padding:0 45px;
	height:50px;
	line-height:50px;
	background-color:#cc0000;
	border-radius:24px;
	color:#fff;
	font-size:18px;
	text-align:center;
}
.newBtn:hover{
	background-color:#a80000;
	color:#fff;
}

@media(max-width:1200px){
	.bannerTitle{
		font-size:32px;
	}
}


@media(min-width:1200px){
	.phone-show{
		display:none;
	}
}
@media(max-width:960px){
	#bannerRow{
		padding:120px 0 100px;
	}
	.bannerPic{
		width:320px;
	}
	.bannerMain{
		margin-left:360px;
		padding-top:16px;
	}
	.bannerTitle{
		font-size:28px;
	}
	.bannerDesc{
		font-size:18px;
	}
	.bannerMain .newBtn{
		margin-top:20px;
	}
	
	.platformItem{
		padding:60px 0;
	}
	.platformPic{
		width:420px;
	}
	.platformMain{
		margin-left:460px;
	}
	.platformItem + .platformItem .platformMain{
		margin-right:460px;
	}
	
	.videoRow-box .title{
		font-size:16px;
	}
	#barRow{
		margin-top:60px;
		padding-bottom:60px;
	}
	.ruleRow{
		padding:60px 20px;
	}
	.ruleRow .rowTitle2{
		margin-bottom:35px;
	}
	.starClient-grid .list-w li,.caseGrid .list-w li{
		width:50%;
	}
	.webTypeBox p{
		font-size:16px;
		margin-left:10px;
	}
	.webTypeBox i::before{
		font-size:24px;
	}
	.webTypeBox{
		padding:15px 0;
	}
	
	.newHome .flow-item+.flow-item .flow-box:before,
	.newHome .flow-item+.flow-item .flow-box:after{
		border-width:15px 15px;
		margin-top:-15px;
	}
	.newHome .flow-item+.flow-item .flow-box:before{
		margin-left:-6px;
	}
	.newHome .flow-item+.flow-item .flow-box:after{
		margin-left:-8px;
	}
}
@media(max-width:768px){
	.k1200{
		padding:0 10px;
	}
	
	#bannerRow{
		padding:60px 0;
	}
	.bannerPic{
		float:none;
		margin:0 auto;
		width:80%;
		max-width:400px;
	}
	.bannerMain{
		margin-left:0;
		margin-top:40px;
		text-align:center;
	}
	
	.platformPic{
		float:none !important;
		margin:0 auto;
		width:80%;
		max-width:360px;
	}
	.platformMain{
		margin:25px auto 0 !important;
		text-align:center;
		width:85%;
	}
	
	.row-title{
    	padding: 40px 0px 30px;
	}
	.row-title h3{
		font-size:24px;
	}
	.row-title h3 .important{
		font-size:40px;
		display:block;
	}
	.row-title h5{
		margin-top:15px;
	}
	.videoRow-box .title{
		font-size:14px;
	}
	.videoRow-main .list-w li{
		width:80%;
	}
	.videoRow-box{
		margin-top:20px;
	}
	#barRow{
		margin-top:40px;
		padding-bottom:40px;
	}
	.barRow-main .list-w{
		margin:-20px 0 0 -20px;
	}
	.barRow-main .list-w li{
		width:50%;
	}
	.barRow-box{
		padding:50px 10px;
		margin:20px 0 0 20px;
		height:200px;
	}
	.barRow-box .title{
		margin-top:20px;
	}
	.barRow-box .description{
		font-size:12px;
		margin-top:10px;
	}
	.daily-caseDevice{
		width:450px;
		height:269px;
	}
	.daily-casePc{
		width:450px;
		height:265px;
		background-size:536px 265px;
	}
	.daily-casePhone{
		width:80px;
		height:167px;
		background-size:536px 265px;
	}
	.daily-casePc .link{
		top:16px;
		left:54px;
		width:341px;
		height:220px;
	}
	.daily-casePhone .link{
		top:33px;
		left:12px;
		width:65px;
		height:117px;
	}
	.caseGrid .list-w{
		margin:-20px 0 0 -15px;
	}
	.caseBox{
		margin:20px 0 0 15px;
	}
	.case-phonePic{
		width:55px;
		padding-top:10px;
	}
	.case-phonePic::before{
		width:12px;
		margin-left:-6px;
		top:4px;
	}
	.case-pcPic img{
		padding-top:24px;
	}
	.case-pcPic::before{
		width:22px;
		height:5px;
		top:10px;
	}
	.userShareGrid .list-w li{
		width:100%;
	}
	.tradeClassItem{
		width:120px;
		font-size:12px;
		height:35px;
		line-height:35px;
	}
	.pageHeadSearch {
		width: 60%;
		padding: 60px 0px 40px;
	}
	.flow-box .round{
		width:80px;
		height:80px;
		font-size:80px;
	}
	.flow-box .round i::before{
		font-size:20px;
		line-height:80px;
	}
	.flow-box p{
		font-size:14px;
		margin-top:10px;
	}
	.flow-item + .flow-item .flow-box::before, 
	.flow-item + .flow-item .flow-box::after{
		border-width:20px;
		margin-top:-20px;
	}
	.pageMainNew{
		margin:30px 0 0;
	}
	#tuweia-footer{
		margin-top:80px;
	}
	
}

@media(max-width:640px){
	.barRow-main{
		width:80%;
		margin:30px auto 0;
	}
	.bannerMain{
		margin-top:20px;
	}
	.bannerTitle{
		font-size:22px;
	}
	.bannerDesc{
		font-size:16px;
	}
	.platformText{
		font-size:14px;
	}
	.platformItem{
		padding:40px 0;
	}
	.platformItem:first-child{
		padding-top:36px;
	}
	.platformMain{
		width:300px;
	}
	.phone-hide{
		display:none;
	}
	.newBtn{
		height:44px;
		line-height:44px;
		font-size:16px;
	}
	.tbtn{
		font-size:12px;
		line-height:25px;
		height:25px;
	}
	#tuweia-main{
		margin-top:73px;
	}
	#tuweia-header .k1200{
		position:relative;
	}
	#login-wrap{
		line-height:42px;
	}
	#nav-wrap{
		padding:0;
		margin:0;
		border-top:1px solid #f2f2f2;
		position: relative;
		padding-bottom: 28px;
	}
	#tuweia-logo{
		height:44px;
		padding:0 10px;
	}
	#logo-link{
		height:44px;
		width:100px;
		background-size: 100px 24px;
	}
	#tuweia-nav{
		display:block;
		text-align:center;
		float:none;
	}
	.login-bar a{
		font-size:12px;
	}
	#login-wrap .tbtn{
		font-size:12px;
		line-height:25px;
		height:25px;
	}
	.login-bar{
		position: absolute;
		left: 0px;
		bottom: 10px;
		right: 0px;
		text-align: center;
	}
	.pageLyout{
		padding-top:73px;
	}
	.pageMain{
		padding-top:73px;
	}
	.newHome .create-flow{
		margin-top:0;
	}
	.newHome .flow-item{
		width:100%;
	}
	.newHome .flow-item + .flow-item .flow-box{
		margin-top:30px;
	}
	.newHome .flow-item + .flow-item .flow-box::before,
	.newHome .flow-item + .flow-item .flow-box::after{
		display:none;
	}
	.newHome .flow-box .title{
		font-size:16px;
		margin-top:10px;
	}
	.newHome .flow-box .desc{
		margin-top:10px;
		font-size:12px;
	}
	.barRow-box h2{
		font-size:24px;
	}
	.barRow-box .title{
		font-size:16px;
		margin-top:10px;
	}
	.create-btn{
		margin-top:36px;
	}
	.create-btn a{
		height:44px;
		line-height:44px;
		font-size:16px;
	}
	#tuweia-footer{
		margin-top:60px;
	}
}

@media(max-width:480px){
	.ruleRow{
		padding:60px 10px;
	}
	.ruleRow .rowTitle2{
		font-size:22px;
	}
	.row-title{
		padding: 30px 5px 10px;
	}
	.row-title h3{
		font-size:24px;
	}
	.row-title h3 .important{
		font-size:34px;
	}
	.row-title h5{
		margin-top:15px;
		font-size:12px;
	}
	
	.starClient-grid .list-w li, .caseGrid .list-w li{
		width:100%;
	}
	.webTypeGrid .list-w{
		margin:-10px 0 0 -10px;
	}
	.webTypeGrid .list-w li{
		width:50%;
	}
	.webTypeBox{
		padding:10px 0;
		margin: 10px 0 0 10px;
	}
	.webTypeBox p{
		font-size:14px;
	}
	.webTypeBox i::before{
		font-size:20px;
	}
	.tradeClassItem{
		width:95px;
		height:30px;
		line-height:30px;
		font-size:10px;
		margin:2px;
	}
	
	.daily-caseDevice{
		width:300px;
		height:180px;
	}
	.daily-casePc{
		width:300px;
		height:177px;
		background-size:359px 180px;
	}
	.daily-casePhone{
		width:60px;
		height:126px;
		background-size:359px 180px;
	}
	.daily-casePc .link{
		top:11px;
		left:36px;
		width:229px;
		height:149px;
	}
	.daily-casePhone .link{
		top:35px;
		left:14px;
		width:44px;
		height:80px;
	}
	.caseGrid .list-w{
		margin:-20px 0 0 -15px;
	}
	.caseBox{
		margin:20px 0 0 15px;
	}
	.case-phonePic{
		width:55px;
		padding-top:10px;
	}
	.case-phonePic::before{
		width:12px;
		margin-left:-6px;
		top:4px;
	}
	.case-pcPic img{
		padding-top:24px;
	}
	.case-pcPic::before{
		width:22px;
		height:5px;
		top:10px;
	}
	
	.barRow-main .list-w li{
		width:100%;
	}
	.barRow-box h2{
		font-size:36px;
	}
	.barRow-box{
		height:auto;
		padding:30px 20px;
	}
	
	
	.pageHeadSearch {
		padding: 40px 0px 20px;
		width:auto;
		float:none;
	}
	.create-flow{
		margin-top:0;
	}
	.flow-box .round{
		width:60px;
		height:60px;
		font-size:60px;
	}
	.flow-box .round i::before{
		font-size:20px;
		line-height:60px;
	}
	.flow-box p{
		font-size:10px;
		margin-top:0;
	}
	.flow-item + .flow-item .flow-box::before, .flow-item + .flow-item .flow-box::after{
		border-width:8px;
		margin-top:-8px;
	}
	.flow-item + .flow-item .flow-box::before{
		margin-left:-4px;
	}
	.flow-item + .flow-item .flow-box::after{
		margin-left:-5px;
	}
}