@charset "utf-8";
/*重置*/
body,h1,h2,h3,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
button,input,select,textarea{border:none; margin:0;outline:none; padding:0;background: none;}
h1,h2,h3{ font-weight:normal;}
img{ border:none;}
a{text-decoration:none; outline:none;}
body{ font:14px/1.5; font-family:"Microsoft YaHei";}
li{ list-style-type:none;}
body{ background-color:#faf8f5; }

/*清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}

/*顶部*/
.wid_main{
	width: 1200px; 
	margin:0 auto;
}
.top_line{
	height: 36px;
	background-color: #111111;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 1000;
}
.top_line h2{
	float: left;
	font-size: 12px;
	color: #ccc;
	line-height: 36px;
}
.top_line .right {
	float: right;
}
.top_line .right p{
	font-size: 12px;
	color: #ccc;
	display: inline-block;
	margin-right: 16px;
	position: relative;
	line-height: 36px;
}
.top_line .right p a{
	margin-right: 6px;
}
.top_line .right p a>img{
	vertical-align: middle;
	margin-top: -5px;
	opacity: .8;
}
.top_line .right p a>b{
	position: absolute;
	border:#111 solid 1px;
	background-color: #fff;
	padding:4px;
	border-radius: 5px;
	right: -28px;
	top: 42px;
	display: none;
	z-index: 99;
}
.top_line .right p a>b i{
	font-size: 24px;
	font-style: normal;
	position: absolute;
	color: #fff;
	top: -18px;
	left: 35px;
}
.top_line .right p a>b img{
	width: 80px;
	height: 80px;
	display: block;
}
.top_line .right p a>b i:first-child{
	color: #111;
}
.top_line .right p a:hover img{
	opacity: 1;
	cursor: pointer;
}
.top_line .right p a:hover b{
	display: block;
}
.top_line .right span{
	font-size: 12px;
	color: #fff;
	opacity: .8;
	margin-left: 15px;
	cursor: pointer;
}
.top_line .right span a{
	font-size: 12px;
	color: #fff;
}
.top_line .right span img{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 5px;
}
.top_line .right span:hover{
	opacity: 1;
}

/*logo*/
.top_logo{
	height: 150px;
	background: url(../images/logobox_bg.jpg) no-repeat center center;
	overflow: hidden;
	margin-top: 36px;
}
.top_logo a{
	display: inline-block;
	margin-top: 26px;
	animation:top_logo 2s forwards;
	-webkit-animation:top_logo 2s forwards;
	-ms-animation:top_logo 2s forwards;
	-moz-animation:top_logo 2s forwards;
	-o-animation:top_logo 2s forwards; 
}
@keyframes top_logo{
	0% {  margin-left:-50px;}
	100%{ margin-left:0;}
}
@-webkit-keyframes top_logo{
	0% {  margin-left:-50px;}
	100%{ margin-left:0;}
}
@-moz-keyframes top_logo{
	0% {  margin-left:-50px;}
	100%{ margin-left:0;}
}
@-o-keyframes top_logo{
	0% {  margin-left:-50px;}
	100%{ margin-left:0;}
}
.top_logo span{ 
	float: right; 
	margin-top: 6px;
	animation:top_logogq 2s forwards;
	-webkit-animation:top_logogq 2s forwards;
	-ms-animation:top_logogq 2s forwards;
	-moz-animation:top_logogq 2s forwards;
	-o-animation:top_logogq 2s forwards; 

}
@keyframes top_logogq{
	0% {  margin-right:-30px;}
	100%{ margin-right:20px;}
}
@-webkit-keyframes top_logogq{
	0% {  margin-right:-30px;}
	100%{ margin-right:20px;}
}
@-moz-keyframes top_logogq{
	0% {  margin-right:-30px;}
	100%{ margin-right:20px;}
}
@-o-keyframes top_logogq{
	0% {  margin-right:-30px;}
	100%{ margin-right:20px;}
}

/*导航*/
.top_nav{
	border-top: #111 solid 1px;
	height: 50px;
	background-color: #faf8f5;
}
.top_nav .wid_main{
	position: relative;
	z-index: 5;
}
.top_nav .nav_bg_cur{
	position: absolute;
	left: 15px;
	top: 5px;
}
.top_nav ul li{
	float: left;
	line-height: 50px;
	width: 133.3333px;
	position: relative;
}
.top_nav ul li>a{
	display: block;
	text-align: center;
	color: #111;
	font-size: 16px;
	transition: all .2s;
}
.top_nav ul li.current-menu-item{
	background-color: #111111;
}
.top_nav ul li.current-menu-item>a{
	color: #fff;
	text-indent: 1em;
	position: relative;
	z-index: 5;
}
.top_nav ul li.current-menu-item>a i{
	display: inline-block;
	width: 15px;
	height: 40px;
	vertical-align: middle;
	background:url(../images/icon_nav.png) no-repeat center center;
	margin: -4px 10px 0 15px;
}
.top_nav ul li:hover>a{
	color: #fff;
	text-indent: 1em;
}
.top_nav ul li .sub-menu{
	background-color: #111;
	text-align: center;
	padding:10px 0;
	display: none;
	position: absolute;
	width: 100%;
	opacity: .9;
}
.top_nav ul li .sub-menu li{
	line-height: 40px;
}
.top_nav ul li .sub-menu li a{
	font-size: 14px;
	color: #fff;
	display: block;
	transition: all .2s;
}
.top_nav ul li .sub-menu li a:before{
	content: "·"; margin-right: 5px;
}
.top_nav ul li .sub-menu li a:hover{
	color: #faa528;
	text-indent: 1em;
}

/*banner*/
.banner{ width:100%;height: 690px; overflow:hidden;position: relative; }
.banner .hd{ overflow:hidden; position:absolute; right:0; bottom:36px; width: 100%; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; text-align: center;}
.banner .hd ul li{margin:0 10px; display: inline-block; width:14px; height:14px; 
	border:#fff solid 2px; cursor:pointer; border-radius: 50%;
	transition: background .7s;
}
.banner .hd ul li.on{ background:#fff; }
.banner .bd{ position:relative; z-index:0; width: 1920px;left: 50%; margin-left: -960px; }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{width: 100%; height: 690px; display:block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:80px; top:45%; display:block; filter:alpha(opacity=80);opacity:0.7;}
.banner .next{ left:auto; right:80px;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=90);opacity:.9;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }

/*学会公告比赛公告*/
.xhgg_box{
	height: 500px;
	background: url(../images/sy_gongg_bg.jpg) no-repeat center center;
}
.xhgg_box .xhgg{
	padding-top: 20px;
}
.xhgg_box .xhgg h2{
	display: inline-block;
	vertical-align: middle;
	height: 46px;
	width: 130px;
	background-color:#333;
	color: #faa528;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
	border-radius: 5px;
	text-indent: .3em;
}
.xhgg_box .xhgg .scrolltxt{
	height: 46px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	margin-left: 12px;
}
.xhgg_box .xhgg .scrolltxt ul{
	line-height: 46px;
}
.xhgg_box .xhgg .scrolltxt ul li a{
	color: #333;
	font-size: 18px;
}
.xhgg_box .xhgg .scrolltxt ul li a:hover{
	color: #faa528;
}
.xhgg_box .xhgg .scrolltxt ul li span{
	font-size: 14px;
	color: #999;
	margin-left: 70px;
}

/*比赛公告和快捷入口*/
.xhgg_box .bsggbox{
	
}
.index_title{
	overflow: hidden;
	padding:30px 0 20px 0;
}
.index_title h2{
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #111;
	line-height: 40px;
}
.index_title h2 i{
	display: inline-block;
	vertical-align: middle;
	background: url(../images/icon_tit.png) no-repeat center center;
	height: 40px;
	width: 15px;
	margin-top: -4px;
	margin-right: 10px;
}
.index_title_w h2{
	color: #fff;
}
.index_title_w h2 i{
	background: url(../images/icon_nav.png) no-repeat center center;
}
.index_title a{
	float: right;
	font-size: 14px;
	color: #666;
	border-left: #666 solid 3px;
	height: 16px;
	line-height: 16px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 12px;
}
.index_title a:hover{
	color: #faa528;
	border-color: #faa528;
}
.xhgg_box .bsggbox .bsgg{
	width: 870px;
	float: left;
}
.bshx_pic{ width:450px; height:300px; overflow:hidden; position:relative;float: left; }
.bshx_pic .bd{ position:relative; height:100%; z-index:0;   }
.bshx_pic .bd li{ zoom:1; vertical-align:middle;position: relative; }
.bshx_pic .bd img{ width:450px; height:300px; display:block;}
.bshx_pic .bd li h2{ position: absolute; bottom: 0; background-color: rgba(0,0,0,.6); 
	line-height: 50px; width: 420px; padding: 0 15px; overflow: hidden;
}
.bshx_pic .bd li h2 p{font-size: 16px; color: #fff;float: left; max-width: 330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bshx_pic .bd li h2 span{float: right; font-size: 14px; color: #fff;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.bshx_pic .prev,
.bshx_pic .next{    
	position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.bshx_pic .next{ 
	left: auto;
    right: 3%;
    background-position: 8px 5px;
}
.bshx_pic .prev:hover,
.bshx_pic .next:hover{filter: alpha(opacity=90); opacity: 0.9;}
.bshx_pic .prevStop{ display:none;  }
.bshx_pic .nextStop{ display:none;  }

.xhgg_box .bsgg .bsgg_txt{
	float: right;
	width: 400px;
}
.xhgg_box .bsgg .bsgg_txt ul li{
	border-bottom: #666 solid 1px;
	overflow: hidden;
	line-height: 36px;
	margin-top: 7px;
}
.xhgg_box .bsgg .bsgg_txt ul li:first-child{
	margin-top: -2px;
}
.xhgg_box .bsgg .bsgg_txt ul li a{
	font-size: 16px;
	color: #666;
	float: left;
	width: 310px;
	white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.xhgg_box .bsgg .bsgg_txt ul li span{
	font-size: 12px;
	color: #999;
	float: right;
}
.xhgg_box .bsgg .bsgg_txt ul li a:before{
	content: "·";
	font-size: 30px;
	margin-right: 3px;
	display: inline-table;
	line-height: 20px;
	vertical-align: middle;
	margin-top: -4px;
}
.xhgg_box .bsgg .bsgg_txt ul li a:hover{
	color: #faa528;
}
.xhgg_box .bsgg .bsgg_txt ul li:hover{
	border-bottom-color: #faa528;
}
/*快捷入口*/
.xhgg_box .bsggbox .kjrk{
	width: 300px;
	float: right;
}
.xhgg_box .bsggbox .kjrk ul{
	padding-top: 1px;
}
.xhgg_box .bsggbox .kjrk ul li{
	width:300px;
	background-color: #333;
	text-align: center;
	height: 70px;
	line-height: 70px;
	border-radius: 10px;
	margin-top: 30px;
}
.xhgg_box .bsggbox .kjrk ul li:first-child{
	margin-top: 13px;
}
.xhgg_box .bsggbox .kjrk ul li a{
	display: block;
	color: #faa528;
	font-size: 24px;
	cursor: pointer;
	transition: all .5s;
}
.xhgg_box .bsggbox .kjrk ul li img{
	margin-right:10px;
	vertical-align: middle;
	margin-top: -4px;
}
.xhgg_box .bsggbox .kjrk ul li:hover{
	background-color: #111;
}
.xhgg_box .bsggbox .kjrk ul li:hover a{
	text-indent: .5em;
}

/*学会简介*/
.aboutbox{
	background-color: #333;
	padding-bottom: 60px;
}
.abouttxt{ 
	overflow: hidden; 
}
.abouttxt .txt{
	float: left;
	width: 580px;
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	text-indent: 2em;
}
.abouttxt .txt *{
	margin-bottom: 20px;
}
.abouttxt .txt a{
	display: block;
	width: 236px;
	height: 56px;
	border-radius: 5px;
	border:#faa528 solid 2px;
	font-size: 18px;
	color: #faa528;
	text-align: center;
	line-height: 56px;
	text-indent: 0;
	margin-top: 30px;
	margin-bottom: 0;
	transition: all .2s;
}
.abouttxt .pic{
	float: right;
	width: 600px;
}
.abouttxt .pic img{
	display: block;
	width: 600px;
	height: 400px;
}
.abouttxt .txt a:hover{
	background-color: #faa528;
	color: #fff;
	text-indent: .5em;
}

/*会员风采*/
.vipshowbox{
	background: url(../images/sy_vip_bg.jpg) no-repeat center center;
	height: 882px;
}
/* 本例子css */
.vipshow_pic{ overflow:hidden; position:relative; width:1200px; margin-top: -12px;}
.vipshow_pic .hd{ overflow:hidden;  height:26px;}
.vipshow_pic .hd .prev,.vipshow_pic .hd .next{ display:block;  width:40px; height:26px; float:right; overflow:hidden;
	 cursor:pointer; background-color: #333; text-align: center; line-height: 26px; margin-left: 1px;
}
.vipshow_pic .hd .prev img,.vipshow_pic .hd .next img{ width: 6px; }
.vipshow_pic .hd .prev:hover,.vipshow_pic .hd .next:hover{ background-color: #faa528; }
.vipshow_pic .bd{ overflow:hidden; width: 1216px; margin-left: -7px;  }
.vipshow_pic .bd ul{ overflow:hidden; zoom:1; width:304px;  float:left; _display:inline; }
.vipshow_pic .bd ul li{ margin:7px 7px; float:left; _display:inline; overflow:hidden; 
	text-align:center; position: relative; width: 290px; height: 350px;
}
.vipshow_pic .bd ul li .pic{ width: 290px; height: 350px; }
.vipshow_pic .bd ul li .pic img{ display: block; width: 290px; height: 350px;}
.vipshow_pic .bd ul li .txt{ position: absolute; top: 294px; left: 0; width: 290px; height: 350px; 
	background-color: rgba(0,0,0,.7); transition: all .3s;
}
.vipshow_pic .bd ul li .txt h3{ line-height: 56px; height: 56px; overflow: hidden; font-size: 18px; color: #fff; transition: all .3s;}
.vipshow_pic .bd ul li .txt p{ font-size: 14px; color: #faa528; line-height: 24px; width: 210px; margin:0 auto; 
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height: 70px;
}
.vipshow_pic .bd ul li .txt a{ display: block; width: 200px; height: 38px; border-radius: 50px; 
	border:#faa528 solid 1px; line-height: 38px; margin:30px auto; color: #faa528; transition: all .2s;
}
.vipshow_pic .bd ul li:hover .txt{
	top: 0;
}
.vipshow_pic .bd ul li:hover .txt h3{
	color: #faa528;
	margin:56px 0 16px;
}
.vipshow_pic .bd ul li .txt a:hover{
	background-color: #faa528;
	color: #fff;
	text-indent: .5em;
}

/*视频节目*/
.videobox{padding-bottom: 56px;}
.video_list{ width:1200px; }
.video_list .parHd{ height:36px; line-height:36px; position:relative; margin-bottom: 20px;margin-top: -56px;}
.video_list .parHd ul{ float:left; position:absolute; right:0px; top:0px; height:36px;   }
.video_list .parHd ul li{ float:left;width: 100px; height: 36px; cursor:pointer;  text-align: center; margin-left: 10px;}
.video_list .parHd ul li a{ display: block; font-size: 16px; color: #faa528; background-color: #333; }
.video_list .parHd ul li.on a{ color: #fff; background-color: #faa528;}
.video_list .slideBox{ overflow:hidden; zoom:1; position:relative;   }

.video_list .parBd ul{ overflow:hidden; zoom:1;   }
.video_list .parBd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;width: 390px; }
.video_list .parBd ul li span{ display: block; width: 390px; height: 260px; background-color: #000; position: relative;}
.video_list .parBd ul li span img{ display: block; width: 100%; height: 100%; transition: all .2s;}
.video_list .parBd ul li h2{ font-size: 18px; color: #333; height: 56px; line-height: 56px; transition: all .2s; 
	background-color: #eee; padding:0 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.video_list .parBd ul li span i{position: absolute; top: 50%; left: 50%; margin-left: -36px;  margin-top: -36px;
	width: 72px; height: 72px; background: url(../images/play_btn.png) no-repeat center center;
}
.video_list .parBd ul li:hover h2{ background-color: #333; color: #faa528; }
.video_list .parBd ul li:hover span img{opacity: .8;}

/*最新动态*/
.newsbox{
	background: url(../images/sy_news_bg.png) no-repeat bottom 5px right -20px;
	background-color: #eee;
	padding-bottom: 30px;
}
.newsbox ul{
	overflow: hidden;
	width: 1222px;
	margin-left: -10px;
}
.newsbox ul li{
	float: left;
	width: 590px;
	border-bottom: #999 solid 1px;
	padding-bottom: 10px;
	margin:0 10px 20px;
}
.newsbox ul li a{
	display: block;
	overflow: hidden;
}
.newsbox ul li i{
	float: left;
	width: 180px;
	height: 120px;
	overflow: hidden;
}
.newsbox ul li i img{
	display: block;
	width: 180px;
	height: 120px;
	transform: scale(1,1);
	transition: transform .2s;
}
.newsbox ul li div{
	float: right;
	width: 400px;
	height: 120px;
	overflow: hidden;
}
.newsbox ul li div h2{
	font-size: 20px;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newsbox ul li div p{
	font-size: 16px;
	color: #666;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin:12px 0 14px;
	height: 46px;
}
.newsbox ul li div span{
	font-size: 14px;
	color: #999;
}
.newsbox ul li:hover{
	border-color: #faa528;
}
.newsbox ul li:hover h2{
	color: #faa528;
}
.newsbox ul li:hover img{
	transform: scale(1.05,1.05);
}

/*footer*/
.footerbox{
	background-color: #111;
}
.footerbox .link{
	border-bottom: #666 solid 1px;
	padding: 20px 0;
}
.footerbox .link h2{
	font-size: 20px;
	color: #ccc;
	line-height: 36px;
	margin-top: 6px;
}
.footerbox .link h2 span{
	color: #faa528;
	border-bottom: #faa528 solid 2px;
	display: inline-block;
}
.footerbox .link ul{
	overflow: hidden;
	margin-top: 20px;
}
.footerbox .link ul li{
	float: left;
	margin-right: 32px;
	line-height: 32px;
}
.footerbox .link ul li a{
	font-size: 16px;
	color: #ccc;
}
.footerbox .link ul li:hover a{
	color: #faa528;
}

.footbox{ padding: 50px 0 40px; }
.footbox .left{float: left;}
.footbox .left .foot_logo{opacity: .8;}
.footbox .left ul{ margin-top: 26px; }
.footbox .left ul li {line-height: 32px;}
.footbox .left ul li img{vertical-align: middle; margin:0 5px;}
.footbox .left ul li span{ font-size: 14px; color: #aaa; }
.footbox .right{float: right;}
.footbox .right div{
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.footbox .right div dl{
	float: left;
	margin-right: 30px;
}
.footbox .right div dl dt{
	margin-bottom: 12px;
}
.footbox .right div dl dt a{
	font-size: 16px;
	color: #aaa;
}
.footbox .right div dl dd {
	line-height: 30px;
}
.footbox .right div dl dd a{
	font-size: 14px;
	color: #777;
}
.footbox .right div dl dd a:hover{
	color: #aaa;
}
.footbox .right h3{
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.footbox .right h3 img{
	width: 150px;
	height: 150px;
}
.footbox .right h3 p{
	font-size: 16px;
	line-height: 24px;
	color: #aaa;
}
.foot_xx{ text-align:  center; line-height: 50px; color: #aaa; font-size: 14px; border-top:#666 solid 1px; }
.foot_xx a{ color: #aaa; }
.foot_xx a:hover{ color: #ddd; }

/*侧边浮框*/
.side_box{ position: fixed; bottom: 30%; right: 10px; display: none;}
.side_box ul li{ text-align: center; margin-top: 14px; }
.side_box ul li span{display: inline-block; width: 54px; height: 54px; background-color: #333; position: relative; border-radius: 50%;}
.side_box ul li span img{ 
	position: absolute; 
	left: 50%; top: 50%; 
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.side_box ul li p{ font-size: 14px; color: #333; margin-top: -3px;}
.side_box ul li:hover span{ background-color: #faa528; cursor: pointer;}
.side_box ul li:hover p{color: #faa528;}

.side_box ul li.sidewx {
	position: relative;
}
.side_box ul li.sidewx i{
	position: absolute;
	width: 0;
	height: 0;
	bottom: 5px;
	right: 60px;
	overflow: hidden;
	transition: all .3s;
}
.side_box ul li.sidewx i img{
	width: 100%;
	height: 100%;
}
.side_box ul li.sidewx:hover i{
	width: 140px;
	height: 140px;
	border:#faa528 solid 1px;
	padding: 5px;
	background-color: #faf8f5;
}

/*登录弹框*/
.login_box{
	position: relative;
	position: fixed;
	top:0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: none;
}
.login_box .login{
	width: 680px;
	height: 420px;
	border-radius: 10px;
	background-color: #333;
	position: absolute;
	left: 50%;
	top:0;
	margin-left: -340px;
	margin-top: -210px;
	overflow: hidden;
	/*transform会导致IE9下input失去光标*/
}
.login_box .login i{
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 36px;
	cursor: pointer;
}
.login_box .login i img{
	display: block;
	margin:8px auto;
}
.login_box .login i:hover{
	background-color: #111;
}
.login_box .login form{
	width: 420px;
	margin:0 auto;
}
.login_box .login form h3{
	color: #fff;
	font-size: 18px;
	margin:38px 0;
}
.login_box .login form h3 span{
	color: #faa528;
}
.login_box .login form>div{
	border:transparent solid 1px;
	height: 48px;
	line-height: 48px;
	background-color: #666666;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
.login_box .login form>div span{
	float: left;
	width: 60px;
	height: 48px;
	opacity: .8;
}
.login_box .login form>div span img{
	display: block;
	margin:12px auto;
}
.login_box .login form>div input{
	float: left;
	width: 270px;
	height: 48px;
	font-size: 16px;
	color: #fff;
	font-family: "微软雅黑";
}
.login_box .login form>div.yzm input{
	width: 230px;
}
.login_box .login form>div a{
	float: right;
	font-size: 14px;
	color: #bbb;
}
.login_box .login form>div a:hover{
	color: #fff;
}
.login_box .login form>div.yzm a{
	width: 120px;
	height: 38px;
	overflow: hidden;
	border-radius: 5px;
	margin:5px 4px;
}
.login_box .login form>div.yzm a img{
	width: 120px;
	height: 38px;
	display: block;
}
.login_box .login form p{
	margin-top: 30px;
}
.login_box .login form p button{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	font-family: "微软雅黑";
	width: 210px;
	height: 50px;
	background-color: #faa528;
	border-radius: 5px;
	cursor: pointer;
	transition: all .2s;
}
.login_box .login form p button:hover{
	text-indent: .5rem;
}
.login_box .login form p a{
	color: #fff;
	font-size: 16px;
	float: right;
	line-height: 50px;
}
.login_box .login form p a:hover{
	text-decoration: underline;
}
.login_box .login form>div:hover{
	border-color: #faa528;
	background-color: #333;
}
.login_box .login form>div:hover span{
	opacity: 1;
}