billiards-server/public/assets/websize/css/index.css

html{color:#000;background:#fff; }
body { color:#666;font-size:12px; overflow-x:hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style: none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:24px; color:#000;}
h3 { font-size:20px; color: #fff; text-align: center; margin-bottom: 50px; font-size: 36px;}
h4 { font-size:14px;}
h5 { font-size:12px; font-weight:500;}
h6 { font-size:10px;}
 /*for ie f6n.net*/
a{ text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
p{ word-spacing:-1.5px;}
h2 a:hover{ text-decoration: none;}
textarea{ resize:none;}
em{ font-style: normal;}
		
.title_top{
	position: fixed;
	left: 0;
	top: 0;
	background: #f8fffa;
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	min-width: 1440px;
	z-index: 999;
}

.title_navigation{
	width: 1000px;
	display: flex;
	justify-content: space-between;
}

.title_navigation div{
	font-size: 16px;
}

.title_navigation div a{
	color: #000;
}

.ad{
	position: relative;
	height: 600px;
}

.back{
	width: 100%;
	background: #1bb188;
	display: flex;
	justify-content: center;
	min-width: 1440px;
	overflow: hidden;
}

.back_nei{
	padding-top: 50px;
}

.back_nei_item{
	width: 1440px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.back_nei_item div{
	width: 30%;
	height: 250px;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
}

.back_nei_item_text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	color: #fff;
	font-size: 18px;
	background: rgba(0, 0, 0, 0.6);
}

.back_nei_item div img{
	width: 100%;
	height: auto;
}

.recruit{
	display: flex;
	align-items: center;
}

.recruit_text{
	margin-top: 20px;
	border-radius: 15px;
	background-color: #fdf7f7;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 30px 300px 0px 40px;
}

.recruit_text div{
	width: 30%;
	color: #13a08b;
	font-size: 22px;
	padding-bottom: 30px;
}

.my{
	width: 100%;
	background: #b1b1b1;
	margin-top: 100px;
	padding: 20px 50px;
	box-sizing: border-box;
}

.my_text{
	display: flex;
	justify-content: space-between;
}
.my_text div{
	flex: 1;
	color: #fff;
}
.edit_shop{
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	font-size: 22px;
	margin-left: 180px;
}
.edit_shop_item{
	width: 400px;
	height: 60px;
	font-size: 15px;
	background: #fff;
	color: #13a08b;
	margin-bottom: 15px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: default;
}
.edit_shop_item:hover{
	width: 400px;
	height: 60px;
	font-size: 15px;
	background: #fff;
	color: #13a08b;
	margin-bottom: 15px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #555;
}
.edit_shop_item span{
	font-size: 18px;
	font-weight: 600;
}

.edit_shop_left{
	/* height: 300px; */
}

.edit_shop_right{
	/* height: 300px; */
}

.edit_shop_center img{
	width: 250px;
}

.join_top{
	
}

.join_flowPath{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.join_flowPath_div{
	width: 25%;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	margin-bottom: 50px;
}

.join_flowPath_div span{
	font-weight: 600;
	font-size: 25px;
	width: 100%;
	display: block;
}
.join_flowPath_div img{
	width: 64px !important;
	margin: 0 20px;
}

.an{ width:100%;}
.an-nei{ width:1200px; margin: 0 auto; text-align:center;box-sizing:border-box;}
.biao-an{font-weight:500; font-size:36px;color:#000;}
.biao-an p{ letter-spacing:4px; font-size:16px;color:#666666;}


		.picScroll-left{ position:relative; margin-top:48px;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:50px; height:50px; float:right; margin-right:5px; margin-top:10px;
			 cursor:pointer;}
		.picScroll-left .prev,
		.picScroll-left .next{ position:absolute; right:-8%; top:45%; display:block; filter:alpha(opacity=50);opacity:0.5;}
		.picScroll-left .next{ left:auto; left:-8%; background-position:8px 5px; }
		.picScroll-left .bd ul li{ width:385px; _display:inline; text-align:center; margin-right:23px; position: relative;}
		.picScroll-left a{ display:block; text-decoration:none;}
		.picScroll-left .bd ul li .pic{ text-align:center; height: 250px; overflow: hidden;}
		.picScroll-left .bd ul li .pic img{ width: auto; height:100%;display:block;}
		.picScroll-left .bd ul li .title{
			width: 100%;
			position: absolute;
			bottom: 0;
			background: rgba(0, 0, 0, 0.6);
		}
		.picScroll-left .bd ul li .title h4{ font-size:20px; color:#fff; text-align:center; overflow:hidden; margin-bottom:10px;}
		.picScroll-left .bd ul li .title a{ padding:20px; font-size:14px; color:#fff; text-align:left; line-height:24px; display:block; }
		.picScroll-left .bd ul li .title span{ color:#ec7f18; display:block; margin-top:10px;}