@charset "utf-8";
	* {
	margin:0;
	padding:0;
}
ol,ul {
	list-style:none
}
a {
	text-decoration:none
}
button,input,select,textarea {
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
html {
	height:100%;
}
body {
	min-height:100%;
	position:relative;
	padding-bottom:200px;
	background:url(../image/index/bg.png) no-repeat left top #edf1f7;
}
.cf:after {
	content:'\0020';
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.fl {
	float:left
}
.fr {
	float:right
}
.pr {
	position:relative
}
.common_w {
	width:1200px;
	margin:0 auto;
}
[v-cloak] {display: none;}
.coperight {
	width:100%;
	font-size:13px;
	color:#fff;
	position:absolute;
	bottom:0;
	line-height:180%;
	left:0;
	right:0;
	height:90px;
	background:url(../image/index/footer.jpg) no-repeat center;
}
.coperight p {
	margin:0;
	padding:20px 0;
	text-align:center;
}

::-webkit-input-placeholder{color: #bbb;}
.header{padding:20px 0;}
.head_left a{width:185px;height:40px;background:url(../image/index/logo.png) no-repeat center;}
.head_left span{font-size:18px;height:40px;line-height:40px;color:#fff;padding-left:10px;margin-left:10px;position:relative;}
.head_left span:after{content:'';width:1px;height:26px;background-color:#99ccff;position:absolute;left:0;top:50%;margin-top:-13px;}
.head_left{margin-right:58px;}
.top_nav{padding:5px 0;height:30px;}
.top_nav a.fl{height:30px;line-height:30px;color:#fff;margin-right: 18px;min-width: 64px;text-align: center;font-size:16px;border-radius:30px;}
.top_nav a.fl:hover,.top_nav a.active{background-color:#0066cc;}
.head_right,.head_right .head_right_no a{color:#fff;font-size:16px;}
.head_right{height:40px;line-height: 40px;cursor:pointer;}
.head_right .head_right_no a:hover{color:yellow;}
.head_right img{width:30px;height:30px;display:block;margin-right:10px;border-radius:50%;margin-top:5px;cursor:pointer;}
.head_right span{font-size:14px;}
.top_user_action{width:100px;border-radius:5px;padding:10px 0;position:absolute;top:39px;left:0;z-index:1;background: #FFFFFF;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.top_user_action i{width:14px;height:7px;background:url(../image/sanjiao_w.png) no-repeat center;background-size:100%;position:absolute;left:50%;margin-left:-7px;
	top:-7px;z-index:2;}
.top_user_action a{display:block;height:30px;line-height:30px;text-align:center;font-size: 12px;color: #333333;}
.top_user_action a:hover{background-color:#09C7F7;color:#fff;}
/*顶部结束*/
.banner{padding-top:55px;}
.banner_left{width:960px;height:360px;border-radius:6px;overflow:hidden;}
.banner_left img{width:100%;height:100%;}
.top_login{background-color:#fff;width:220px;border-radius:6px;height:271px;box-sizing:border-box;padding-top:40px;}
.create_btn a{display:block;width:220px;height:65px;background:url(../image/index/c_btn.png) no-repeat center;}
.create_btn a:hover{background:url(../image/index/c_btn_hover.png) no-repeat center;}
.create_btn{padding-top:24px;}
.head_img img{width:63px;height:63px;border-radius:50%;display:block;margin:0 auto;}
.no_login p{padding-top:30px;text-align:center;font-size:14px;line-height: 28px;color:#999;}
.no_login .login{width:140px;height:30px;line-height: 30px;display:block;margin:0 auto;border:1px solid #3aa7f1;color:#3aa7f1;border-radius:30px;text-align:center;font-size:14px;box-sizing:border-box;
margin-top:20px;}
.no_login .login:hover{background-color:#3aa7f1;color:#fff;}
.has_login p{padding-top:20px;text-align:center;color:#999;font-size:14px;}
.has_login .my_class{padding-top:30px;}
.my_class dd{font-size:14px;padding-top:8px;text-align:center;}
.my_class a{color:#999;}
.my_class a:hover{color:#188eee;}
.my_class dl{width:60px;}
.my_class dl:first-child{margin-right:25px;margin-left:35px;}
.my_class dl dt img{display:block;margin:0 auto;}
.top_login i{width:92px;height:72px;background:url(../image/index/banner_right4.png) no-repeat center;position:absolute;left:50%;margin-left:-46px;top:-72px;z-index:-1;}

.floor{margin-top:60px;}
.common_title{height:35px;margin-bottom:15px;}
.common_title h1{font-size:24px;color:#333;font-weight:normal;padding-left:45px;height:35px;line-height:42px;}
.common_title a{font-size:14px;height:29px;line-height:29px;border-radius:5px;padding:0 13px;margin-top:3px;color:#666;border:1px dashed #ccc;box-sizing:border-box;}
.common_title a:hover{color:#333;border:1px dashed #666;}
.common_title .icon1{background:url(../image/index/title3.png) no-repeat left center;}
.common_title .icon2{background:url(../image/index/title1.png) no-repeat left center;}
.common_title .icon3{background:url(../image/index/title4.png) no-repeat left center;}
.common_title .icon4{background:url(../image/index/title2.png) no-repeat left center;}
.works_box dl{width:225px;background-color:#fff;border-radius:6px;overflow:hidden;margin-right:18.75px;margin-bottom:18px;float:left;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);}
.works_box dl:nth-child(5n){margin-right:0;}
.works_box dl dt{width:225px;height:160px;overflow:hidden;}
.works_box dl dt .poster_img{background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;width:225px;height:160px;transition: all 0.4s ease;}
.works_box dl dt .poster_img:hover{transform: scale(1.2);}
.works_box dl dd{padding:10px;}
.works_box dl dd .works_name{font-size:14px;margin-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.works_name a{color:#666;}
.works_name a:hover{color:#188eee;}
.works_box .user_action span{height:20px;line-height:20px;font-size:12px;color:#999;}
.works_box .user_action i{width:20px;height:20px;background:url(../image/index/zan.png) no-repeat center;margin-right:3px;}
.works_box .user_action span.look{margin-right:10px;}
.works_box .user_action i.look_icon{background:url(../image/index/look.png) no-repeat center;}
.works_box .user_info img{width:20px;height:20px;border-radius:50%;margin-right:8px;}
.works_box .user_info span{font-size:12px;color:#999;height:20px;line-height:20px;}
.works_box .user_info{padding-top:8px;}

.layer{background-color:rgba(0,0,0,0.2);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;}
.login_box{width:315px;background-color:#fff;border-radius:6px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;padding:30px;height:280px;}
.login_box h1{font-size:20px;color:#333;text-align:center;margin-bottom:35px;}
.login_box i{color:#999;width:30px;height:30px;line-height:30px;text-align:center;font-style:normal;cursor:pointer;font-size: 22px;position: absolute;right: 22px;top: 28px;}

.login_box input{width:100%;height:45px;border-radius:30px;border:1px solid #3ca0fa;box-sizing:border-box;padding-left:40px;font-size:14px;}
.login_box input.bg1{background:url(../image/index/input_icon1.png) no-repeat 20px center;}
.login_box input.bg2{background:url(../image/index/input_icon2.png) no-repeat 20px center;}
.login_box ul li{margin-bottom:25px;}
.login_box button{color:#fff;background-color:#3ca0fa;border-radius:30px;height:45px;width:100%;border:0;cursor:pointer;font-size:16px;}