/*公共样式表*/
* {
    margin: 0;
    padding: 0;
}
body{
	font-size:12px;
	font-family:"Microsoft YaHei","SimSun","Hiragino Sans GB";
	color:#222222;
	background:#f0f2f5;
}
li{
	list-style:none;
	color:#222222;
}
a{
	text-decoration:none;
	outline-style:none;
	color:#337ab7;
	font-size:12px;
}
a:hover{
	text-decoration:underline;
	color:#FF9933;
	cursor:pointer;
}	
img{
	border:0;
}
input,button,select,textarea,area{
	outline-style:none;
	font-family:"Microsoft YaHei";
}
input:disabled{
    cursor:not-allowed;
}
textarea{
	resize:none
}
em,i{
	font-style:normal;
}
.clearfix{
	*zoom:1;
}
.clearfix:after{
	content:'\0020';
	display:block;
	height:0;
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.margintop10{
	margin-top:10px;
}
.margintop20{
	margin-top:20px;
}
.margintop30{
	margin-top:30px;
}
.pointer{
	cursor:pointer;
}
/*重点数字(红)*/
.number-color-red{
	color:#ff9933;
	margin:0 2px;
}

/*重点数字(绿)*/
.number-color-green{
	color:#2a9c39;
	margin:0 2px;
}

/*重点文字(红)*/
.text-color-red{
	color:#ff9933;
	margin:0 2px;
}

/*重点文字(绿)*/
.text-color-green{
	color:#2a9c39;
	margin:0 2px;
}

/*按钮*/
.btn{
	display:block;
	font-size:13px;
	text-align:center;
	border-radius:2px;
	border:1px solid #b3b6b9;
	background:#ffffff;
    color:#555555;
	
	-webkit-transition:all 0.2s ease-in-out;
       -moz-transition:all 0.2s ease-in-out;
         -o-transition:all 0.2s ease-in-out;
            transition:all 0.2s ease-in-out;
}
.btn:hover{
	text-decoration:none;
}

/*绿色按钮*/
.btn-succeed{
	border:1px solid #2a9c39;
    background:#2a9c39;
    color:#ffffff;
}
.btn-succeed:hover{
	background:#ff9933;
	border:1px solid #ff9933;
    color:#ffffff;
}

/*绿色边框按钮*/
.btn-succeed-border{
	border:1px solid #2a9c39;
    background:#ffffff;
    color:#555555;
}
.btn-succeed-border:hover{
	background:#ff9933;
	border:1px solid #ff9933;
    color:#ffffff;
}

.dn{
	display:none;
}

/*右侧帮助中心开始*/
.person-help{
	position:fixed;
	z-index:2;
	right:0px;
	top:100px;
}
.person-help>div{
	position:relative;
	border:1px solid #E6E6E6;
}
.person-help>div:last-child{
	border-top:0;
}
.person-help>div .name{
	width:40px;
	padding:5px 3px;
	text-align:center;
	cursor:pointer;
	background:#FFFFFF;
	position:relative;
	z-index:1;
	
	-webkit-transition:all 0.2s ease-in-out;
	   -moz-transition:all 0.2s ease-in-out;
	     -o-transition:all 0.2s ease-in-out;
	        transition:all 0.2s ease-in-out;
}
.person-help>div .name em{
	width:25px;
	height:25px;
	overflow:hidden;
	display:block;
	margin:0 auto;
	
	-webkit-transition:all 0.2s ease-in-out;
	   -moz-transition:all 0.2s ease-in-out;
	     -o-transition:all 0.2s ease-in-out;
	        transition:all 0.2s ease-in-out;
}
.person-help>div .name em.help-img{
	background:url(../images/help-right/help.png) no-repeat center center;	
}
.person-help>div .name em.kefu-img{
	background:url(../images/help-right/kefu.png) no-repeat center center;	
}
.person-help>div .name span{
	display:block;
	font-size:12px;
	color:#a0a4a7;
	margin-top:5px;
	
	-webkit-transition:all 0.2s ease-in-out;
	   -moz-transition:all 0.2s ease-in-out;
	     -o-transition:all 0.2s ease-in-out;
	        transition:all 0.2s ease-in-out;
}
.person-help>div:nth-child(1):hover .name{
	background:#ff9933;
}
.person-help>div:nth-child(2):hover .name{
	background:#12c7d7;
}
.person-help>div:hover .name em.help-img{
	background:url(../images/help-right/help-hover.png) no-repeat center center;
}
.person-help>div:hover .name em.kefu-img{
	background:url(../images/help-right/kefu-hover.png) no-repeat center center;
}
.person-help>div:hover .name span{
	color:#FFFFFF;
}
.person-help>div .content{
	position:absolute;
	top:0;
	right:-600px;
	box-shadow:0 0 5px #cccccc;
	background:#ffffff;
	overflow:hidden;
	
	-webkit-transition:all 0.5s ease-in-out;
	   -moz-transition:all 0.5s ease-in-out;
	     -o-transition:all 0.5s ease-in-out;
	        transition:all 0.5s ease-in-out;
}
.person-help>div.help:hover .content{
	right:45px;
}

/*企业中心内的帮助中心开始*/
.person-help .help .content .help-con{
	width:400px;
	padding:20px 10px;
	overflow:auto;	
}
.person-help .help .content .help-con p{
	font-size:15px;
	font-weight:bold;
}
.person-help .help .content .help-con>p img{
	vertical-align:text-bottom;
	margin-right:5px;
	width:20px;
}
.person-help .help .content .help-con ul{
	margin-left:20px;
}
.person-help .help .content .help-con ul li{
	margin-top:5px;
	font-size:13px;
	color:#555555;
}
.person-help .help .content .help-con>ul>li{
	margin-top:10px;
}
.person-help .help .content .help-con>ul>li>span{
	font-weight:bold;
	font-size:14px;
}
.person-help .help .content .help-con ul li a{
	color:#555555;
	font-size:13px;
}
.person-help .help .content .help-con ul li a:hover{
	color:#FF9933;
}
.person-help .help .content .help-con ul li img{
	margin-right:5px;
	width:16px;
	vertical-align:text-bottom;
}
/*企业中心内的帮助中心结束*/

/* 企业中心内的在线客服开始 */
.person-help .help .content .kefu-con{
	width:180px;
	padding:10px;
}
.person-help .help .content .kefu-con>p{
	font-size:15px;
	font-weight:bold;
}
.person-help .help .content .kefu-con>p img{
	vertical-align:text-bottom;
	margin-right:5px;
	width:20px;
}
.person-help .help .content .kefu-con>div{
	border-bottom:1px dashed #E6E6E6;
	padding:5px 0;

    -webkit-transition:all 0.2s ease-in-out;
	   -moz-transition:all 0.2s ease-in-out;
	     -o-transition:all 0.2s ease-in-out;
	        transition:all 0.2s ease-in-out;
}
.person-help .help .content .kefu-con>div:not(.kefu-phone):hover{
    background:#f9fbf9;
    box-shadow:0 0 5px #e6e6e6;
}
.person-help .help .content .kefu-con>div:nth-child(2){
	margin-top:10px;
}
.person-help .help .content .kefu-con>div:last-child{
	border-bottom:0;
	padding-bottom:0;
}
.person-help .help .content .kefu-con>div span{
	line-height:20px;
	display:block;
	width:80px;
	text-align:right;
	color:#999999;

    -webkit-transition:all 0.2s ease-in-out;
	   -moz-transition:all 0.2s ease-in-out;
	     -o-transition:all 0.2s ease-in-out;
	        transition:all 0.2s ease-in-out;
}
.person-help .help .content .kefu-con>div:not(.kefu-phone):hover span{
    color:#222222;
}
.person-help .help .content .kefu-con>div em{
	line-height:20px;
}
.person-help .help .content .kefu-con>div a{
    width:70px;
    height:20px;
    display:block;
    line-height:20px;
    text-align:center;
    font-size:12px;
    text-decoration:none;
}
/* 企业中心内的在线客服结束 */

/* 右侧帮助中心结束 */

/*操作视频弹层开始*/
.operation-video{
	text-align:center;
}
.operation-video.divshow{
	right:0;
	
	-webkit-animation:showDiv .5s 1 ease-in-out;
	   -moz-animation:showDiv .5s 1 ease-in-out;
	     -o-animation:showDiv .5s 1 ease-in-out;
	        animation:showDiv .5s 1 ease-in-out;
}
.operation-video.divhide{
	right:-2000px;
	
	-webkit-animation:hideDiv .5s 1 ease-in-out;
	   -moz-animation:hideDiv .5s 1 ease-in-out;
	     -o-animation:hideDiv .5s 1 ease-in-out;
	        animation:hideDiv .5s 1 ease-in-out;
}
.operation-video .video-con{
	max-width:100%;
	max-height:100%;
	overflow:auto;
}
/*操作视频弹层结束*/

/*右侧帮助中心结束*/


/*弹层遮罩（居中）开始*/
.bulk-layer-div{
	background:rgba(211,211,211,0.4);
	width:100%;
	height:100%;
	z-index:99999;
	position:fixed;
	top:0;
	left:0;
}
.bulk-layer-div>div{
	background:#ffffff;
	border-radius:2px;
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    top:50%;
    left:50%;
    position:absolute;
    
	-webkit-transform:rotateX(0deg);
	   -moz-transform:rotateX(0deg);
	    -ms-transform:rotateX(0deg);
	     -o-transform:rotateX(0deg);
	        transform:rotateX(0deg);
            
    -webkit-animation:layerScale 0.2s ease-in 1;
	   -moz-animation:layerScale 0.2s ease-in 1;
	     -o-animation:layerScale 0.2s ease-in 1;
            animation:layerScale 0.2s ease-in 1;
}
@-webkit-keyframes layerScale{
    from{transform:rotateX(25deg);}
    to{transform:rotateX(0deg);}
}
.bulk-layer-div>div.bulk-layer-div{
    background:rgba(211,211,211,0.4);
	width:100%;
	height:100%;
	z-index:99999;
	position:fixed;
	top:0;
	left:0;
    border-radius:0;
    box-shadow:none;
}
/*弹层遮罩（居中）结束*/

/*右侧弹出开始*/

/*最外层（不带遮罩层）开始*/
.div-right{
	position:fixed;
	z-index:3;
	right:-2000px;
	top:0;
	background:#FFFFFF;
	box-shadow:0 0 10px rgba(0,0,0,.5);
	padding:10px 40px 10px 10px;
	overflow-x:hidden;
	overflow-y:auto;
}
/*最外层（不带遮罩层）结束*/

/*最外层（带遮罩层）开始*/
.div-right-box{
	position:fixed;
	z-index:99999;
	right:0;
	top:0;
	background:rgba(211,211,211,0.4);
	width:100%;
	height:100%;
}
/*最外层（带遮罩层）结束*/

/*关闭开始*/
.hide-div{
	position:absolute;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;	
	color:#FFFFFF;
	background:rgba(0,0,0,0.8) url(../images/style/close-btn1.png) no-repeat center center;
	cursor:pointer;
	right:10px;
	top:10px;
}
/*关闭结束*/

/*动画开始*/
.divshow{
	right:0;
	
	-webkit-animation:showDiv .5s 1 ease-in-out;
	   -moz-animation:showDiv .5s 1 ease-in-out;
	     -o-animation:showDiv .5s 1 ease-in-out;
	        animation:showDiv .5s 1 ease-in-out;
}
.divhide{
	right:-2000px;
	
	-webkit-animation:hideDiv .5s 1 ease-in-out;
	   -moz-animation:hideDiv .5s 1 ease-in-out;
	     -o-animation:hideDiv .5s 1 ease-in-out;
	        animation:hideDiv .5s 1 ease-in-out;
}
@-webkit-keyframes showDiv{
	from{right:-2000px}
	to{right:0;}
}
@-moz-keyframes showDiv{
	from{right:-2000px}
	to{right:0;}
}
@-o-keyframes showDiv{
	from{right:-2000px}
	to{right:0;}
}
@keyframes showDiv{
	from{right:-2000px}
	to{right:0;}
}
@-webkit-keyframes hideDiv{
	from{right:0px}
	to{right:-2000px}
}
@-moz-keyframes hideDiv{
	from{right:0px}
	to{right:-2000px}
}
@-o-keyframes hideDiv{
	from{right:0px}
	to{right:-2000px}
}
@keyframes hideDiv{
	from{right:0px}
	to{right:-2000px}
}
/*动画结束*/

/*右侧弹出动画结束*/

/* 显示信息弹层开始 */
.detailed-information {
	height: 97%;
}
.detailed-information .detailed-information-btn .btn {
	width: 58px;
	height: 25px;
	line-height: 25px;
	margin: 20px auto 0;
}
/* 显示信息弹层结束 */