.banner{
	background: #ef4b39 url("../images/banner-bg.png") center center;
	background-repeat: no-repeat;
	height: 400px;
	min-width:1170px;
}
.banner-text{
	width: 400px;
	margin-left: 570px;
	padding-top: 95px;
	color: #fff;
}
.banner-text p{
	font-size: 21px;
	margin: 20px 0;
}
.banner-text h1{
	font-size: 36px;
}
.commission-intro{
	margin: 70px 0 30px 50px;
}
.commission-intro dt{
	font-size: 18px;
	margin-bottom: 25px;
}
.commission-intro dd{
	border: #f2f2f2 dashed 1px;
	border-radius: 4px;
	padding: 15px;
}
.commission-intro dd p{
	margin-bottom: 20px;
	line-height: 22px;
}
.commission-intro dd .gray-line{
	height: 0;
	border-bottom: #f2f2f2 solid 1px;
	margin: 20px 0;
}
.campaign-btn-box{
	margin-bottom: 50px;
}
/*璐����-��ㄥ箍*/
.campaign-section{
	padding: 40px 0;
	min-height: 600px;
}
.campaign-box{
	border-radius: 4px;
	border: #ccc dashed 1px;
	height: 54px;
	line-height: 54px;
	padding: 0 20px;
	margin-bottom: 30px;
}
.copy-btn{
	background: #f0ad4e;
	display: inline-block;
	padding: 2px 5px;
	color: #fff;
	margin-left: 15px;
	border-radius: 3px;
	font-size: 12px;
	line-height: 20px;
	border: none;
	cursor:pointer;
}
.copy-btn:hover,.copy-btn.zeroclipboard-is-hover{
	opacity: 0.8;
}
.share-box{
	color: #999;
}
.share-box img{
	vertical-align: middle;
	margin-left: 15px;
}
.share-box i{
	font-style: normal;
	vertical-align: middle;
}
.record-tab{
	border-bottom: #27b399 solid 2px;
}
.record-tab li{
	display: inline-block;
	padding: 10px 30px;
	cursor: pointer;
}
.record-tab li.active{
	background: #27b399;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.record-table-wrapper{
	max-height: 500px;
	overflow: auto;
}
.record-table{
	width: 100%;
}
.record-table th{
	color: #fff;
	background: #40454b;
	padding: 13px 5px;
}
.record-table td{
	padding: 13px 5px;
	text-align: center;
}
.record-table tr:nth-child(odd) td{
	background: #f6f7f7;
}
.summary-table{
	width: 100%;
}
.summary-table th{
	color: #999;
	font-weight: 200;
	border: #ccc solid 1px;
	padding: 11px 0;
}
.summary-table td{
	border: #ccc solid 1px;
	padding: 11px 0;
	text-align: center;
}
.total-value{
	font-size: 20px;
	color: #f4511e;
	font-weight: 200;
}
.view-more{
	display: inline-block;
	padding: 5px 30px;
	color: #ccc;
	margin: 30px 0;
}
.view-more:hover{
	color: #999;
}
.anything-tips{
	padding: 40px 0;
	color: #ccc;
	margin-top: 130px;
}
.record-box{
	min-height: 450px;
}
.balance-box{
	margin: 60px 0;
}
.balance-box .icon-money{
	color: #f4511e;
	font-size: 54px;
	display: inline-block;
	vertical-align: middle;
}
.balance{
	display: inline-block;
	color: #999;
	font-size: 12px;
	vertical-align: middle;
	margin: 0 30px 0 0;
}
.balance b{
	font-size: 24px;
	color: #333;
}
.withdrawals-btn{
	display: inline-block;
	padding: 6px 20px;
	border-radius: 4px;
	color: #fff;
	vertical-align: middle;
}
.withdrawals-btn:hover{
	opacity: 0.8;
}
.rules-intro{
	margin-top: -30px;
}
.rules-intro:hover{
	-webkit-animation: shake ease-in-out 0.5s both;
}
@keyframes shake {
    0% {
        -moz-transform: translate3d(-6px, 0, 0);
        -ms-transform: translate3d(-6px, 0, 0);
        -webkit-transform: translate3d(-6px, 0, 0);
        transform: translate3d(-6px, 0, 0);
    }
    25% {
       -moz-transform: translate3d(6px, 0, 0);
        -ms-transform: translate3d(6px, 0, 0);
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0); 
    }
    50% {
       -moz-transform: translate3d(-6px, 0, 0);
        -ms-transform: translate3d(-6px, 0, 0);
        -webkit-transform: translate3d(-6px, 0, 0);
        transform: translate3d(-6px, 0, 0);
    }
    75% {
       -moz-transform: translate3d(6px, 0, 0);
        -ms-transform: translate3d(6px, 0, 0);
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0); 
    }
    100% {
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); 
    }
}


.shake2{
    position: relative;
    -webkit-animation: shake2 2s 0.5s 2 linear;
}
@-webkit-keyframes shake2 {
    50%{
        left:0;
    }
    55% {
        left: -3%;
    }
    60% {
        left:3%;
    }
    65%{
        left:-3%;
    }
    70%{
        left:3%;
    }
    75% {
        left: -3%;
    }
    80% {
        left:3%;
    }
    85%{
        left:-3%;
    }
    90%{
        left:3%;
    }
    95%{
        left:-3%;
    }
    100%{
        left:0;
    }
}