body{background:#ffffff;}
.boxContent{padding-top:86px;background: #fff;}
.whitehatBox{border:1px solid #ededed;width: 1198px;}
.whitehatAbout{position:relative;height: 260px;background: url(/Public/images/t01b7b9c832b7c270d7.jpg) center center no-repeat;border-bottom: 1px solid #ededed;overflow: hidden;}
.whitehatAboutLeft{padding:30px 0 0 55px;width: 400px;float: left;}
.whitehatPho{width: 98px;float: left;margin-right:30px;}
.whitehatPhoTop{width: 96px;height:96px;padding:2px;background: linear-gradient(90deg,#527af7, #00f5ff);border-radius: 50%;margin: 0 auto;}
.whitehatPhoTop img{border-radius: 50%;display: block;}
.whitehatName{line-height: 44px;text-align: center;font-size: 14px;color: #333;height:44px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.whitehatLev{display: block;margin:0 auto;width: 80px;height:25px;line-height: 25px;text-align: center;color: #fff;background: #00c905;border-radius: 3px;}
.whitehatLevTit{line-height: 30px;color: #1998fe;text-align: center;}
.whitehatDec{overflow:hidden;}
.whitehatDec li{line-height: 30px;font-size: 16px;overflow:hidden;}
.whitehatDec li span{float: left;}
.whitehatDec li a{float: left;}
.whitehatDec li img{float:left;margin-top:8px;}
.whitehatDec li em{color: #ff0000;margin:0 5px;}
.whitehatAboutRight{height:170px;border-left:1px solid #d4d4d5;padding-left:20px;overflow: hidden;margin-top:45px;}
.whitehatAboutRight p{float: left;width:108px;text-align:center;line-height: 32px;padding-top:45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.whitehatAboutRight p a{font-size: 20px;}
.whitehatAboutRight p span{font-size: 14px}
.personageBtn{padding:18px 0;text-align: center;}
.personageBtn span{display: inline-block;position: relative;width: 125px;height:40px;border:1px solid #cacaca;font-size: 14px;line-height:40px;color: #999;cursor: pointer;margin: 0 5px}
.personageBtn .spanNow{border:1px solid #3270EA;background: #3270EA;color: #fff;}
.personageBtn span em{height:0;overflow: hidden;border-top:6px solid #3270EA;border-left:6px solid #fff;border-right:6px solid #fff;position: absolute;bottom:-7px;left:50%;margin-left:-6px;display: none}
.personageBtn .spanNow em{display: block;}
.perDongtai{padding:35px 0 40px 55px;position: relative;}
.perDongtai ul{background: url(/Public/images/t01963085cadb42a7dd.gif) 118px 1px repeat-y;font-size: 14px}
.perDongtai ul li{height:16px;line-height: 16px;color: #000;margin-bottom: 43px;}
.perDongtai ul li span{color: #999;margin-right:54px;font-size: 12px;display: inline-block;width: 100px;text-align: right;}
.perDongtai ul li strong{color: #999;margin-right:18px;font-weight: normal}
.perDongtai .high{color: #ff0000;}
.perNow{line-height: 14px;color: #000;line-height: 30px;text-align: center;width: 50px;font-size: 14px;position: absolute;top:4px;left:155px;}
.perNow span{display: block;}
.perNow img{display: block;margin: 0 auto;}
.perBegin{line-height: 14px;color: #000;line-height: 30px;text-align: center;width: 45px;font-size: 14px;position: absolute;bottom:40px;left:156px;background: #fff;}
.perBegin span{display: block;}
.perBegin img{display: block;margin: 0 auto;}
.perZhanji{padding:0 30px 100px;}
.loopDetTitle2{position: relative;}
.loopDetTitle2 h2{height:50px;border-bottom: 1px solid #e6e6e6;}
.loopDetTitle2 h2 span{display: inline-block;color:#333;height:16px;line-height: 15px;font-size: 16px;border-left:3px solid #527AF7;font-weight: normal;padding-left:5px;margin-top:19px;}
.zhanjiList{border:1px solid #ededed;border-bottom: 0;margin: 20px 0}
.zhanjiList li {height: 40px;line-height: 40px;border-bottom: 1px solid #ededed;font-size: 14px;}
.zhanjiList li span{float: left;width: 115px;text-align: center;background: #f9f9f9;margin-right: 30px;}
.zhanjiList li em{float: left;width: 166px;}
.zhanjiList li var{color: #527af7}
.waihaoList{padding:20px 0;font-size: 14px}
.waihaoList .tag-list{overflow: hidden;}
.waihaoList span{margin-top:10px;cursor:pointer;position:relative;display: inline-block;height: 31px;padding:0 22px;line-height:31px;border-radius: 3px;margin-right:5px;}
.waihaoList span a{position: absolute;right: -10px;top:-10px;z-index:999;display:none;background: #fff;color:#1a1a1a;width: 20px;height: 20px;line-height:20px;text-align: center;
border:1px solid #1a1a1a;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.waihaoList .save-tag{float: left;padding: 16px 0 0 15px;}
.listStyle1{border:1px solid #92d980;background: #b9edab;}
.listStyle2{border:1px solid #e5b777;background: #fee3bd;}
.listStyle3{border:1px solid #eca6f4;background: #f9d9fd;}
.listStyle4{border:1px solid #95c6f0;background: #d4ebff;}

/*settting*/
.whitehatSetting{padding: 0 20px;overflow: hidden;}
.whitehatSetLeft{float: left;margin-right:20px;width: 207px;padding:15px 0;}
.settingList li{height:50px;line-height: 50px;border-bottom: 1px solid #d7d7d7;font-size: 14px;padding:0 10px;}
.settingList li a{float: left;color: #000;}
.settingList li span{float:right;width: 0px;height: 0;border:5px solid #fff;border-left:5px solid #2c9afa;margin-top:20px;display:none;}
.settingList .liNow span{display: block;}
.settingList .liNow a{color: #2c9afa}
.whitehatSetLeft .whitehatPho{float: none;width: auto;}
.whitehatSetRight{overflow: hidden;}
.baseMessage{overflow:hidden;}
.baseMesLeft{float: left;width: 100px;padding:21px 48px 0 60px;height: 156px}
.changePho {line-height:37px;text-align: center;font-size: 12px}
.baseMesRight{overflow: hidden;}
.baseMesRight {line-height: 37px;font-size: 16px;padding-top:35px;}
.baseMesRight em{display: inline-block;padding:0 14px;background: #31c625;font-size: 12px;color: #fff;height:25px;line-height: 25px;margin-left:20px;border-radius: 3px;}
.baseMesList{padding-top:20px;}
.baseMesList li{line-height:30px;margin-bottom: 20px;overflow:hidden;}
.baseMesList li span{float: left;width: 150px;text-align: right;margin-right: 40px;font-size: 14px;}
.baseMesList li input[type="text"]{float: left;font-size: 12px;border:1px solid #eee;padding:2px;height:28px;line-height: 28px;width: 344px;color: #0d0d0d;margin-right: 14px;}
.baseMesList li var{float: left;margin-right:10px;}
.baseMesList li a{float: left}
.baseMesList li select{float: left;width: 105px;height: 28px;border:1px solid #eee;margin-right: 14px;color: #000}
.baseMesList li textarea{float: left;width: 345px;height:148px;border:1px solid #eee;line-height: 21px}
.baseMesList .saveMes{line-height: 35px}
.baseZhandui{float: left;padding-top:10px;width: 230px}
.baseZhandui dt{font-size: 24px;line-height: 55px}
.baseZhandui dd{line-height: 32px;font-size: 14px}
.baseMessage .whitehatAboutRight{margin-top:2px;padding-left:30px;}
.whitehatAboutRight h3{width: 336px;text-align: center;line-height: 70px;font-size: 24px;font-weight: normal;}
.baseMessage .whitehatAboutRight p{padding-top:0;}
.chengTable th{height: 45px;border:1px solid #d2d2d2;line-height: 45px;font-size: 14px;background: #f7f7f7}
.chengTable td{border-bottom: 1px solid #f2f2f2;line-height: 57px;text-align: center;font-size: 14px;}
.tuanduiMessage{padding-bottom: 50px}
.nophone{width: 10px;height:16px;display: inline-block;background: url(/Public/images/t01b82bee6b27c52200.png) no-repeat;margin:0 5px;}
.noemail{width: 16px;height:12px;display: inline-block;background: url(/Public/images/t01c91e9e17e3b57a3f.png) no-repeat;margin:0 5px;}
.noren{width: 17px;height:14px;display: inline-block;background: url(/Public/images/t012da40ad951199d6c.png) no-repeat;margin:0 5px;}
.isphone{width: 10px;height:16px;display: inline-block;background: url(/Public/images/t01b82bee6b27c52200.png) 0 -16px no-repeat;margin:0 5px;}
.isemail{width: 16px;height:12px;display: inline-block;background: url(/Public/images/t01c91e9e17e3b57a3f.png) 0 -12px no-repeat;margin:0 5px;}
.isren{width: 17px;height:14px;display: inline-block;background: url(/Public/images/t012da40ad951199d6c.png) 0 -14px no-repeat;margin:0 5px;}
.whiteRen{position: relative;}
.whiteRen p{position: absolute;top:20px;left:0;width: 107px;height:23px;text-align: center;line-height: 23px;display: none;background: #fff;}
.yesRen{border:1px solid #7fc0f9;color: #3270EA;}
.noRen{border:1px solid #999;color: #333;}
.whitehatPho{position: relative;}
.whitehatLevTit2{position: absolute;top:83px;right:0;width: 33px;height: 15px;text-align: center;line-height: 15px;color: #fff;border-radius: 3px;background: #ff8a00;font-size: 10px;}
.editWhitehat{position: absolute;top:20px;right: 105px;border:1px solid #3270EA;width: 78px;height: 28px;line-height: 28px;text-align: center;color: #3270EA;background: #fff}
.whiteInfo{position: absolute;top:20px;right: 20px;border:1px solid #3270EA;width: 78px;height: 28px;line-height: 28px;text-align: center;color: #3270EA;background: #fff}
.chengTable p{color: #999;}
.perLoop{padding:0 0px 50px;}
.loopjiang{color: #e7623d}
.looText{width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.noloopjiang{color: #5cac01}
.loopNoSure{color: #999}
.loppstats{color: #5cac01}
.highlev{display: inline-block;width: 40px;height:22px;line-height: 22px;text-align: center;background: #f55e3e;border-radius: 11px;color: #fff;font-size: 12px}
.middlelev{display: inline-block;width: 40px;height:22px;line-height: 22px;text-align: center;background: #f5983e;border-radius: 11px;color: #fff;font-size: 12px}
.lowlev{display: inline-block;width: 40px;height:22px;line-height: 22px;text-align: center;background: #94c958;border-radius: 11px;color: #fff;font-size: 12px}
.criallev{display: inline-block;width: 40px;height:22px;line-height: 22px;text-align: center;background: #B32424;border-radius: 11px;color: #fff;font-size: 12px}
.perLoopSelect {padding:20px 10px;overflow:hidden;}
.perLoopSelect span{float: left;}
.perLoopSelect a{float:left;position:relative;display: inline-block;padding: 0 20px;width:40px;text-align:justify;text-align-last: justify;height:24px;border:1px solid #e6e6e6;line-height: 24px;font-size: 12px;color: #999;margin:0 5px;}
.perLoopSelect a em{position: absolute;top:-2px;right: 5px;width: 14px;height:14px;background: #e81218;border-radius: 50%;color:#fff;line-height: 14px;text-align: center;font-size: 10px}
.perLoopSelect a:hover{background: #527AF7;color: #fff;border-color: #527AF7}
.perLoopSelect .aNow{background: #527AF7;color: #fff;border-color: #527AF7}
.perLoopSerach{float: right;position: relative;}
.perLoopSerach input{width: 187px;height:30px;line-height:30px;font-size:12px;border:1px solid #e6e6e6;padding:2px 24px 2px 15px;border-radius: 0;outline: none;}
.perLoopSelect .perLoopSerach span{position: absolute;width: 24px;height: 24px;background: url(/Public/images/t018197d00449da62f0.png) 0px 5px no-repeat;top:3px;right:0;cursor: pointer;}
.addressList{line-height:30px;font-size: 14px;padding:20px;color: #333;}
.addressList li{border-bottom: 1px solid #ededed;overflow:hidden;}
.addressList input{float: left;margin:9px 6px 0 0;}
.addressList span{float: left;margin-right: 5px}
.addressList p{float: right;color:#999;}
.addAddress{position: absolute;top:10px;right: 10px;border:1px solid #3270EA;width: 78px;height: 28px;line-height: 28px;text-align: center;color: #3270EA;background: #fff;}
.baseMesList li span label{color:#e80a0a;}
.whitehatShare{padding:30px 0px;font-size: 26px;line-height:30px;}
.whitehatShare em{font-size: 26px;color: #00cc99}
.firmCnameTishi{height:46px;border:1px solid #f9d3ae;background: #fcefe3;padding:0 20px;margin-bottom: 20px}
.firmCnameTishi span{float: left;height:46px;line-height: 46px;padding-left: 26px;background: url(/Public/images/t0116f7ced84c99bbda.png) 0 15px no-repeat;color: #ed7a09;}
.firmCnameTishi a{float: right;padding:0 20px;height:27px;border:1px solid #f9d3ae;line-height: 27px;color: #ed7a09;margin-top:9px;}
.addAddress{position: absolute;top:10px;right: 10px;border:1px solid #3270EA;width: 78px;height: 28px;line-height: 28px;text-align: center;color: #3270EA;background: #fff;}
.cnameCheck{display: inline-block;width: 60px;height: 22px;line-height: 22px;text-align: center;background: #94c958;color: #fff;border-radius:11px;font-size: 12px}
.cnameCheckNo{display: inline-block;width: 60px;height: 22px;line-height: 22px;text-align: center;background: #f55e3e;color: #fff;border-radius:11px;font-size: 12px}
.firmCnameList{padding:20px 0;}
/*creat team css*/
.whitehatCreatTuan .changePho {font-size: 12px}
.whitehatCreatTuan .changePho a{text-decoration: underline;}
.creatMesStep{background: #f7f7f7;height: 43px;font-size: 16px; line-height: 43px;}
.creatMesStep span{display: inline-block;width: 33%;height:43px;text-align: center;}
.stepNow{background:url(/Public/images/t0160da9119694214bb.png) right 0 no-repeat;}
.steped{background-color: #def0ff}
.saveMes2{display: inline-block;width: 95px;height:33px;border:1px solid #527AF7;background: #fff;border-radius: 3px;line-height: 35px;text-align: center;color: #527AF7;font-size: 14px;margin-left:5px;}
.teamRouls{padding:20px;}
.teamRouls p{font-size: 14px;line-height: 21px;margin-bottom: 10px}
.stepBtn{text-align: center;}
/*显示更多*/

.personDiv .more{background:#efefef;display: block;height: 40px;line-height: 40px;text-align: center;color: #333;font-size: 18px;
 		border:1px solid #ccc;
 	-o-border-radius:3px;
 	-moz-border-radius:3px;
 	-webkit-border-radius:3px;
 	-ms-border-radius:3px;
 	border-radius:3px;
 	margin-top:50px;
 	width: 850px;
 }
.personDiv .more:hover{background:#cfcfcf;}
/*medal*/
.perInfo .whitehatBox{position: relative;}
.perInfo .whitehatAbout{overflow: visible;}
.perInfo .whitehatAboutRight{display: inline-block;}
.perInfo .whitehatAboutRight div{overflow: hidden;}
.perInfo .whitehatAboutRight p{padding-top: 10px;height: 80px;}
.perInfo .whitehatAboutRight p img{height: 40px;}
.perInfo .medal-list-name{display: block;height: 16px;line-height: 16px;overflow: hidden;white-space: nowrap;padding: 0 8px;}
.perInfo .whitehatPhoTop{position: relative;}
.medal{position: absolute;z-index: 999;
	top:0;left:0;height: 100%;width: 100%;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation-name:'medalPos';
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear; 
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name:'medalPos';
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: linear; 
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-fill-mode: forwards;
	-o-animation-name:'medalPos';
	-o-animation-duration: 3s;
	-o-animation-timing-function: linear; 
	-o-animation-delay: 2s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-fill-mode: forwards;
	-ms-animation-name:'medalPos';
	-ms-animation-duration: 3s;
	-ms-animation-timing-function: linear; 
	-ms-animation-delay: 2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-direction: normal;
	-ms-animation-fill-mode: forwards;
	animation-name:'medalPos';
	animation-duration: 3s;
	animation-timing-function: linear; 
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}
.medal-mask{height: 100%;background: #000;filter:Alpha(opacity=10);-moz-opacity:0.1;  
      -khtml-opacity: 0.1;opacity: 0.1;}
.medal-mask-close{display: none;}
.medal-ani-wrap{
	position: absolute;width: 500px;height: 272px;
	top:120px;left: 50%;margin-left: -250px;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation-name:'medalWrapPos';
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear; 
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name:'medalWrapPos';
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: linear; 
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-fill-mode: forwards;
	-o-animation-name:'medalWrapPos';
	-o-animation-duration: 3s;
	-o-animation-timing-function: linear; 
	-o-animation-delay: 2s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-fill-mode: forwards;
	-ms-animation-name:'medalWrapPos';
	-ms-animation-duration: 3s;
	-ms-animation-timing-function: linear; 
	-ms-animation-delay: 2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-direction: normal;
	-ms-animation-fill-mode: forwards;
	animation-name:'medalWrapPos';
	animation-duration: 3s;
	animation-timing-function: linear; 
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	
}
.medal-ani{position:absolute;width: 100%;height: 100%;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-moz-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation-name:'ripple';
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: linear; 
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
	-moz-animation-name:'ripple';
	-moz-animation-duration: 0.3s;
	-moz-animation-timing-function: linear; 
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: 10;
	-moz-animation-direction: alternate;
	-o-animation-name:'ripple';
	-o-animation-duration: 0.3s;
	-o-animation-timing-function: linear; 
	-o-animation-delay: 2s;
	-o-animation-iteration-count: 10;
	-o-animation-direction: alternate;
	-ms-animation-name:'ripple';
	-ms-animation-duration: 0.3s;
	-ms-animation-timing-function: linear; 
	-ms-animation-delay: 2s;
	-ms-animation-iteration-count: 10;
	-ms-animation-direction: alternate;
	animation-name:'ripple';
	animation-duration: 0.3s;
	animation-timing-function: linear; 
	animation-delay: 2s;
	animation-iteration-count: 10;
	animation-direction: alternate;
}
.medal-ani img{width: 100%}
.wing-left{width: 50%;height: 100%;float: left;
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-animation-name:'rotateLeft';
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: linear; 
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
	-moz-animation-name:'rotateLeft';
	-moz-animation-duration: 0.3s;
	-moz-animation-timing-function: linear; 
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 10;
	-moz-animation-direction: alternate;
	-o-animation-name:'rotateLeft';
	-o-animation-duration: 0.3s;
	-o-animation-timing-function: linear; 
	-o-animation-delay: 1s;
	-o-animation-iteration-count: 10;
	-o-animation-direction: alternate;
	-ms-animation-name:'rotateLeft';
	-ms-animation-duration: 0.3s;
	-ms-animation-timing-function: linear; 
	-ms-animation-delay: 1s;
	-ms-animation-iteration-count: 10;
	-ms-animation-direction: alternate;
	animation-name:'rotateLeft';
	animation-duration: 0.3s;
	animation-timing-function: linear; 
	animation-delay: 1s;
	animation-iteration-count: 10;
	animation-direction: alternate;
}
.wing-right{width: 50%;height: 100%;float: right;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-animation-name:'rotateRight';
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: linear; 
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
	-moz-animation-name:'rotateRight';
	-moz-animation-duration: 0.3s;
	-moz-animation-timing-function: linear; 
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 10;
	-moz-animation-direction: alternate;
	-o-animation-name:'rotateRight';
	-o-animation-duration: 0.3s;
	-o-animation-timing-function: linear; 
	-o-animation-delay: 1s;
	-o-animation-iteration-count: 10;
	-o-animation-direction: alternate;
	-ms-animation-name:'rotateRight';
	-ms-animation-duration: 0.3s;
	-ms-animation-timing-function: linear; 
	-ms-animation-delay: 1s;
	-ms-animation-iteration-count: 10;
	-ms-animation-direction: alternate;
	animation-name:'rotateRight';
	animation-duration: 0.3s;
	animation-timing-function: linear; 
	animation-delay: 1s;
	animation-iteration-count: 10;
	animation-direction: alternate;
}
.wing-mid{width: 30%;height: 30%;position: absolute;left: 50%;top: 25%;margin-left:-15%;z-index: 999;}

@keyframes medalPos{
	0% {
		height: 100%;
		width: 100%;
	}
	100% {
		width: 250px;
		height: 180px;
	}
}
@keyframes medalWrapPos{
	0% {
		top:100px;
		left: 50%;
		margin-left: -250px;
		width: 500px;
		height: 272px;

	}
	100% {
		left:69px;
		top:92px;
		margin-left: 0;
		width: 102px;
		height: 60px;
	}
}
@keyframes ripple{
	0% {
		-webkit-transform: scale(1);
    	transform: scale(1);    	
	}
	100% {
		-webkit-transform: scale(0.9);
    	transform: scale(0.9);
	}
}
@keyframes rotateLeft{
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	
		-moz-transform:rotate(0deg); 	
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(-18deg);
		-ms-transform:rotate(-18deg); 	
		-moz-transform:rotate(-18deg); 	
		-webkit-transform:rotate(-18deg); 
		-o-transform:rotate(-18deg);
	}
}
@keyframes rotateRight{
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	
		-moz-transform:rotate(0deg); 	
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(18deg);
		-ms-transform:rotate(18deg); 	
		-moz-transform:rotate(18deg); 	
		-webkit-transform:rotate(18deg); 
		-o-transform:rotate(18deg);
	}
}
/*firefox*/
@-moz-keyframes medalPos{
	0% {
		height: 100%;
		width: 100%;
	}
	100% {
		width: 250px;
		height: 180px;
	}
}
@-moz-keyframes medalWrapPos{
	0% {
		top:100px;
		left: 50%;
		margin-left: -250px;
		width: 500px;
		height: 272px;

	}
	100% {
		left:141px;
		top:92px;
		margin-left: 0;
		width: 102px;
		height: 60px;
	}
}
@-moz-keyframes ripple{
	0% {
		-moz-transform: scale(1);
    	transform: scale(1);    	
	}
	100% {
		-moz-transform: scale(0.9);
    	transform: scale(0.9);
	}
}
@-moz-keyframes rotateLeft{
	0% {
		transform:rotate(0deg);	
		-moz-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(-18deg); 	
		-moz-transform:rotate(-18deg);
	}
}
@-moz-keyframes rotateRight{
	0% {
		transform:rotate(0deg); 	
		-moz-transform:rotate(0deg);
	}
	100% {
		transform:rotate(18deg);	
		-moz-transform:rotate(18deg); 
	}
}
/*o*/
@-o-keyframes medalPos{
	0% {
		height: 100%;
		width: 100%;
	}
	100% {
		width: 250px;
		height: 180px;
	}
}
@-o-keyframes medalWrapPos{
	0% {
		top:100px;
		left: 50%;
		margin-left: -250px;
		width: 500px;
		height: 272px;

	}
	100% {
		left:141px;
		top:92px;
		margin-left: 0;
		width: 102px;
		height: 60px;
	}
}
@-o-keyframes ripple{
	0% {
		-o-transform: scale(1);
    	transform: scale(1);    	
	}
	100% {
		-o-transform: scale(0.9);
    	transform: scale(0.9);
	}
}
@-o-keyframes rotateLeft{
	0% {
		transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	100% {
		transform:rotate(-18deg);
		-o-transform:rotate(-18deg);
	}
}
@-o-keyframes rotateRight{
	0% {
		transform:rotate(0deg); 
		-o-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(18deg);
		-o-transform:rotate(18deg);
	}
}
/*webkit*/
@-webkit-keyframes medalPos{
	0% {
		height: 100%;
		width: 100%;
	}
	100% {
		width: 250px;
		height: 180px;
	}
}
@-webkit-keyframes medalWrapPos{
	0% {
		top:100px;
		left: 50%;
		margin-left: -250px;
		width: 500px;
		height: 272px;

	}
	100% {
		left:141px;
		top:92px;
		margin-left: 0;
		width: 102px;
		height: 60px;
	}
}
@-webkit-keyframes ripple{
	0% {
		-webkit-transform: scale(1);
    	transform: scale(1);    	
	}
	100% {
		-webkit-transform: scale(0.9);
    	transform: scale(0.9);
	}
}
@-webkit-keyframes rotateLeft{
	0% {
		transform:rotate(0deg);	
		-webkit-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(-18deg); 	
		-webkit-transform:rotate(-18deg); 
	}
}
@-webkit-keyframes rotateRight{
	0% {
		transform:rotate(0deg); 	
		-webkit-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(18deg);	
		-webkit-transform:rotate(18deg);
	}
}
/*ms*/
@-ms-keyframes medalPos{
	0% {
		height: 100%;
		width: 100%;
	}
	100% {
		width: 250px;
		height: 180px;
	}
}
@-ms-keyframes medalWrapPos{
	0% {
		top:100px;
		left: 50%;
		margin-left: -250px;
		width: 500px;
		height: 272px;

	}
	100% {
		left:141px;
		top:92px;
		margin-left: 0;
		width: 102px;
		height: 60px;
	}
}
@-ms-keyframes ripple{
	0% {
		-ms-transform: scale(1);
    	transform: scale(1);    	
	}
	100% {
		-ms-transform: scale(0.9);
    	transform: scale(0.9);
	}
}
@-ms-keyframes rotateLeft{
	0% {
		transform:rotate(0deg);	
		-ms-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(-18deg); 	
		-ms-transform:rotate(-18deg); 
	}
}
@-ms-keyframes rotateRight{
	0% {
		transform:rotate(0deg); 	
		-ms-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(18deg);	
		-ms-transform:rotate(18deg);
	}
}
/*第三方协议*/
.baseAuthorize li{padding:3px 10px 3px;}
.baseAuthorize li a.argee{float: none;margin-left: 10px;vertical-align: middle;display: inline-block;font-size: 14px;}
.baseAuthorize li.operation{padding-left:40px;}
.wrap-protocol{padding: 20px;}
.wrap-protocol .crumb{padding: 10px 0 20px;}
.main-protocol{border: 1px solid #efefef;padding:20px;color: #808080;min-height: 500px;}
.main-protocol h2{line-height:54px; }
.main-protocol .title{line-height:36px;text-indent: 0em;}
.main-protocol p{line-height: 24px;color: #aaa;text-indent: 2em;}
.main-protocol .level3{padding:5px 30px;}
/*new iframe*/
.coloumn-2-1{width:200px;}
.coloumn-2-2{margin-left:200px;}
.whitehat-iframe-con{padding:0 15px;}
