@charset "utf-8";
/* CSS Document */
body{background:#e5e5e5;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;color:#333333;}
html,body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,img,div{margin:0;padding:0;}
html,body { height: 100%;}
img{border:0 none;}
ol,ul {list-style:none;}
a {text-decoration: none;}
a:link {color: #333333;}
a:visited {color: #333333;}
a:hover {color: #ff0000;}
a:active {color: #333333;}
a:focus,*:focus {outline:none;}
button, input[type="button"], input[type="submit"], input[type="reset"] { border: 0 none; font-size: inherit; font-family: inherit}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="number"]{
	-moz-appearance: textfield;
}
input[readonly] {
	background-color: #efefef;
	color: #999999;
	cursor: auto;
}
.left,.right{display:inline;}
.left{float:left;}
.right{float:right;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1; /* for ie6 & ie7 */}
.clear {clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
.hide {display:none;}
.block {display:block;}
.wrap{width:1020px;margin:0px auto;}
.font16 { font-size: 16px;}
.font14 { font-size: 14px;}
.font13 { font-size: 13px;}
.font12 { font-size: 12px;}
.color333{color:#333;}
.color666{color:#666;}
.color999{color:#999;}
.red{color:red;}
.red-light{color:#df3d3e;}
.text-center { text-align: center;}

.revbg{background: #e5e5e5;}
.cinfo-btn, a.cinfo-btn { display: inline-block; width: 103px; height: 35px; line-height: 35px; text-align: center; background: url(../images/cmlogin-btn.png) no-repeat; background-size: cover; color: #3f240a; cursor: pointer;}
a.cinfo-btn:hover { color: #3f240a;}
/* header */
.rev-top{width:100%; min-width:1020px; height:210px; margin:auto; background:url(../images/revbanner.jpg) no-repeat center;}
.rev-logo{width:1000px; height:210px; margin:auto; text-align:right; line-height:30px;}
.my-account{display:inline-block;position:relative;cursor:pointer;}
.my-nav{display:none;position:absolute;top:30px;right:0px;border-top:1px solid #ccc;background:#fff;}
.my-nav li{width:65px;text-align:left;border:1px solid #ccc;border-top:none;height:26px;line-height:26px;}
.my-nav li a{padding-left:6px;display:block;width:60px;color:#333;font-size:13px;}
.my-nav li a:hover{color:red;}

.menu1{width:100%; height:30px; margin:auto;background:url(../images/menubg1.jpg) no-repeat top center;}
.menu1 .nav{width:975px; height:30px; margin: auto;}
.menu1 .nav li{width:88px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; float:left; color:#fff; background:none;}
.menu1 .nav a{color:#fff;}
.menu1 .nav a:hover{color:#fff; text-decoration:none;}
.menu1 .nav li.nav_h, .menu1 .nav li:hover{width:88px; height:30px; background:url(../images/pub_nav_h.png) no-repeat center;}
/* content */
.contbg{width: 100%; min-width:1020px; height:auto; min-height:400px; margin:auto; background:url(../images/contbg.jpg) no-repeat top center; clear:both;}
/* content left */
.pub_cont{position: relative;width:1020px;height:100%;min-height:800px;margin:auto;background:url(../images/pub_leftbg.jpg) repeat-y;clear:both}
.pub_left{width:200px;height:100%;float:left;min-height:800px;background:url(../images/pub_leftcobg.jpg) no-repeat}
.pub_left_all{width:200px;height:100%;min-height:800px;clear:both;background:url(../images/pub_left_end.png) no-repeat bottom}.pub_left_all2{width:200px;height:100%;min-height:400px;clear:both}
.pub_cont .pub_title_reservation{width:200px;height:110px;background:url(../images/pub_left_title_reservation.jpg) no-repeat}
.pub_cont .pub_class_nav{width:200px;}

.first-menu li.menu-title { padding-bottom: 5px;}
.first-menu li a { display: inline-block; width:200px; font-size:14px; line-height:30px; font-weight: bold; color:#8C4600}
.first-menu li a:hover { color:#8C4600}
.first-menu li a .item1 { margin-left: 60px}
.second-menu { display: none;}
.second-menu li a{ display: inline-block; line-height: 26px; font-size:13px; font-weight: normal;}

.second-menu li a:hover { color: #613100;}
.second-menu li a .item1 { margin-left: 80px}
.ftarrow { display: inline-block; background: url(../images/ftarrow.png) no-repeat; background-size: cover; width: 6px; height: 7px; margin-right: 4px; position: relative; top: -2px;}
.active .ftarrow { display: inline-block; background: url(../images/ftarrow1.png) no-repeat; background-size: cover; width: 7px; height: 6px; margin-right: 4px; position: relative; top: -2px;}
/* content right */
.iframe-box { background: #fff;}
.pub_right{position: absolute;top: 0; right: 0; bottom: 0; left: 200px;}
.cont-right { overflow-x: hidden; background: #fff; height: 100%;}
.cont-right .wh{width:800px; height:35px; padding-right:20px; line-height:35px; font-size:12px; background:url(../images/wh.jpg) no-repeat; text-align:right; color:#663300;}
.cont-right .wh a{color:#663300;}
.cont-right .wh a:hover{color:#663300; text-decoration: underline;}
/* footer */
.endbg{width:1000px; height:120px; background:url(../images/endbg.jpg) no-repeat; text-align:center; margin:auto; clear:both;}
.endbg .link_select{width:1000px; height:30px; padding-top:20px; color:#666666;}
.endbg .link_select li.link_left{width:480px; float:left; text-align:right;}
.endbg .link_select li.link_right{width:480px; float:left; text-align:left; margin-left:40px;}
.endbg .link_select select{color:#666666;}
.endbg .copyright{width:1000px; margin:auto; line-height:25px; text-align:center; color:#666666;}
.endbg .copyright a{color:#666666;}
.endbg .copyright a:hover{color:#666666; text-decoration:none;}
#bottombg{width:100%; height:10px; background:url(../images/bottombg.jpg) repeat-x;}
/* login */
.cm-box { padding: 50px 0;}
.cm-title { font-size: 18px; color: #000; text-align: center;}
.login-row { width: 700px; height: auto; min-height: 400px; margin: 0 auto; padding-top: 40px}
.login-left { width: 50%; border-right: 1px solid #dedede; float: left; padding-top: 30px}
.login-right { width: 48%; padding-top: 20px; float: left; text-align: center; }
.login-item { height: 65px;}
.label-text { display: inline-block; float: left; line-height: 32px;}
.input-text { width: 165px; height: 32px; border: 1px solid #a5957e; text-indent: 4px; box-sizing: border-box;}
.login-item label.error { display: block;margin-top: 3px; line-height: 1.2;}
.login-itembtn { text-align: center;}
.login-btn { display: inline-block; width: 103px; height: 35px;  line-height: 35px; text-align: center; background: url(../images/cmlogin-btn.png) no-repeat; background-size: cover; color: #3f240a; cursor: pointer;}
.repwdbox { margin-right: 60px; text-align: right; }
.repwdbox .repwd { display: block; color: #808080; padding-top: 4px; font-size: 13px;}
.repwdbox .repwd:hover { color: #bb8933;}
.reuser { display: inline-block; color: #77350e; margin-top: 16px; border-bottom: 1px solid; font-size: 13px; line-height: 1.5;}
.reuser:hover { color: #bb8933;}
.login-itemmsg { height: 32px; color: red; font-size: 14px;}

.login-one { width: 50%; margin: 0 auto;}
.login-one .label-text { display: inline-block; width: 90px;}
.login-one .input-text { width: 200px;}
.login-itemcode .input-text { width: 95px;}
.code-btn { background: #cda353; width: 95px; height: 34px; color: #fff; vertical-align: top; margin-left: 8px; cursor: pointer;}
.code-btn:disabled { background: #ccc; cursor: auto;}
.login-one .login-itembtn { margin-top: 20px;}
.register-code { text-align: center;}
.qrcode-text { line-height: 2;}
.register-code .reuser { margin-top: 50px;}
.login-rerow { padding-top: 0;}
.login-itemtxt { padding: 25px 0 35px; text-align: center; line-height: 1.8;}

.visitor-box { width: 400px; margin: 40px auto 0;}
.info-row { margin-top: 30px;}
.time-btn { padding: 0 25px; height: 34px; line-height: 34px; background: #fff; border: 1px solid #9a9a9a; border-radius: 40px; margin-right: 10px; cursor: pointer;}
.time-btn.on { background: #cbb080; border: 1px solid #cbb080; color: #fff;}
.sel-txt { line-height: 26px;}
.cm-btn { padding: 0 15px; height: 26px; line-height: 26px; background: #cbb080; color: #fff; margin-left: 10px; cursor: pointer;}
.info-rowbtn { text-align: center; margin-top: 50px;}
.info-tb { width: 100%; border-left: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; text-align: center; margin-top: 20px; font-size: inherit;}
.info-tb th, .info-tb td { padding: 10px; border-right: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9;}
.info-tb th { background: #d1d1d2; font-weight: normal;}
.info-tb a { color: #bb8933; margin: 0 4px; cursor: pointer;}
.info-tb a:hover {  color: #785720;}

.modal-mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0.6;}
.modal-box { display: none; background: #f9f7f2; width: 400px; height: auto; position: absolute; top: 50%; left: 50%; margin-top: -220px; margin-left: -200px; border: 1px solid #c8ae7e;}
.modal-title { background: #c8ae7e; color: #3f240a; height: 45px; line-height: 45px; text-align: center; font-size: 16px;}
.modal-content { padding: 30px 70px 20px;}
.modal-content .login-item { /* padding-bottom: 20px; */}
.modal-content .label-text { display: inline-block; width: 70px;}
.modal-content .login-itembtn { padding-bottom: 0; margin-top: 20px;}
.modal-btn { margin-bottom: 30px; text-align: center;}
.confirm-btn { width: 82px; height: 35px; margin: 0 12px; background: url(../images/confirm-btn.png) no-repeat; background-size: cover; color: #3f240a; cursor: pointer;}
.cancel-btn { width: 82px; height: 35px; margin: 0 12px; background: url(../images/cmcancel-btn.png) no-repeat; background-size: cover; color: #3f240a; cursor: pointer;}

.addmodal-box { margin-top: -280px;}
.addmodal-box { padding-bottom: 0;}
.addmodal-box .login-item { padding-bottom: 0;}
.addmodal-box .label-text { display: inline-block; width: 85px;}
.label-texto { line-height: 1.2;}
/* prompt-box */
.prompt-box { width: 340px; margin: 30px auto 0;}
.prompt-text { color: #df3d3e; line-height: 1.8; margin: 10px;}
.prompt-btn { margin-top: 50px; text-align: center;}
.auto-box { margin: 30px;}
.auto-boxone { margin: 30px auto; width: 450px;}
/* 团队预约 */
.team-row { width: 300px; height: auto; margin: 0 auto; padding-top: 40px}
.team-row .repwd { margin-right: 20px;}
.team-rowbot { text-align: center;}
.register-row{ width: 400px; margin: 40px auto 0;}
.register-row .label-text { width: 86px; text-align: right;}
.register-row .input-text { width: 280px;}
.register-row .login-itembtn { margin-top: 20px;}

.register-row1 { width: 430px;}
.register-row1 .label-text { width: auto; line-height: 32px; text-align: left;}
.prompt-text1 { width: 320px; color: #df3d3e; line-height: 2; margin: 0 auto; margin-top: 30px;}
.row-btn { background: #cda353; padding: 0 20px; height: 34px; color: #fff; vertical-align: top; margin-right: 8px; cursor: pointer;}
.login-itemre .label-text { width: 120px; }
.register-row1 .reuser { margin-top: 0;}

.auto-box1, .auto-box2 { text-align: center; margin-top: 120px;}
.auto-box1 .auto-text { line-height: 2; margin-bottom: 40px;}
.auto-box2 .auto-text { color: #77350e; font-size: 18px;}
.auto-box2 .auto-text1 { color: #000;}

.teamtb-box { margin: 0 40px;}
.search-row { margin-bottom: 15px;}
.search-title { font-size: 18px; font-weight: bold; line-height: 32px;}
.search-box { display: inline-block; border: 1px solid #a5957e;}
.search-box .input-text { border: none;}
.search-btn { height: 34px; line-height: 34px; padding: 0 12px; margin-left: -2px; background: #eadfcc; color: #9b8255; cursor: pointer;}
.search-row  .add-btn, .teamres-row .add-btn { height: 34px; line-height: 34px; padding: 0 12px; background: #cc9f52; color: #fff; cursor: pointer; margin-left: 20px;}

.back-btn { width: 103px; height: 35px; margin: 0 12px; background: url(../images/cmcancel-btn1.png) no-repeat; background-size: cover; color: #3f240a; cursor: pointer;}
.cancelf-box .login-item { width: 180px; margin: 0 auto}
.cinfo-left { display: inline-block; width: 78px;}
.cminfo-box { width: 400px; margin: 30px auto 0;}
.cinfo-p { margin: 30px 0; line-height: 2;}
.pinfo-sp { display: inline-block; width: 130px; float: left;}
.pinfo-sprt { display: block; overflow: hidden;}
.cminfo-box .prompt-text { margin: 0; text-align: left;}

.account-box { width: 300px; margin: 30px auto 0; line-height: 2;}
.ainfo-sp { display: inline-block; width: 76px; float: left;}
.ainfo-sp1 { display: inline-block; width: 88px; float: left;}
.ainfo-sprt { display: block; overflow: hidden;}
.account-btn { margin-top: 40px; text-align: center;}
.account-btn .cinfo-btn { display: inline-block; margin:0 12px;}
.account-box1 { width: 220px; line-height: 1.7;}

.teamres-row { margin: 30px auto 0;}
.teamres-top { width: 350px; margin: 30px auto;}
.teamres-bot { margin: 30px;}
.teamres-btn { margin-top: 50px; text-align: center;}
.teamres-row .label-text { width: 100px;}
.teamres-row .login-item { line-height: 32px;}
.teamres-row .reuser { margin-top: 0; color: #7d3e17}
.rinfo-text1 { color: #cc9f52;}
.teamres-row .add-btn { float: right}
.teamres-row .info-tbbox { height: 200px; overflow: auto; }
.caddmodal-box .label-text { width: 80px; font-size: 13px; vertical-align: middle}
/* calendar */
.calendar-box { width: 80%; height: auto; margin: 40px auto 0;}
.layui-upload-file { display: none}

.bcm-box { padding: 60px 0; width: 1020px; height: auto !important; min-height: 400px; margin: auto;}
.am-textbox { width: 40%; margin: 30px auto; line-height: 1.7;}
.am-textp { line-height: 2;}
.am-btnbox { text-align: center; margin-top: 50px; }
.aminfo-btn, a.aminfo-btn { display: block; width: 148px; height: 38px; line-height: 38px; text-align: center; background: url(../images/bcm-btn.png) no-repeat; background-size: cover; color: #3f240a; cursor: pointer;}
.am-btnbox .aminfo-btn { margin: 30px auto 0;}
.ctext { color: #df3d3e; font-size: 12px;}

.at-center { width: 1020px; height: auto !important; min-height: 600px; margin: auto;}
.at-center .wh{width:1010px; height:35px; padding-left:10px; line-height:35px; font-size:12px; background:url(../images/wh.jpg) no-repeat; text-align:left; color:#663300;}
.at-center .wh a{color:#663300;}
.at-center .wh a:hover{color:#663300; text-decoration: underline;}
.at-center .wh span{float:right; margin-right:10px;}
.tipinfo { overflow: hidden;}
.team-row .repwdbox { margin-right: 0;}
.login-item-img1 { height: 190px;}
.login-item-img2 { height: 135px;}
.login-item-img2-1 { margin-left: 120px;}
.login-item-img3 { height: 130px;}
.pagination-box { float: right; margin-top: 20px;}
.teamres-row .Wdate { height: 32px; border: 1px solid #a5957e;}
/* .file {
	position: relative;
	display: inline-block;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px 12px;
	overflow: hidden;
	color: #888;
	text-decoration: none;
	text-indent: 0;
	line-height: 20px;
}
.file input {
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0;
}
.file:hover {
	background: #eee;
	border-color: #ccc;
	color: #444;
	text-decoration: none;
} */
.login-itemfile { width: 360px; height: auto;}
.bot-file { margin-left: 100px; margin-top: 20px; }
.top-file .reuser { display: inline-block; margin-left: 100px;}

.layui-laydate { width: 100%;}
.layui-laydate-main { width: 100%;}
.layui-laydate-content table { width: 100%;  border: 1px solid #c8ae7e;}
.layui-laydate-content table th, .layui-laydate-content table td { height: 50px; line-height: 50px; padding: 0;}
.layui-laydate-content table th { background: #c8ae7e; color: #3f240a;}
.layui-laydate-content td.layui-this .laydate-day-mark:hover { background-color:#eaeaea;color:#333}
.layui-laydate-header { width: 280px; margin: 0 auto; border-bottom: none; font-size: 18px; color: #3f240a;}
.layui-laydate { border: none; box-shadow: none;}
.laydate-prev-y, .laydate-next-y { display: none;}
.layui-laydate-header i { font-size: 20px;}
.laydate-set-ym span:hover, .layui-laydate-header i:hover { color: #3f240a;}
.layui-laydate .layui-this { background: #fff !important; color: #3f240a !important;}
.layui-laydate-content td .laydate-day-mark { 
	display: block;
	line-height: inherit;
	color: #000;
	position: static;
	background: #f3f3f3;
}
.layui-laydate-content td.layui-this .laydate-day-mark:hover, .layui-laydate-content td .laydate-day-mark:hover { 
	background: #dfdfdf;
}
.layui-laydate-content td.layui-this .laydate-day-mark::after {
  display: block;
}
.layui-laydate-content td.laydate-day-next .laydate-day-mark, .layui-laydate-content td.laydate-day-prev .laydate-day-mark {
	color: #7e7e7e;
}
.laydate-day-mark::after {
	top: 12px;
  right: 12px;
  font-size: 14px;
}
.layui-laydate .layui-this.laydate-disabled {
	color: #d2d2d2!important;
}
.modal-contentauto .login-item { height: auto}
.error-box p {
	font-weight: bold;
  margin: 0px;
  padding-top: 30px;
  text-align: center;
  font-size: 22px;
}
.error-box .error-btn {
  background: #e95230;
  padding: 6px 12px;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
}
.tic-codebox {
	text-align: center;
}
.tic-code {
  display: inline-block;
  text-align: center;
}
.imgclip {
	position: relative;
	display: inline-block;
	background: #e5e5e5;
}
.imgclip img {
	position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.span-text {
	line-height: 32px;
}
.login-itemfile1 {
	width: 360px;
	margin-bottom: 20px;
}
.teamres-top .login-itemauto {
	width: 430px;
}
.login-itemmail {
	height: 220px;
}
.suctip-box {
	width: 400px;	
}
.account-box2 {
	width: 220px;	
}
.qr-codebox {
	text-align: center;
}
.qr-codebox .qr-codeimg {
	display: inline-block;
	width: 120px;
	height: 120px;
}
.tipauto-box { width: auto; text-align: center;}
.tipauto-box .tip-p { font-size: 18px; font-weight: bold;}
.tipauto-box .login-item { width: 300px; margin: 0 auto; margin-top: 45px;}
.login-item-img2-1a { margin-left: 100px;}
.layui-layer-shade { opacity: 0.3;}
.calendar-box .tip-p { line-height: 2; color: #999999;}
.visitor-box .info-rowauto { width: 600px;}
.info-rowtit { display: inline-block; float: left; line-height: 34px;}
.info-rowse { overflow: hidden;}
.info-rowse .time-btn { width: 190px; margin-bottom: 15px;}
.time-btn.on .gray-tip { color: #fff;}
.teamres-top .info-rowauto { width: 600px; margin-top: 0; margin-bottom: 15px;}
.teamres-top .info-rowtit { width: 100px;}
.gray-tip { color: #999;}
.green-tip { color: #45b85b;}
.red-tip { color: #df3d3e;}
.time-btn.ntime-btn { background: #fff; border-color: #d8d8d8; color: #d8d8d8; cursor: auto;}
.grayc-tip { color: #d8d8d8;}
.gray-tipp { line-height: 1.6; color: #666;}
.tipinfo1 { height: 24px; line-height: 24px; padding-left: 100px;}
.va-center { vertical-align: middle; }
.istar { display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 4px;}
.istara { background: url(../images/istar.png) no-repeat; background-size: cover;}
.istars { background: url(../images/istars.png) no-repeat; background-size: cover;}
.teamres-top .info-rowenv { margin-top: 0; height: 65px;}

.code-text {
	text-align: center;
	margin-top: 15px;
}
.prompt-textred { margin: 20px 0 0 0; color: red;}
.tipauto-box .p-red { margin: 30px; text-align: left; color: red;}
.account-box3 { width: 80%; margin: 0 auto; text-align: center;}
.label-text { width: 90px; text-align: right;}
.code-input { width: 70px;}
#send_sms {
  background: #cda353;
}
#send_sms[disabled] {
  background: #ccc !important;
}
.select {
  width: 165px;
  height: 32px;
  border: 1px solid #a5957e;
  box-sizing: border-box;
}
/* 2024-05-20 */
/* flex */
.flex {
  display: flex;
}
.flex-view {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.flex-auto {
  flex: 1;
  overflow-y: auto;
}
.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.row {
  flex-direction: row;
}
.column {
  flex-direction: column;
}
.m-center {
  justify-content: center;
}
.m-between {
  justify-content: space-between;
}
.m-end {
  justify-content: flex-end;
}
.m-around {
  justify-content: space-around;
}
.s-center {
  align-items: center;
}
.s-start {
  align-items: flex-start;
}
.s-end {
  align-items: flex-end;
}
.privacy-box {
	margin: 10px 0 0 90px;
}
.privacy-radio {
	margin-right: 4px;
}
a.privacy-link {
	margin-left: 10px;
	color: #efb44e;
}
a.privacy-link:hover {
	color: #e95230;
}
.login-bot {
	text-align: center;
}
.login-bot .reuser {
	margin-top: 0;
	margin-right: 12px;
}
.layui-laydate-content table td {
	line-height: 30px;
}
.enlogin-row .label-text {
	width: 120px;
}
.enlogin-row .privacy-box {
	margin: 20px 0 0 0;
}
.enlogin-row1 .login-one {
	width: 480px;
}
.enlogin-row1 .label-text {
	width: 160px;
}
.encode-btn {
	width: 185px;
}
.enlogin-row1 .login-btn, .enlogin-row2 .login-btn {
	width: 160px;
	background: url(../images/cmlogin-btn1.png) no-repeat;
}
.enmy-nav li {
	width: 120px;
}
.enmy-nav li a {
	width: 120px;
}
.enmodal-content .label-text {
	width: 90px;
}
.enlogin-row2 .label-text {
	width: 130px;
}
.layui-layer-dialog .layui-layer-content {
	word-break: normal!important;
}
/* 20240929 */
.exapply-row .label-text {
	width: 200px;
}
.exapply-top {
	width: 500px;
}
.exapply-top .input-text {
	width: 260px;
}
.checkbox-item { 
	display: flex;
	align-items: center;
	margin-right: 20px;
}
.checkbox-text {
  margin-left: 4px;
}
.login-item-img4 {
	min-height: 100px;
	margin-bottom: 20px;
}
.file-name {
	display: block;
	color: #e47235;
  line-height: 1.5;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}