@charset "utf-8";

input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
html {
	font-size: 62.5%;
}
body, ul, li, p, input, form, h1, h2, h3, h4, h5, h6, img {
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
img {
	border: none;
	line-height: 0;
	font-size: 0;
	vertical-align: middle;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: #666;
}
i, em {
	font-style: normal;
}
body {
	font-size: 1.2rem;
	-webkit-text-size-adjust: none;
	color: #666;
	line-height: 1.2;
	background: #fff;
	padding-top: 3.6em;
}
input, button, textarea {
	outline: none;
	font-size: 100%;
	color: #666;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both
}
.cf {
	*zoom:1;
}
.clear {
	clear: both;
}
.bline {
	border-bottom: 1px solid #c6cbbc;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background: #fff;
	height: 3.6em;
	box-shadow: 0 0 6px rgba(0,0,0,0.3)
}
.logo {
	position: absolute;
	top: 0.6em;
	height: 2.4em;
	display: block;
	left: 1em;
}
.logo img {
	height: 100%;
}
.tctr {
	position: absolute;
	top: 1em;
	width: 1.6em;
	right: 1em;
}
.tctr img {
	width: 100%;
}
.back {
	position: absolute;
	top: 1em;
	width: 1.6em;
	left: 1em;
}
.back img {
	width: 100%;
}
.title {
	text-align: center;
	padding: 0.8em 0;
	line-height: 2em;
}
.title p {
	font-size: 125%;
	color: #666;
}
.item {
	padding: 0.8em 0.5em 0;
	border-bottom: 1px solid #e8e7e2;
}
.item li {
	float: left;
	width: 25%;
}
.item li a {
	display: block;
	margin: 0.5em;
	text-align: center;
	line-height: 2em;
}
.item li a img {
	width: 80%;
}
.item li p {
	line-height: 3;
}
.pem {
	padding: 1em;
}
.ptem {
	padding-top: 1em;
}
.mtem {
	margin-top: 3em;
}
.hti {
	font-size: 130%;
	color: #666;
	padding-top: 0.5em;
}
.hti a {
	display: block;
	float: right;
	background: url(ico1.png) no-repeat right;
	background-size: 1em 1em;
	padding-right: 1.3em;
	font-size: 80%;
	text-transform: uppercase;
	font-family: " sans-serif";
	color: #a5a59e;
	margin-top: 0.2em;
}
.hti span {
	color: #999;
	margin-left: 0.5em;
}
.srhbox {
	padding: 0.5em 0;
	height: 2.8em;
}
.srhbox .l {
	float: left;
	width: 80%;
	margin-top: 0.3em;
}
.srhbox .r {
	float: right;
	width: 20%;
	margin-top: 0.3em;
}
.formbox {
	padding: 0.5em 0;
}
.formin {
	box-sizing: border-box;
	padding: 0 0.5em;
	width: 99%;
	background: #ecf0f4;
	border-radius: 0.3em;
	border: none;
	height: 2.6em;
	float: left;
}
.idate {
	display: block;
	background: url(idate.png) no-repeat;
	background-size: cover;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
	top: 50%;
	right: 0.5em;
	margin-top: -0.6em;
}
.iarr {
	display: block;
	background: url(iarr.png) no-repeat;
	background-size: cover;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 0.6em;
	margin-top: -0.5em;
}
.formbtn {
	background: #ffe40f;
	height: 2.1em;
	line-height: 2.1em;
	padding: 0.1em 1em;
	border: none;
	border-radius: 0.3em;
	font-size: 120%;
	float: right;
}
.formbtn2 {
	background: #666;
	height: 2.4em;
	line-height: 2.4em;
	width: 100%;
	border: none;
	border-radius: 0.3em;
	color: #fff;
	font-size: 120%;
}
.bgc {
	background: #ecf0f4;
}
.offers {
	padding: 0 0.5em 1em 0.5em;
	margin-top: -0.5em;
}
.offers li {
	float: left;
	width: 50%;
}
.offers li a {
	display: block;
	margin: 0.5em;
}
.offers li a p:first-child img {
	width: 100%;
	height: 118px;
}
.offers li a p:nth-child(2n) {
	font-size: 100%;
	text-align: center;
	height: 1.2em;
	line-height: 1.2em;
	overflow: hidden;
	margin: 0.6em 0;
}
.offers li a p:last-child {
	font-size: 90%;
	color: #a5a59e;
	height: 2.4em;
	line-height: 1.2em;
	overflow: hidden;
}
.offers li .cntit {
	background: #666;
    color: #fff;
    text-align: center;
    height: 26px;
    line-height: 26px;
}
.offers li .cntit span {
	font-size: 150%;
}
.promotes {
	padding: 0 0.5em 0.5em 0.5em;
}
.promotes li {
	float: left;
	width: 50%;
}
.promotes li a {
	display: block;
	margin: 0.5em;
	position: relative;
}
.promotes li a img {
	width: 100%;
}
.promotes li:nth-child(2) a img,
.promotes li:nth-child(3) a img,
.promotes li:nth-child(4) a img,
.promotes li:nth-child(5) a img {
	width: 100%;
	height: 115px;
}

.promotes li:first-child {
	width: 100%;
}
.promotes li:first-child a {
	margin: 0.5em;
}
.stabox {
	position: relative;
	height: 2em;
}
.stab {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2em;
	background: #ecf0f4;
	z-index: 10;
	width: 100%;
	display: flex;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.stab a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	color: #999999;
	font-size: 115%;
	height: 100%;
}
.stab a i {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.3em;
	opacity: 0.6;
}
.stab a i img {
	widht: 100%;
	vertical-align: top;
}
.stab .active {
	color: #666;
}
.stab_list {
	position: absolute;
	top: 2em;
	left: 0;
	width: 100%;
	text-align: center;
	background: #ecf0f4;
	z-index: 5;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.stab_list span {
	display: block;
	font-size: 115%;
	padding: 0.2em 0;
	font-weight: lighter;
}
.promotes1 {
	padding: 1em 0.5em 0.5em 0.5em;
	margin-top: -0.5em;
}
.promotes1 li {
	float: left;
	width: 50%;
}
.promotes1 li a {
	display: block;
	margin: 0.5em;
	position: relative;
}
.promotes1 li a img {
	width: 100%;
}
.promotestit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-align: center
}
.promotestit p {
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	font-size: 100%;
	height: 1em;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.strategy a {
	display: block;
	height: 4.4em;
	overflow: hidden;
	position: relative;
	margin-top: 1em;
}
.strategyImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 6.6em;
	height: 4.4em;
}
.strategyImg img {
	width: 100%;
	height: 100%;
}
.strategyInfo {
	padding-left: 7.5em;
	height: 4.4em;
	overflow: hidden;
	color: #a5a59e;
}
.strategyInfo p:first-child {
	font-size: 120%;
	color: #666;
	height: 1.2em;
	overflow: hidden;
	margin-bottom: 0.4em;
}
.strategyInfo p:last-child {
	height: 2.6em;
	line-height: 1.4em;
	overflow: hidden;
}
.strategy2 a {
	display: block;
	height: 6em;
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
}
.strategy2 li:last-child a {
	margin-bottom: 0;
}
.strategyImg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 9em;
	height: 6em;
}
.strategy2 li {
	padding-bottom: 0.1em;
	margin-bottom: 1em;
	border-bottom: #ccc dotted 1px;
}
.strategy2 li:first-child {
}
.strategy2 li:last-child {
	border-bottom: none;
	margin-bottom: 0.3em;
}
.strategyImg2 img {
	width: 100%;
	height: 100%;
}
.strategyInfo2 {
	padding-left: 9.5em;
	height: 6em;
	overflow: hidden;
	color: #a5a59e;
}
.strategyInfo2 p:first-child {
	font-size: 115%;
	color: #666;
	height: 1.2em;
	overflow: hidden;
	margin-bottom: 0.5em;
}
.strategyInfo2 p:nth-child(2n) {
	height: 2.6em;
	line-height: 1.3em;
	overflow: hidden;
}
.strategyInfo2 p:last-child {
	font-size: 95%;
	background: url(time.png) no-repeat 1px -1px;
	background-size: 1em 1em;
	padding-left: 1.4em;
	margin-top: 0.4em;
}

nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #ecf0f4;
	box-shadow: 0 0 6px rgba(0,0,0,0.3)
}
nav li {
	float: left;
	width: 20%;
	text-align: center;
}
nav li a {
	display: block;
	font-size: 100%;
	padding: 0.5em 0;
}
nav li p:first-child {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	padding-bottom: 0.2em
}
nav li p:first-child img {
	width: 100%;
	height: 100%;
	opacity: 0.6;
}
nav li p:last-child {
	font-size: 110%;
}
nav li .active {
	background: #78e4e0;
	color: #333
}
nav li .active p:first-child img {
	opacity: 1;
}
.title-tab {
	background: #f4f4f4;
	height: 2.5em;
	border-top: 3px solid #3bb8b5;
	line-height: 2.7em;
	margin: 0.5em 0 0.3em;
}
.title-tab .tabs {
}
.title-tab .tabs a {
	display: block;
	font-size: 120%;
	color: #333;
	width: 33%;
	text-align: center;
	float: left;
	font-family: Microsoft Yahei;
	font-weight: 700;
}
.title-tab .tabs a.aon {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #3bb8b5;
}
.title-tab .tabs a:hover {
	text-decoration: none;
}
.tab {
	top: 3.6em;
	left: 0;
	background: #ecf0f4;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	height: 3em;
	width: 100%;
	display: flex;
    margin: 0 auto;
	border-bottom: 1px dotted #ccc;
    z-index: 10;
}
.tab a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	color: #999;
	font-size: 115%;
	height: 100%;
}
.tab a i {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.3em;
	opacity: 0.6;
}
.tab a i img {
	widht: 100%;
	vertical-align: top;
}
.tab .active {
	color: #666;
}
.tab .active i {
	opacity: 1;
}
.discount {
	display: block;
	margin-bottom: 1em;
	position: relative;
}
.discount img {
	width: 100%;
}
.discount .price {
	background: #666;
	color: #fff;
	text-align: center;
	border-radius: 0.3em;
	padding: 0 1em;
	margin-top: 0.3em;
	height: 2.2em;
	line-height: 2.2em;
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.discount .price span {
	font-size: 150%;
	display: inline-block;
	vertical-align: middle;
}
.discountTit {
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	padding: 1em;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.discountTit p:first-child {
	font-size: 130%;
	padding-bottom: 0.2em;
}
.ctit {
	font-size: 130%;
	color: #666;
	line-height: 1.4em;
}
.ctctr {
	display: flex;
	padding-top: 0.5em;
}
.ctctr div {
	flex: 1;
	text-align: center;
}
.ctctr div:first-child {
	margin-right: 0.5em;
	background: #666;
	color: #fff;
	text-align: center;
	border-radius: 0.3em;
	padding: 0 1em;
	height: 2.2em;
	line-height: 2.2em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ctctr div:first-child span {
	font-size: 150%;
	display: inline-block;
	vertical-align: bottom;
}
.ctctr div:last-child {
	margin-left: 0.5em;
	background: #ffe40f;
	color: #333;
	text-align: center;
	border-radius: 0.3em;
	padding: 0.5em 1em;
	height: 1.2em;
	line-height: 1.2em;
	overflow: hidden;
}
/* 海岛筛选 */
.shaixuan {
	margin-bottom:15px;
}
.shaixuan ul li {
	line-height:24px;
	overflow:hidden;
	margin-top:10px;
}
.shaixuan ul li b {
	display:block;
	float:left;
	text-align: center;
	font-weight:normal;
	width:20%;
	padding-right:5px;
	line-height:2.5em;
    font-size: 1em;
}
.shaixuan ul li span {
	display:block;
	float:right;
	width:78%;
}
.shaixuan ul li span a {
	display:inline;
	color:#555;
	float:left;
	line-height:20px;
	padding:2px 15px;
}
.shaixuan ul li span a.cur {
	background-color:#2daca9;
	color:#fff;
}
.island_list {
}
.island_list .btline {
	border-bottom:1px dotted #ccc;
	line-height:0;
	margin-bottom:1.5em;
}
.infotable {
	padding: 0.5em 0.2em;
}
.infotable td {
	padding: 0.5em 0.8em;
	line-height: 2em !important;
}
.infotable td p:first-child {
	color: #999;
}
.infotable td p:first-child i {
	display: inline-block;
	width: 1.4em;
	margin-right: 5px;
	vertical-align: middle;
}
.infotable td p:first-child i img {
	width: 100%;
}
.infotable td p:last-child {
	font-size: 120%;
	color: #333;
}
.page {
	clear: both;
}
.page .pageList {
	text-align: center;
}
.page .pageList a {
	padding: 0 10px;
    border: #DDD solid 1px;
    font-size: 14px;
    height: 32px;
    display: inline-block;
    line-height: 34px;
    background: #f8f8f8;
    color: #666;
    margin: 0 1px;
}
.page .pageList .fuiOmit {
	font-size: 28px;
}
.page .searPage {
	float: right;
	text-align: left;
	padding-top: 5px;
	line-height: 30px;
}
.page .searPage input[type="text"] {
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.page .searPage input[type="submit"] {
	width: 50px;
	height: 30px;
	line-height: 30px;
}
.page .pageList a:hover {
	background: #fdeaa6;
	border: #f7bf4f solid 1px;
	color: #f60;
}
.page .pageList .nowPage {
	background: #fdeaa6;
	border: #f7bf4f solid 1px;
	color: #f60;
}
.carr {
	display: block;
	background: url(iarr.png) no-repeat;
	width: 1.4em;
	height: 1.4em;
	background-size: cover;
	margin: 0.5em auto 0 auto;
}
.carrUp {
	display: block;
	background: url(iarr.png) no-repeat;
	width: 1.4em;
	height: 1.4em;
	background-size: cover;
	margin: 0.5em auto 0 auto;
	transform: rotate(180deg)
}

.ctit2 {
	font-size: 120%;
	color: #666;
	padding-top: 0.8em;
	padding-bottom: 0.5em;
}
.ctit2 span {
	float: right;
	font-size: 80%;
	color: #a5a59e;
	letter-spacing: -1px;
}
.ctit2 span a {
	color: #a5a59e;
}
.ctit2 span .active {
	color: #666;
	;
}
.ctxt2 {
	line-height: 1.6em;
	word-break: break-all;
    margin: 0.6em 0;
}
.ctxt2 .add{
	float: left;
	width: 33.3%;
	line-height: 1.8em;
}
.ctxt2 img{
    height: auto !important;
}
.app_qrcode .intro {
	padding-top: 5px;
}
.app_qrcode .intro img {
	padding: 10px 0;
}
.app_qrcode .intro span {
	padding-left: 20px;
	font-size: 20px;
}
.app_qrcode .intro {
	line-height: 1.6;
    padding: 1em 0;
}
.tbi {
	width: 12px;
	margin-left: 5px;
}
.ctrbox{
	width: 100%;
	padding: 1em 0;
	border-top: 1px dotted #ddd;
	margin:0 auto;
	text-align: center;
}
.ctrbox a {
	display:inline-block;
	background:#ecf0f4;
	color:#666;
	height:2em;
	line-height:2em;
	padding:0.1em 1.2em 0;
	font-size: 100%;
}

.infotb {
	padding: 0.5em 0.2em;
}
.infotb td {
	padding: 0.5em 0.8em;
}
.infotb td p:first-child {
	color: #999;
	margin-bottom: 0.5em;
}
.infotb td p:first-child i {
	display: inline-block;
	width: 1.4em;
	margin-right: 5px;
	vertical-align: middle;
}
.infotb td p:first-child i img {
	width: 100%;
}
.infotb td p:last-child {
	font-size: 120%;
	color: #333;
}

#newdigg a {
	display:inline-block;
	background:#ecf0f4;
	color:#900;
	height:2em;
	line-height:2em;
	padding:0.1em 1.2em 0;
	font-size: 100%;
}
.ydbox {
	position: relative;
}
.ydnum {
	position: absolute;
    top: 0.2em;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: #666;
    color: #fff;
    text-align: center;
    line-height: 1.4em;
}
.tdinfo {
	padding: 0 0 0 2em;
}
.ydtit {
	font-size: 115%;
	padding-bottom: 0.5em;
	color: #666;
}
.ydtit i {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	vertical-align: bottom;
    margin-right: .3em;
}
.tdtxt {
	line-height: 1.6em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	word-break:normal;
	word-wrap:break-word;
}
.sbtn {
	display: block;
	border: 1px solid #ccc;
	border-radius: 0.3em;
	padding: 0.6em;
	text-align: center;
	font-size: 120%;
}
.resultlist {
	padding: 1em;
}
.resultlist p:first-child {
	font-size: 120%;
	color: #666;
	margin-bottom: 0.3em;
}
.resultlist p:first-child span {
	color: #999;
}
.resultlist p:last-child {
	margin-top: 0.8em;
	height: 2em;
	line-height: 2em;
}
.resultlist p:last-child span {
	display: inline-block;
	background: #f2f2f2;
	color: #666;
	padding: 0 0.5em;
	border-radius: 0.3em;
}
.resultlist .price {
	float: right;
	color: #666;
}
.resultlist .price b {
	font-size: 130%;
}
.byd {
	display: block;
	float: right;
	font-size: 120%;
	background: #ffe40f;
	color: #333;
	padding: 0.4em 1em;
	line-height: 1em;
	border-radius: 0.3em;
}
.islandname {
	margin-bottom: 0.3em;
	display: block;
}
.islandname a {
    font-size: 130%;
    color: #666;
    margin-right: 0.5em;
}
.islandname span {
	color: #999;
}
.tool {
	display: block;
	width: 2.4em;
	font-size: 120%;
	text-align: center;
	height: 2.4em;
	line-height: 1.2em;
	padding: 0.8em;
	border-radius: 50%;
	background: #ffe40f;
	color: #333;
	position: fixed;
	bottom: 13%;
	right: 10px;
	z-index: 1000;
}
.tab_r {
	height: 36px;
	text-align: center;
}
.tab_r li {
	float: left;
	padding-right: 6px;
}

.tab_r li:last-child {
	padding-right: 0;
}
.tab_r a {
	display: block;
    float: left;
    padding: 0 1.2em;
    background: #ecf0f4;
    height: 36px;
    line-height: 36px;
    color: #606569;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.tab_r a:hover, .tab_r .tabCur {
	background: #000;
	color: #fff;
}
.ranks a {
	display: block;
	position: relative;
    padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	border-bottom: #ccc dotted 1px;
	box-sizing: border-box;
}
.ranksImg {
	position: absolute;
	width: 10em;
	height: 6em;
	top: 0;
	left: 0;
}
.ranksImg img {
	width: 100%;
	height: 100%;
}
.ranksImg p {
	position: absolute;
	top: 0.5em;
	left: 0;
	z-index: 1;
	background: url(topnum.png) no-repeat;
	width: 2em;
	padding-right: 0.5em;
	height: 1.5em;
	line-height: 1.7em;
	text-align: center;
	color: #fff;
	background-size: cover;
}
.ranksTit {
	padding-left: 11em;
	height: 6em;
	display: table-cell;
	color: #a5a59e;
}
.ranksTit p:first-child {
	font-size: 130%;
	padding-bottom: 0.1em;
	color: #333;
}
.ranksTit p:nth-child(2) {
	color: #bba9bb;
}
.ranksTit p:last-child {
	padding-top: 0.8em;
	line-height: 1.3;
}
.tastePho {
	position: relative;
	z-index: 0;
}
.tastePho img {
	width: 100%;
}
.tasteTxt {
	background: #ecf0f4;
	padding: 1em;
	margin: -3.6em 1em 0 1em;
	position: relative;
	z-index: 2;
}
.tasteTxt p:first-child {
	font-size: 120%;
	color: #666;
	font-weight: bold;
	padding-bottom: 0.3em;
}
.tasteTxt p:last-child {
	height: 1.2em;
}
.tasteTxt p:last-child span:first-child {
	float: left;
}
.tasteTxt p:last-child span:last-child {
	float: right;
}
.view {
	display: inline-block;
	background: url(view.png) no-repeat left;
	background-size: 1em 1em;
	padding-left: 1.2em;
}
.time {
	display: inline-block;
	background: url(time.png) no-repeat left;
	background-size: 1em 1em;
	padding-left: 1.4em;
}
.details {
	line-height: 1.6em;
	color: #666;
}
.mdbox {
	position: relative;
	height: 7.8em;
	padding: 1em;
	overflow: hidden;
}
.mdbox:nth-child(0),
.mdbox:nth-child(2),
.mdbox:nth-child(4),
.mdbox:nth-child(6),
.mdbox:nth-child(8),
.mdbox:nth-child(10) {
	background: #ecf0f4;
}

.mdbox:nth-child(2) .mdimg,
.mdbox:nth-child(4) .mdimg,
.mdbox:nth-child(6) .mdimg,
.mdbox:nth-child(8) .mdimg,
.mdbox:nth-child(10) .mdimg,
.mdbox:nth-child(12) .mdimg {
	display: block;
	width: 10.5em;
	height: 7.8em;
	position: absolute;
	top: 1em;
	left: 1em;
}
.mdbox:nth-child(1) .mdimg,
.mdbox:nth-child(3) .mdimg,
.mdbox:nth-child(5) .mdimg,
.mdbox:nth-child(7) .mdimg,
.mdbox:nth-child(9) .mdimg,
.mdbox:nth-child(11) .mdimg {
	display: block;
	width: 10.5em;
	height: 7.8em;
	position: absolute;
	top: 1em;
	right: 1em;
}
.mdbox .mdimg img {
	width: 100%;
	height: 100%;
}
.mdbox:nth-child(2) .mdinfo,
.mdbox:nth-child(4) .mdinfo,
.mdbox:nth-child(6) .mdinfo,
.mdbox:nth-child(8) .mdinfo,
.mdbox:nth-child(10) .mdinfo,
.mdbox:nth-child(12) .mdinfo {
	padding: 0 0 0 11.5em;
	height: 7.8em;
}
.mdbox:nth-child(1) .mdinfo,
.mdbox:nth-child(3) .mdinfo,
.mdbox:nth-child(5) .mdinfo,
.mdbox:nth-child(7) .mdinfo,
.mdbox:nth-child(9) .mdinfo,
.mdbox:nth-child(11) .mdinfo {
	padding: 0 11.5em 0 0;
	height: 7.8em;
}
.mdinfo p:first-child {
	font-size: 120%;
	color: #666;
}
.mdinfo p:nth-child(2n) {
	height: 3.6em;
	overflow: hidden;
	margin: 0.4em 0 0.5em;
}
.mdinfo p:last-child a {
	display: block;
	background: #666;
	color: #fff;
	text-align: center;
	padding: 0.4em 0 0.3em;
	font-size: 100%;
	border-radius: 0.5em;
}
.mdtit {
	font-size: 130%;
	color: #666;
	padding-bottom: 0.5em;
}
.mdtitle {
	font-size: 130%;
	color: #666;
	text-align: center;
	border-bottom: #ddd dotted 1px;
	padding-bottom: 0.5em;
}
.subtitle {
	color: #888;
	text-align: center;
	padding-top: 0.8em;
	
}
.m_l_em {
	margin-left: 1em;
}
.content {
	line-height: 1.6em;
	padding: 1em 0;
}
.content img {
	height: auto !important;
}
.clh {
	line-height: 1.6em;
	margin-top: 0.5em;
}
.aboutImg {
	position: relative;
}
.aboutImg img {
	width: 100%;
}
.aboutTxt {
	position: absolute;
	top: 20%;
	left: 5%;
	width: 90%;
	height: 61%;
	background: rgba(0,0,0,0.5);
	box-sizing: border-box;
	padding: 1em;
	color: #fff;
	line-height: 1.5em;
	overflow: hidden;
	border-radius: 0.5em;
}
.abtit {
	font-size: 130%;
	color: #666;
	padding-top: 0.5em;
}
.abtit span {
	color: #999;
}
.phone-info {
	line-height:1.5;
}

.phone-info .phone_number {
	display:inline-block;
}
.phone-info .phone_number:nth-child(1){
	border-right: 1px solid #4a4747;
	padding-right: 1.2em;
}
.phone-info .phone_number:nth-child(2) {
	padding-left: 1.4em;
}
.phone_remark{
	font-size:100%;
	color:#4a4747;
	margin-bottom: 3px;
}
.phone_letter{
	font-size:140%;
	color:#6d6d6d;
	letter-spacing:2px;
}
.service_time {
	font-size:100%;
    margin-top:10px;
    padding-left: 8em;
}
.weddingInfo {
	padding: 0 1em 1em 1em;
}
.weddingInfo td {
	padding: 0.3em 0;
}
.weddingInfo tr td:first-child {
	vertical-align: top;
	width: 3.5em;
}
.weddingInfo tr td:last-child {
	color: #666;
}
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 100%;
	padding: 0 2em 0 0.5em;
	border-radius: 0.3em;
	border: none;
	height: 2.4em;
	line-height: 2.4em;
	font-size: 100%;
	background: #ecf0f4 url(iarr2.png) no-repeat right;
	background-size: 1.8em 0.9em;
	color: #666;
}
select::-ms-expand {
	display: none;
}
.tablist {
	top: 0;
	left: 0;
	width: 100%;
	height: 4.4em;
	background: #ecf0f4;
	box-sizing: border-box;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	z-index: 99;
    border-bottom: 1px dotted #ccc;
}
.tablist a {
	display: block;
	text-align: center;
	font-size: 120%;
	padding: 0.4em 0 0.3em;
    width: 48%;
    float: left;
}
.tablist a:hover, .tablist a.cur {
	background: #efc500;
	color: #fff;
}
.fo_info {
	position: absolute;
	top: 50%;
	color: #FFF;
	left: 10%;
	text-shadow: 2px 2px 6px #000;
	width: 80%;
	margin-top: -2em;
	text-align: center;
}
.fo_info p:first-child {
	font-size: 150%;
	font-weight: lighter;
	margin-bottom: 0.5em
}
.fo_info p:last-child {
	border-bottom: 1px solid #fff;
	display: inline-block
}
.fo_info p:last-child strong {
	font-size: 130%;
}
.fo_info p:last-child span {
	color: #FFF;
	font-size: 110%;
	margin-left: 0.5em;
}
.fxtit {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 50;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 120%;
	padding: 0.5em 1em;
	border-radius: 0.3em;
}

.code {
	background: rgba(0,0,0,.8);
	display: inline-block;
	width: 50%;
	border-radius: 8px;
	padding: 4%;
	position: absolute;
	top: 120px;
	left: 21%;
	z-index: 200;
}
.type_menu {
	z-index: 9999;
	width: 140px;
	position: absolute;
	top: 52px;
	right: 2px;
	background: rgba(0,0,0,.8);
	border-radius: 6px;
	overflow: hidden;
}
.type_menu li {
	line-height: 44px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
	padding: 0 10px;
	font-size: 16px;
	text-align: left;
}
.type_menu a {
	color: #fff;
}
.type_menu li i {
	width: 40px;
	height: 44px;
	display: inline-block;
	float: left;
}
.ico_home {
	background: url("ico_home.png") no-repeat center;
	background-size: 28px;
	margin-right: 5px;
}
.ico_elect {
	background: url("ico_elect.png") no-repeat center;
	background-size: 24px;
	margin-right: 5px;
}
.ico_point {
	background: url("ico_point.png") no-repeat center;
	background-size: 24px;
	margin-right: 5px;
}
.ico_test {
	background: url("ico_test.png") no-repeat center;
	background-size: 40px;
	margin-right: 5px;
}
.ico_news {
	background: url("ico_news.png") no-repeat center;
	background-size: 40px;
	margin-right: 5px;
}
.ico_heart {
	background: url("ico_heart.png") no-repeat center;
	background-size: 36px;
	margin-right: 5px;
}
.ico_call {
	background: url("ico_call.png") no-repeat center;
	background-size: 24px;
	margin-right: 5px;
}
.ico_code {
	background: url("ico_code.png") no-repeat center;
	background-size: 22px;
	margin-right: 5px;
}
.mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 700px;
	background: rgba(0,0,0,.2);
	z-index: 199;
}

.copyright {
    font-size: 0.9em;
	margin: 10px auto 15px;
    text-align: center;
    color: #888;
}

@media only screen and (min-width:320px) {
body {
	font-size: 1.2rem !important
}
}
@media only screen and (min-width:360px) {
body {
	font-size: 1.4rem !important
}
}
@media only screen and (min-width:480px) {
body {
	font-size: 1.6rem !important
}
}
@media only screen and (min-width:720px) {
body {
	font-size: 2rem !important
}
}
@media only screen and (min-width:1000px) {
body {
	font-size: 3.2rem !important
}
}