* {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
}

.bg_sf {
	background: #ede7e1
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

html,
body {
	min-height: 100%;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: inherit;
}

img {
	border: 0;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}

input {
	border: 0;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.parl {
	padding: 0
}

.clearfix {
	zoom: 1;
}

.weui-wrap {
	width: 100%;
	overflow: hidden;
}
.overs{
	height: 500px;
	width: 100%;
	overflow-y: auto;
}
.overs .row{
	margin-left: 0;
	margin-right: 0
}
.weui-main {
	padding-bottom: 100px;
}

.weui-f_b {
	font-weight: bold;
}

.weui-v_m {
	vertical-align: middle;
}

.weui-v_t {
	vertical-align: top;
}

.weui-fl {
	float: left;
}

.weui-fr {
	float: right;
}

.weui-db {
	display: block;
}

.weui-dnb {
	display: inline-block;
}

.weui-d_n {
	display: none;
}

.weui-bod_r50 {
	border-radius: 50%;
}

.weui-bod_r {
	border-radius: 5px;
}

.weui-p10 {}

.weui-p20 {
	padding: 20px;
}

.weui-pt5 {
	padding-top: 5px;
}

.weui-pb5 {
	padding-bottom: 5px;
}

.weui-pl5 {
	padding-left: 5px;
}

.weui-pr5 {
	padding-right: 5px;
}

.weui-pt10 {
	padding-top: 10px;
}

.weui-pb10 {
	padding-bottom: 10px;
}

.weui-pl10 {
	padding-left: 10px;
}

.weui-pr10 {
	padding-right: 10px;
}

.weui-pt15 {
	padding-top: 15px;
}

.weui-pl15 {
	padding-left: 15px;
}

.weui-pr15 {
	padding-right: 15px;
}

.weui-pb15 {
	padding-bottom: 15px;
}

.weui-pr20 {
	padding-right: 20px;
}

.weui-pb20 {
	padding-bottom: 20px;
}

.weui-pl20 {
	padding-left: 20px;
}

.weui-pt20 {
	padding-top: 20px;
}

.weui-pr25 {
	padding-right: 25px;
}

.weui-pb25 {
	padding-bottom: 25px;
}

.weui-pl25 {
	padding-left: 25px;
}

.weui-pt25 {
	padding-top: 25px;
}

.weui-pr30 {
	padding-right: 30px;
}

.weui-pr40 {
	padding-right: 40px;
}

.weui-pr50 {
	padding-right: 50px;
}

.weui-pb30 {
	padding-bottom: 30px;
}

.weui-pb50 {
	padding-bottom: 50px;
}

.weui-pl30 {
	padding-left: 30px;
}

.weui-pt30 {
	padding-top: 30px;
}

.weui-pt40 {
	padding-top: 40px;
}

.weui-mt5 {
	padding-top: 5px;
}

.weui-mb5 {
	margin-bottom: 5px;
}

.weui-ml5 {
	margin-left: 5px;
}

.weui-mr5 {
	margin-right: 5px;
}

.weui-mt10 {
	margin-top: 10px;
}

.weui-mb10 {
	margin-bottom: 10px;
}

.weui-ml10 {
	margin-left: 10px;
}

.weui-mr10 {
	margin-right: 10px;
}

.weui-mt15 {
	margin-top: 15px;
}

.weui-ml15 {
	margin-left: 15px;
}

.weui-mr15 {
	margin-right: 15px;
}

.weui-mb15 {
	margin-bottom: 15px;
}

.weui-mr20 {
	margin-right: 20px;
}

.weui-mb20 {
	margin-bottom: 20px;
}

.weui-ml20 {
	margin-left: 20px;
}

.weui-mt20 {
	margin-top: 20px;
}

.weui-mt8 {
	margin-top: 8px;
}

.weui-mr25 {
	margin-right: 25px;
}

.weui-mb25 {
	margin-bottom: 25px;
}

.weui-ml25 {
	margin-left: 25px;
}

.weui-mt25 {
	margin-top: 25px;
}

.weui-mr30 {
	margin-right: 30px;
}

.weui-mb30 {
	margin-bottom: 30px;
}

.weui-ml30 {
	margin-left: 30px;
}

.weui-mt30 {
	margin-top: 30px;
}

.weui-t_c {
	text-align: center;
}

.weui-t_r {
	text-align: right;
}

.weui-t_l {
	text-align: left;
}

.weui-f36 {
	font-size: 36px;
}

.weui-f32 {
	font-size: 32px;
}

.weui-f30 {
	font-size: 30px;
}

.weui-f28 {
	font-size: 28px;
}

.weui-f24 {
	font-size: 24px;
}

.weui_f24 {
	font-size: 24px !important;
}

.weui_f18 {
	font-size: 16px !important;
	line-height: 25px
}

.weui-f22 {
	font-size: 22px;
}

.weui-f20 {
	font-size: 20px;
}

.weui-f12 {
	font-size: 12px;
}

.weui-f18 {
	font-size: 18px;
}

.weui-f16 {
	font-size: 15px;
}

.weui-f14 {
	font-size: 14px;
}

.weui-bod {
	border: 1px solid #ddd;
}

.weui-b_r {
	border-right: 1px solid #e1e1e1;
}

.weui-b_t {
	border-top: 1px solid #e1e1e1;
}

.weui-b_r {
	border-right: 1px solid #ddd;
}

.weui-bb_d {
	border-bottom: 1px dashed #ddd;
}

.weui-bb {
	border-bottom: 1px solid #e5e5e5;
}

.weui-b_l {
	border-left: 1px solid #ddd;
}

.weui-lh30 {
	line-height: 30px;
}

.weui-t_d {
	text-decoration: underline;
}

.weui-p_r {
	position: relative;
}

.weui-c_p {
	cursor: pointer;
}

.weui-bgcolor01 {
	background: #f0eeef;
}

.weui-c_6 {
	color: #666;
}

.weui-white {
	color: #fff;
}

.weui-red {
	color: #ff4d4e;
}

.weui-c_9 {
	color: #999;
}

.weui-yellow {
	color: #fcdd80;
}

.weui-blue {
	color: #43a0fc;
}

.weui-red01 {
	color: #e82400;
}

.weui-bgf {
	background: #fff;
}

.weui-orange {
	color: #ff6c6c;
}

.weui-box_s {
	box-shadow: 0 0 10px #ccc;
	background: #FFF
}

.weui-box_s1 {
	box-shadow: 0 0 40px #ccc;
}

.weui-td2 {
	text-indent: 2em;
}

.weui-bgcolor {
	background: #f5f5f5;
}

.weui-green {
	color: #57b809;
}

.left {
	float: left;
}


/*登陆页*/

.lo_bg {
	background: url(../images/bg1.jpg) center no-repeat;
	background-size: cover;
}

.lo_footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 3%;
}


/*.lo_box {
	width:940px;
	position:fixed;
	left:50%;
	top:50%;
	background:rgba(255,255,255,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	margin-top:-250px;
	margin-left:-470px;
}
*/

.lo_boxzc {
	width: 600px;
	height: auto;
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

.lo_main {
	height: 500px;
}

.btn-warning {
	background: #ff4d4e;
	border: 1px solid #ff4d4e;
}

.lo_title span {
	padding-bottom: 10px;
	border-bottom: 2px solid #ff4d4e;
	font-size: 17px;
}

.lo_txt {
	width: 100%;
	line-height: 42px;
	height: 42px;
	box-sizing: border-box;
	padding-left: 33px;
}

.userbg {
	background: url(../images/1_03.png) 5px 12px no-repeat;
}

.passbg {
	background: url(../images/1_03.png) 5px -48px no-repeat;
}

.yzmbg {
	background: url(../images/1_03.png) 5px -112px no-repeat;
}

.p_img {
	position: absolute;
	top: 3px;
	right: 0;
}


/*发送消息*/

.m_bg {
	background: url(../images/2bg_01.png) center top no-repeat #122835;
	background-size: 120%;
	padding-bottom: 76px;
	/*background-attachment: fixed;*/
}

@media (max-width:1024px) {
	.m_bg {
		min-height: 1200px;
		height: auto;
		background-size: 150%;
	}
}

@media (max-width:992px) {
	.m_bg {
		min-height: 850px;
		height: auto;
		background-size: 150%;
	}
}

@media (max-width:720px) {
	.m_bg {
		min-height: auto;
		padding-bottom: 20px;
	}
}

.notice {
	width: 247px;
	line-height: 61px;
	border-radius: 10px;
	margin: 50px auto 20px;
	background: #f5f5f5;
	position: relative;
}

.close1 {
	position: absolute;
	top: 5px;
	right: 5px;
	display: inline-block;
	line-height: 16px;
	color: #666;
}

.send_box {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
}

.media-object {
	border: 3px solid #fff;
	border-radius: 3px;
}

.dian {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3fcd15;
	vertical-align: middle;
}

.hy {
	color: #eba00e;
	border: 2px solid #eba00e;
	border-radius: 15px;
	padding: 3px 10px;
	display: inline-block
}

.send_bottom {
	background: #fff;
	border-radius: 0 0 10px 10px;
}

.textarea {
	border: 0;
	resize: none;
	width: 100%;
}

.hsbg {
	background: #ff4d4e;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	border-radius: 10px;
	max-width: 65%;
	padding: 10px;
	line-height: 30px;
	position: relative;
	vertical-align: bottom;
	display: inline-block;
}

@media (max-width:320px) {
	.hsbg {
		max-width: 58%;
	}
}

.hsbg:before {
	content: '';
	position: absolute;
	background: url(../images/2_34.png) center no-repeat;
	z-index: 10;
	width: 28px;
	height: 9px;
	top: 0;
	left: -15px;
}

.hsbg1 {
	background: #fff;
	box-shadow: 0 0 10px #efb6b6;
	color: #666;
}

.hsbg1:before {
	content: '';
	position: absolute;
	background: url(../images/2_38.png) center no-repeat;
	width: 26px;
	height: 10px;
	top: 0;
	right: -18px;
	left: auto;
}


/*首页*/

.lo_a {
	border-radius: 20px;
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 25px;
}

.h_bg {
	background: url(../images/home_01.png) center top no-repeat;
	height: 750px;
}

.h_bg01 {
	background: url(../images/bg5_01.png) center top no-repeat;
	height: 240px;
}

.btn-red {
	background: #fa6175;
	border-radius: 30px;
	padding: 10px 25px;
}

.btn-guide {
	background: #fff;
	color: #fa6175;
	border: 1px solid #fa6175;
	border-radius: 30px;
	padding: 10px 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
}

.btn-guide:hover,
.btn-guide:focus {
	background: #fff;
	color: #fa6175;
	text-decoration: none;
}

.btn-guide svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.banner_btns {
	float: right;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.banner_btns .m_btn + .m_btn {
	margin-top: 10px;
}

.guide_section_btn .btn {
	min-width: 200px;
}

.banner_arrow {
	margin-bottom: 0;
}

.hbg1 {
	background: url(../images/img_10.png) center no-repeat;
	padding: 100px 0;
	background-size: 100% 100%;
}

.line {
	position: absolute;
	left: 67%;
	top: 50px;
	width: 260px;
}

.col-p0 {
	padding: 0;
}

.p_box {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	box-sizing: border-box;
	padding: 15px;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	line-height: 28px;
	min-height: 180px;
}

.bm a:hover .p_box {
	background: rgba(250, 97, 117, 0.8);
}

.bm_title {
	padding-top: 180px;
}

.bann_60 {
	font-size: 45px;
}

.banner_p {
	padding-top: 450px;
}

@media (min-width: 993px) {
	.banner_info {
		margin-top: -50px;
	}
}

.line1:after {
	content: '';
	display: block;
	height: 1px;
	background: #fff;
	width: 680px;
	left: 105%;
	top: 22px;
	position: absolute;
}

@media (max-width:1024px) {
	.line1:after {
		width: 450px;
	}
}

@media (max-width:992px) {
	.line1:after {
		width: 90%;
	}
}

@media (min-width: 993px) {
	.line1:after {
		width: 560px;
	}

	.banner_btns {
		position: relative;
		z-index: 2;
	}
}


/*个人编辑页面*/

.r_bg {
	background: url(../images/3bg_01.png) center top no-repeat;
}

.photo {
	border-radius: 10px;
	border: 3px solid #fff;
}

.menulist li {
	line-height: 50px;
}

.menulist li a {
	display: block;
	border-bottom: 1px solid #fff;
}

.menulist li a:hover,
.menulist li a.on {
	border-bottom: 1px solid #ddd;
	background: url(../images/jt_03.png) right center no-repeat;
	color: #ff4d4e;
	text-decoration: none;
}

.btn1 {
	background: #cdcdcd;
	border-radius: 25px;
	color: #fff;
	padding: 10px 12px;
}

.btn1:hover {
	color: #ffffff
}

.btn2 {
	background: #ff4d4e;
}

.col-2 {
	width: 20%;
	padding-left: 5px;
	padding-right: 5px;
	float: left
}

.form {
	border: 0;
	/*	border-bottom:1px solid #ddd;
*/
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	padding: 8px 10px;
	line-height: 36px;
	height: 36px;
}


/*个人页面*/

.r_bg1 {
	background: url(../images/4bg_01.png) center top no-repeat;
}

.yan {
	background: #f0f0f0;
	width: 77px;
	line-height: 77px;
}


/*列单*/

.ld_bg {
	background: url(../images/bg5_01.png) center top no-repeat;
}

.searc_pd {
	padding: 130px 0 180px;
}

.btn_hy {
	background: #d0bd9f;
	color: #fff;
	padding: 10px 0;
	font-size: 16px;
}

.btn_hy1 {
	background: #fff;
	color: #c4c4c4;
	border: 2px solid #e0e0e0;
}

.hyqy {
	padding: 10px 10px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	background: #fff;
}

.hyqy span {
	background: #c5c5c5;
	font-size: 12px;
	border-radius: 10px;
	padding: 3px 10px;
}

.hyqy a {
	position: absolute;
	right: 10px;
	top: 5px;
}

.jdt {
	height: 10px;
	background: #eaeaea;
	border-radius: 10px;
}

.jdt>div {
	height: 10px;
	background: #ff4d4e;
	border-radius: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.jdt span {
	position: absolute;
	bottom: -7px;
	font-size: 14px;
}

.jdt span i {
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #f4e4e4;
	display: block;
	margin-top: 10px;
}

.btn_cz {
	padding: 7px 25px;
	border-radius: 25px;
	color: #d0bd9f;
	border: 1px solid #ff4d4e;
	background: #fff;
	color: #ff4d4e;
}

.btn_cz1 {
	color: #fff;
	background: #ff4d4e;
}

.navbar-default {
	background: none;
	border: none;
	margin: 0;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: none;
	color: #fff;
}

.pr0 {
	padding-right: 0;
}

.btn3 {
	background: #f18404;
	color: #fff;
}

.title {
	background: url(../images/z_03.png) center no-repeat;
}

.item1 {
	line-height: 36px;
}


/*!
 * Datepicker for Bootstrap v1.7.1 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
	border-radius: 4px;
	direction: ltr
}

.datepicker-inline {
	width: 220px
}

.datepicker-rtl {
	direction: rtl
}

.datepicker-rtl.dropdown-menu {
	left: auto
}

.datepicker-rtl table tr td span {
	float: right
}

.datepicker-dropdown {
	top: 0;
	left: 0;
	padding: 4px
}

.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgba(0, 0, 0, .15);
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, .2);
	position: absolute
}

.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-top: 0;
	position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
	left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
	left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
	right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
	right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
	top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
	top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid rgba(0, 0, 0, .15)
}

.datepicker-dropdown.datepicker-orient-top:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #fff
}

.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.datepicker table tr td,
.datepicker table tr th {
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
	background-color: transparent
}

.datepicker table tr td.new,
.datepicker table tr td.old {
	color: #777
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
	background: #eee;
	cursor: pointer
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	background: 0 0;
	color: #777;
	cursor: default
}

.datepicker table tr td.highlighted {
	color: #000;
	background-color: #d9edf7;
	border-color: #85c5e5;
	border-radius: 0
}

.datepicker table tr td.highlighted.focus,
.datepicker table tr td.highlighted:focus {
	color: #000;
	background-color: #afd9ee;
	border-color: #298fc2
}

.datepicker table tr td.highlighted:hover {
	color: #000;
	background-color: #afd9ee;
	border-color: #52addb
}

.datepicker table tr td.highlighted.active,
.datepicker table tr td.highlighted:active {
	color: #000;
	background-color: #afd9ee;
	border-color: #52addb
}

.datepicker table tr td.highlighted.active.focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted:active:hover {
	color: #000;
	background-color: #91cbe8;
	border-color: #298fc2
}

.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled].focus,
.datepicker table tr td.highlighted[disabled]:focus,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted.focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
fieldset[disabled] .datepicker table tr td.highlighted:hover {
	background-color: #d9edf7;
	border-color: #85c5e5
}

.datepicker table tr td.highlighted.focused {
	background: #afd9ee
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
	background: #d9edf7;
	color: #777
}

.datepicker table tr td.today {
	color: #000;
	background-color: #ffdb99;
	border-color: #ffb733
}

.datepicker table tr td.today.focus,
.datepicker table tr td.today:focus {
	color: #000;
	background-color: #ffc966;
	border-color: #b37400
}

.datepicker table tr td.today:hover {
	color: #000;
	background-color: #ffc966;
	border-color: #f59e00
}

.datepicker table tr td.today.active,
.datepicker table tr td.today:active {
	color: #000;
	background-color: #ffc966;
	border-color: #f59e00
}

.datepicker table tr td.today.active.focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:active:hover {
	color: #000;
	background-color: #ffbc42;
	border-color: #b37400
}

.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover {
	background-color: #ffdb99;
	border-color: #ffb733
}

.datepicker table tr td.today.focused {
	background: #ffc966
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
	background: #ffdb99;
	color: #777
}

.datepicker table tr td.range {
	color: #000;
	background-color: #eee;
	border-color: #bbb;
	border-radius: 0
}

.datepicker table tr td.range.focus,
.datepicker table tr td.range:focus {
	color: #000;
	background-color: #d5d5d5;
	border-color: #7c7c7c
}

.datepicker table tr td.range:hover {
	color: #000;
	background-color: #d5d5d5;
	border-color: #9d9d9d
}

.datepicker table tr td.range.active,
.datepicker table tr td.range:active {
	color: #000;
	background-color: #d5d5d5;
	border-color: #9d9d9d
}

.datepicker table tr td.range.active.focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range:active:hover {
	color: #000;
	background-color: #c3c3c3;
	border-color: #7c7c7c
}

.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled].focus,
.datepicker table tr td.range[disabled]:focus,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.focus,
fieldset[disabled] .datepicker table tr td.range:focus,
fieldset[disabled] .datepicker table tr td.range:hover {
	background-color: #eee;
	border-color: #bbb
}

.datepicker table tr td.range.focused {
	background: #d5d5d5
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
	background: #eee;
	color: #777
}

.datepicker table tr td.range.highlighted {
	color: #000;
	background-color: #e4eef3;
	border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted.focus,
.datepicker table tr td.range.highlighted:focus {
	color: #000;
	background-color: #c1d7e3;
	border-color: #4b88a6
}

.datepicker table tr td.range.highlighted:hover {
	color: #000;
	background-color: #c1d7e3;
	border-color: #73a6c0
}

.datepicker table tr td.range.highlighted.active,
.datepicker table tr td.range.highlighted:active {
	color: #000;
	background-color: #c1d7e3;
	border-color: #73a6c0
}

.datepicker table tr td.range.highlighted.active.focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted:active:hover {
	color: #000;
	background-color: #a8c8d8;
	border-color: #4b88a6
}

.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled].focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
	background-color: #e4eef3;
	border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted.focused {
	background: #c1d7e3
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
	background: #e4eef3;
	color: #777
}

.datepicker table tr td.range.today {
	color: #000;
	background-color: #f7ca77;
	border-color: #f1a417
}

.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:focus {
	color: #000;
	background-color: #f4b747;
	border-color: #815608
}

.datepicker table tr td.range.today:hover {
	color: #000;
	background-color: #f4b747;
	border-color: #bf800c
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:active {
	color: #000;
	background-color: #f4b747;
	border-color: #bf800c
}

.datepicker table tr td.range.today.active.focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today:active:hover {
	color: #000;
	background-color: #f2aa25;
	border-color: #815608
}

.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover {
	background-color: #f7ca77;
	border-color: #f1a417
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
	background: #f7ca77;
	color: #777
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
	color: #fff;
	background-color: #777;
	border-color: #555;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:focus {
	color: #fff;
	background-color: #5e5e5e;
	border-color: #161616
}

.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:hover {
	color: #fff;
	background-color: #5e5e5e;
	border-color: #373737
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected:active {
	color: #fff;
	background-color: #5e5e5e;
	border-color: #373737
}

.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active.focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected:active:hover {
	color: #fff;
	background-color: #4c4c4c;
	border-color: #161616
}

.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected.highlighted[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:hover,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover {
	background-color: #777;
	border-color: #555
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}

.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}

.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active.highlighted[disabled].focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:hover,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover {
	background-color: #337ab7;
	border-color: #2e6da4
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	border-radius: 4px
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
	background: 0 0;
	color: #777;
	cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active:hover:focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}

.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
	background-color: #337ab7;
	border-color: #2e6da4
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
	color: #777
}

.datepicker .datepicker-switch {
	width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
	cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background: #eee
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
	visibility: hidden
}

.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle
}

.input-group.date .input-group-addon {
	cursor: pointer
}

.input-daterange {
	width: 100%
}

.input-daterange input {
	text-align: center
}

.input-daterange input:first-child {
	border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
	border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
	width: auto;
	min-width: 16px;
	padding: 4px 5px;
	line-height: 1.42857143;
	text-shadow: 0 1px 0 #fff;
	border-width: 1px 0;
	margin-left: -5px;
	margin-right: -5px
}


/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datetimepicker {
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr
}

.datetimepicker-inline {
	width: 220px
}

.datetimepicker.datetimepicker-rtl {
	direction: rtl
}

.datetimepicker.datetimepicker-rtl table tr td span {
	float: right
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
	top: 0;
	left: 0
}

[class*=" datetimepicker-dropdown"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, .2);
	position: absolute
}

[class*=" datetimepicker-dropdown"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute
}

[class*=" datetimepicker-dropdown-top"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-top-color: rgba(0, 0, 0, .2);
	border-bottom: 0
}

[class*=" datetimepicker-dropdown-top"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	border-bottom: 0
}

.datetimepicker-dropdown-bottom-left:before {
	top: -7px;
	right: 6px
}

.datetimepicker-dropdown-bottom-left:after {
	top: -6px;
	right: 7px
}

.datetimepicker-dropdown-bottom-right:before {
	top: -7px;
	left: 6px
}

.datetimepicker-dropdown-bottom-right:after {
	top: -6px;
	left: 7px
}

.datetimepicker-dropdown-top-left:before {
	bottom: -7px;
	right: 6px
}

.datetimepicker-dropdown-top-left:after {
	bottom: -6px;
	right: 7px
}

.datetimepicker-dropdown-top-right:before {
	bottom: -7px;
	left: 6px
}

.datetimepicker-dropdown-top-right:after {
	bottom: -6px;
	left: 7px
}

.datetimepicker>div {
	display: none
}

.datetimepicker.minutes div.datetimepicker-minutes {
	display: block
}

.datetimepicker.hours div.datetimepicker-hours {
	display: block
}

.datetimepicker.days div.datetimepicker-days {
	display: block
}

.datetimepicker.months div.datetimepicker-months {
	display: block
}

.datetimepicker.years div.datetimepicker-years {
	display: block
}

.datetimepicker table {
	margin: 0
}

.datetimepicker td,
.datetimepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
	background-color: transparent
}

.datetimepicker table tr td.minute:hover {
	background: #eee;
	cursor: pointer
}

.datetimepicker table tr td.hour:hover {
	background: #eee;
	cursor: pointer
}

.datetimepicker table tr td.day:hover {
	background: #eee;
	cursor: pointer
}

.datetimepicker table tr td.new,
.datetimepicker table tr td.old {
	color: #999
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
	background: 0;
	color: #999;
	cursor: default
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today.disabled:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today[disabled] {
	background-color: #fdf59a
}

.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today:hover:active {
	background-color: #fbf069
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #08c, #04c);
	background-image: -ms-linear-gradient(top, #08c, #04c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
	background-image: -webkit-linear-gradient(top, #08c, #04c);
	background-image: -o-linear-gradient(top, #08c, #04c);
	background-image: linear-gradient(to bottom, #08c, #04c);
	background-repeat: repeat-x;
	border-color: #04c #04c #002a80;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active.disabled:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active[disabled] {
	background-color: #04c
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active:hover:active {
	background-color: #039
}

.datetimepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.datetimepicker .datetimepicker-hours span {
	height: 26px;
	line-height: 26px
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
	width: 14.6%
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
	margin-bottom: inherit;
	line-height: 30px
}

.datetimepicker .datetimepicker-minutes span {
	height: 26px;
	line-height: 26px
}

.datetimepicker table tr td span:hover {
	background: #eee
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
	background: 0;
	color: #999;
	cursor: default
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #08c, #04c);
	background-image: -ms-linear-gradient(top, #08c, #04c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
	background-image: -webkit-linear-gradient(top, #08c, #04c);
	background-image: -o-linear-gradient(top, #08c, #04c);
	background-image: linear-gradient(to bottom, #08c, #04c);
	background-repeat: repeat-x;
	border-color: #04c #04c #002a80;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active.disabled:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active[disabled] {
	background-color: #04c
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover:active {
	background-color: #039
}

.datetimepicker table tr td span.old {
	color: #999
}

.datetimepicker th.switch {
	width: 145px
}

.datetimepicker th span.glyphicon {
	pointer-events: none
}

.datetimepicker tfoot th,
.datetimepicker thead tr:first-child th {
	cursor: pointer
}

.datetimepicker tfoot th:hover,
.datetimepicker thead tr:first-child th:hover {
	background: #eee
}

.input-append.date .add-on i,
.input-group.date .input-group-addon span,
.input-prepend.date .add-on i {
	cursor: pointer;
	width: 14px;
	height: 14px
}


/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.bootstrap-timepicker {
	position: relative
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
	left: auto;
	right: 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
	left: auto;
	right: 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
	left: auto;
	right: 13px
}

.bootstrap-timepicker .input-group-addon {
	cursor: pointer
}

.bootstrap-timepicker .input-group-addon i {
	display: inline-block;
	width: 16px;
	height: 16px
}

.bootstrap-timepicker-widget.dropdown-menu {
	padding: 4px
}

.bootstrap-timepicker-widget.dropdown-menu.open {
	display: inline-block
}

.bootstrap-timepicker-widget.dropdown-menu:before {
	border-bottom: 7px solid rgba(0, 0, 0, .2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: inline-block;
	position: absolute
}

.bootstrap-timepicker-widget.dropdown-menu:after {
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	position: absolute
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
	left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
	left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
	right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
	right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
	top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
	top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #fff
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
	border-radius: 4px
}

.bootstrap-timepicker-widget table {
	width: 100%;
	margin: 0
}

.bootstrap-timepicker-widget table td {
	text-align: center;
	height: 30px;
	margin: 0;
	padding: 2px
}

.bootstrap-timepicker-widget table td:not(.separator) {
	min-width: 30px
}

.bootstrap-timepicker-widget table td span {
	width: 100%
}

.bootstrap-timepicker-widget table td a {
	border: 1px transparent solid;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 8px 0;
	outline: 0;
	color: #333
}

.bootstrap-timepicker-widget table td a:hover {
	text-decoration: none;
	background-color: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #ddd
}

.bootstrap-timepicker-widget table td a i {
	margin-top: 2px;
	font-size: 18px
}

.bootstrap-timepicker-widget table td input {
	width: 25px;
	margin: 0;
	text-align: center
}

.bootstrap-timepicker-widget .modal-content {
	padding: 4px
}

@media (min-width:767px) {
	.bootstrap-timepicker-widget.modal {
		width: 200px;
		margin-left: -100px
	}
}

@media (max-width:767px) {
	.bootstrap-timepicker {
		width: 100%
	}
	.bootstrap-timepicker .dropdown-menu {
		width: 100%
	}
}

.daterangepicker {
	position: absolute;
	color: inherit;
	background-color: #fff;
	border-radius: 4px;
	width: 278px;
	padding: 4px;
	margin-top: 1px;
	top: 100px;
	left: 20px
}

.daterangepicker:after,
.daterangepicker:before {
	position: absolute;
	display: inline-block;
	border-bottom-color: rgba(0, 0, 0, .2);
	content: ''
}

.daterangepicker:before {
	top: -7px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #ccc
}

.daterangepicker:after {
	top: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
	right: 9px
}

.daterangepicker.opensleft:after {
	right: 10px
}

.daterangepicker.openscenter:before {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto
}

.daterangepicker.openscenter:after {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto
}

.daterangepicker.opensright:before {
	left: 9px
}

.daterangepicker.opensright:after {
	left: 10px
}

.daterangepicker.dropup {
	margin-top: -5px
}

.daterangepicker.dropup:before {
	top: initial;
	bottom: -7px;
	border-bottom: initial;
	border-top: 7px solid #ccc
}

.daterangepicker.dropup:after {
	top: initial;
	bottom: -6px;
	border-bottom: initial;
	border-top: 6px solid #fff
}

.daterangepicker.dropdown-menu {
	max-width: none;
	z-index: 3001
}

.daterangepicker.single .calendar,
.daterangepicker.single .ranges {
	float: none
}

.daterangepicker.show-calendar .calendar {
	display: block
}

.daterangepicker .calendar {
	display: none;
	max-width: 270px;
	margin: 4px
}

.daterangepicker .calendar.single .calendar-table {
	border: none
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
	white-space: nowrap;
	text-align: center;
	min-width: 32px
}

.daterangepicker .calendar-table {
	border: 1px solid #fff;
	padding: 4px;
	border-radius: 4px;
	background-color: #fff
}

.daterangepicker table {
	width: 100%;
	margin: 0
}

.daterangepicker td,
.daterangepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid transparent;
	white-space: nowrap;
	cursor: pointer
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #eee;
	border-color: transparent;
	color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
	font-size: 80%;
	color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
	background-color: #fff;
	border-color: transparent;
	color: #999
}

.daterangepicker td.in-range {
	background-color: #ebf4f8;
	border-color: transparent;
	color: #000;
	border-radius: 0
}

.daterangepicker td.start-date {
	border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
	border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
	border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #357ebd;
	border-color: transparent;
	color: #fff
}

.daterangepicker th.month {
	width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
	color: #999;
	cursor: not-allowed;
	text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default
}

.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%
}

.daterangepicker select.yearselect {
	width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
	width: 50px;
	margin-bottom: 0
}

.daterangepicker .input-mini {
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	height: 30px;
	line-height: 30px;
	display: block;
	vertical-align: middle;
	margin: 0 0 5px 0;
	padding: 0 6px 0 28px;
	width: 100%
}

.daterangepicker .input-mini.active {
	border: 1px solid #08c;
	border-radius: 4px
}

.daterangepicker .daterangepicker_input {
	position: relative
}

.daterangepicker .daterangepicker_input i {
	position: absolute;
	left: 8px;
	top: 8px
}

.daterangepicker.rtl .input-mini {
	padding-right: 28px;
	padding-left: 6px
}

.daterangepicker.rtl .daterangepicker_input i {
	left: auto;
	right: 8px
}

.daterangepicker .calendar-time {
	text-align: center;
	margin: 5px auto;
	line-height: 30px;
	position: relative;
	padding-left: 28px
}

.daterangepicker .calendar-time select.disabled {
	color: #ccc;
	cursor: not-allowed
}

.ranges {
	font-size: 11px;
	float: none;
	margin: 4px;
	text-align: left
}

.ranges ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%
}

.ranges li {
	font-size: 13px;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 4px;
	color: #08c;
	padding: 3px 12px;
	margin-bottom: 8px;
	cursor: pointer
}

.ranges li:hover {
	background-color: #08c;
	border: 1px solid #08c;
	color: #fff
}

.ranges li.active {
	background-color: #08c;
	border: 1px solid #08c;
	color: #fff
}

@media (min-width:564px) {
	.daterangepicker {
		width: auto
	}
	.daterangepicker .ranges ul {
		width: 160px
	}
	.daterangepicker.single .ranges ul {
		width: 100%
	}
	.daterangepicker.single .calendar.left {
		clear: none
	}
	.daterangepicker.single.ltr .calendar,
	.daterangepicker.single.ltr .ranges {
		float: left
	}
	.daterangepicker.single.rtl .calendar,
	.daterangepicker.single.rtl .ranges {
		float: right
	}
	.daterangepicker.ltr {
		direction: ltr;
		text-align: left
	}
	.daterangepicker.ltr .calendar.left {
		clear: left;
		margin-right: 0
	}
	.daterangepicker.ltr .calendar.left .calendar-table {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.daterangepicker.ltr .calendar.right {
		margin-left: 0
	}
	.daterangepicker.ltr .calendar.right .calendar-table {
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.daterangepicker.ltr .left .daterangepicker_input {
		padding-right: 12px
	}
	.daterangepicker.ltr .calendar.left .calendar-table {
		padding-right: 12px
	}
	.daterangepicker.ltr .calendar,
	.daterangepicker.ltr .ranges {
		float: left
	}
	.daterangepicker.rtl {
		direction: rtl;
		text-align: right
	}
	.daterangepicker.rtl .calendar.left {
		clear: right;
		margin-left: 0
	}
	.daterangepicker.rtl .calendar.left .calendar-table {
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.daterangepicker.rtl .calendar.right {
		margin-right: 0
	}
	.daterangepicker.rtl .calendar.right .calendar-table {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.daterangepicker.rtl .left .daterangepicker_input {
		padding-left: 12px
	}
	.daterangepicker.rtl .calendar.left .calendar-table {
		padding-left: 12px
	}
	.daterangepicker.rtl .calendar,
	.daterangepicker.rtl .ranges {
		text-align: right;
		float: right
	}
}

@media (min-width:730px) {
	.daterangepicker .ranges {
		width: auto
	}
	.daterangepicker.ltr .ranges {
		float: left
	}
	.daterangepicker.rtl .ranges {
		float: right
	}
	.daterangepicker .calendar.left {
		clear: none!important
	}
}

@media (max-width:992px) {
	.bm_title {
		padding-top: 0;
	}
	.p_box {
		min-height: 20px;
		line-height: 20px;
		padding: 10px 10px 0;
	}
	.hbg1 {
		background: #FCC;
		padding: 30px 0;
		margin-top: 30px;
	}
	.h_bg01 {
		height: auto;
		background-size: auto 120%;
	}
}

@media (max-width:767px) {
	.banner_p {
		padding: 20px 0;
	}
	.line,
	.line1:after {
		display: none;
	}
	.bann_60 {
		font-size: 18px;
	}
	.bm_title {
		padding-top: 0;
	}
	.col-p0 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.hbg1 {
		background: #FCC;
		padding: 30px 0;
		margin-top: 30px;
	}
	.footer_n a {
		display: inline-block;
		padding: 10px 0;
		width: 49%;
		text-align: center;
	}
	.m_none {
		display: none;
	}
	.m_btn {
		width: 100%;
		margin-top: 20px;
	}
	.h_bg {
		height: auto;
		background-size: auto 120%;
		padding-bottom: 10px;
	}
	.lo_box {
		width: 94% !important;
		position: static !important;
		margin: 20px auto;
		margin-left: 3% !important;
		margin-top: 50px !important;
		height: auto;
	}
	.lo_bg {
		background-size: auto 100%;
	}
	.lo_footer {
		position: static;
		padding-bottom: 15px;
	}
	.media-heading_m {
		padding-top: 0;
		padding-bottom: 5px;
	}
	.media-heading_m .weui-f28 {
		display: inline-block;
		padding-bottom: 10px;
	}
	.m_bg {
		background-size: 250%;
	}
	.photo {
		width: 100%;
		box-sizing: border-box;
	}
	.m_xg {
		position: absolute;
		right: 20px;
		top: -800px;
	}
	.m_p0 {
		padding: 0;
	}
	.col-2 {
		width: 50%;
	}
	.m_db {
		display: block;
	}
	.m_mar {
		margin-left: 30px;
	}
	.bj_top {
		padding-top: 70px;
	}
	.weui-mr20 {
		padding-right: 0;
		margin-right: 0;
	}
	.media-left1 {
		display: block;
	}
	.ld_a {
		width: 100%;
		padding: 10px 0;
	}
	.r_bg1 {
		background: url(../images/4bg_01.png) center top no-repeat;
		background-size: auto 210px;
	}
	.ld_bg {
		background: url(../images/bg5_01.png) center top no-repeat;
		background-size: auto 210px;
	}
	.searc_pd {
		padding: 45px 0;
	}
	.p_box {
		min-height: 20px;
		line-height: 20px;
		padding: 10px 10px 0;
	}
	.SugarBaby {
		padding: 0;
		margin: 0;
	}
	.nav01 {
		float: none;
	}
}

@media (max-width:992px) {
	.banner_p {
		width: 60%;
		padding: 20px 0;
	}
	.banner_top {
		text-align: center;
	}
	.banner_top .line1 {
		float: none;
		display: block;
		position: static;
		width: 100%;
	}
	.banner_btns {
		float: none;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}
	.banner_arrow {
		padding-top: 15px;
		padding-bottom: 5px;
	}
	.m_btn {
		width: 100%;
		margin-top: 20px;
	}
	.h_bg {
		/*background: url(../images/home_01.png) center top no-repeat;*/
		height: auto;
		min-height: 300px;
		padding-bottom: 10px;
	}
	.m_none {
		display: none
	}
	.line,
	.line1:after {
		display: none;
	}
}

@media (max-width:720px) {
	.banner_p {
		width: 100%;
	}
}

.btn3 {
	background: #f18404;
	color: #fff;
}

.title {
	background: url(../images/z_03.png) center no-repeat;
}

.item1 {
	line-height: 36px;
}

.weui-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.weui-flex__item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.rester_wrap {
	width: 100%;
	overflow: hidden;
	min-width: 320px;
	margin: 0px auto;
	max-width: 640px;
	box-sizing: border-box;
	position: relative;
	height: 100%;
}

.rester_bg {
	/*background:url(../images/sjdzc.png) center no-repeat;*/
	background-size: 100% 100%;
	padding: 15px 30px 0;
}

.resterbtn1 {
	border-radius: 30px;
	background: #e95c6a;
	color: #fff;
	padding: 10px 0;
	box-shadow: 0 0 10px #999;
}

.resterbtn2 {
	background: #fff;
	color: #e95c6a;
}

.resterbox {
	padding: 30px 10px;
	position: relative;
}

.resterbox:after {
	content: '';
	background: url(../images/t.png) center no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	height: 40px;
	left: -10px;
	right: -10px;
	top: -30px;
}

.form02 {
	width: 100%;
}

.form01 {
	padding: 10px;
}

.title1 {
	color: #e85d59;
	position: relative;
}

.title1:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 75%;
	top: 7px;
	border-bottom: 1px solid #e95c6a;
}

.title1:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	left: 75%;
	top: 7px;
	border-bottom: 1px solid #e95c6a;
}


/***************/

.index_zc {
	float: right;
	color: #ffffff;
	line-height: 40px;
	font-size: 14px
}

.index_zc a {
	color: #ffffff;
	margin-left: 5px
}

.topwid {
	width: 100%;
}


/*@media (max-width:480px){
.topwid img{ height:35px; margin-top:0px}
}*/

@media (max-width:320px) {
	.topwid img {
		height: 30px;
		margin-top: 5px
	}
}


/*新新新*/

.shengji {
	margin-top: 0px;
}

.sjimgtop {
	margin-top: -80px
}

.sjimgtop01 {
	margin-top: -60px
}

.bj_top {
	padding-top: 20px;
	margin-top: 110px;
}

.bj_top01 {
	padding-top: 20px;
	margin-top: 110px;
}

.bgbgf {
	background: #ffffff;
}

.weui_white01 {
	color: #333333
}

@media (max-width:992px) {
	.shengji {
		margin-top: 120px;
	}
	.weui_white01 {
		color: #ffffff
	}
}

.tiaokuang {
	margin: 0 auto;
	box-shadow: 0 0 10px #ccc;
	background: #ffffff;
	border-radius: 5px;
	padding: 30px 0;
	margin-top: 30px;
}

.tkny {
	width: 90%;
	margin: 0 auto;
}

.tkny h4 {
	font-size: 18px
}

.tkny .article-back + h4.weui_f24 {
	margin-bottom: 24px;
}

.tkny h4.article-faq-q {
	font-size: 13px;
}

.tkny h4.article-faq-section {
	padding-top: 35px;
}

.tkny p a {
	color: #ff4d4e;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.tkny p a:hover {
	color: #e8715a;
}

@media (max-width:767px) {
	.footer_n.footer_n-guide {
		text-align: left;
	}

	.footer_n.footer_n-guide a {
		display: inline-block;
		width: 49%;
		padding: 10px 0;
		text-align: center;
		box-sizing: border-box;
	}
}

.lixheight {
	min-height: 800px
}

@media (max-width:767px) {
	.index_pic {
		margin-bottom: 10px;
		width: 90px
	}
	.index_text {
		width: 100%;
		display: table;
		font-size: 15px;
		line-height: 20px
	}
	.coblack {
		color: #ffffff
	}
	.lixheight {
		min-height: 600px
	}
	.zhuce {
		width: 85% !important;
		margin: 0 auto;
		display: table;
		border-radius: 10px
	}
	.lo_boxzc {
		width: 90%;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px
	}
	.title1:after {
		right: 90%;
	}
	.title1:before {
		left: 90%;
	}
	.zc_bg {
		background-size: auto 100% !important;
	}
	.yanzhengpic {
		width: 90% !important;
	}
}

.zc_bg {
	background: url(../images/sjdzc.jpg) center top no-repeat;
}

@media (max-width:320px) {
	.index_pic {
		margin-bottom: 10px;
		width: 80px
	}
}

.zce_bg {
	background: url(../images/home_01.png) center top no-repeat;
}

.zhuce {
	width: 90%;
	margin: 0 auto;
	display: table;
	border-radius: 10px;
}

.zhutbg {
	width: 95%;
	margin: 0 auto;
	display: table
}

.zhucetext {
	text-align: center
}

.yanzheng {
	width: 100%;
	display: table;
	background: #fff9fb;
	padding: 15px
}

.yanzheng span {
	width: 100%;
	display: table;
	padding: 5px 0;
}

.yanzhengpic {
	width: 60%;
	margin: 0 auto;
	display: table
}

.yzcolor {
	color: #ff4d4e;
	font-weight: bold;
	font-size: 15px
}

@media (max-width:360px) {
	.yzcolor {
		font-size: 13px
	}
}

.dengru {
	padding-bottom: 30px
}

.password_n {
	width: 60%;
	margin: 0 auto;
	display: table;
}

.password_n h3 {
	font-size: 20px;
	color: #d9534f;
	border-bottom: #d9534f 1px solid;
	line-height: 45px;
}

.passform {
	width: 100%;
	margin-top: 20px;
}

.gehupic {
	width: 150px;
	height: 150px;
	border-radius: 10px;
	border: 3px solid #fff;
	background: #FFF
}

.lytitle {
	width: 100%;
	/* background:#faeded; */
	height: 40px;
	line-height: 40px;
	display: table;
	color: #ff4d4e;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: #ff4d4e 1px solid
}

.lytitle i {
	width: 4px;
	height: 20px;
	background: #ff4d4e;
	margin-left: 0px;
	margin-right: 10px;
	display: table;
	float: left;
	margin-top: 10px
}

.lytitle a {
	color: #ff4d4e;
}

.zlxctitle {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: #ddd 1px solid;
	font-size: 20px;
	font-weight: bold;
}

.grline {
	border-bottom: #e0e0e0 1px dashed;
}

.group {
	width: 100%;
	padding-bottom: 15px;
	display: table;
	margin-top: 20px;
}

.grouttitle {
	color: #666666;
	font-size: 16px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.group_but {
	width: 110px;
	height: 35px;
	background: #cdcdcd;
	border-radius: 25px;
	color: #fff;
	margin-top: -2px;
}

.gradd {
	width: 60px;
	border: #eeeeee 1px solid;
	color: #666666;
	display: table;
	text-align: center;
	margin-left: 15px;
	padding: 5px 0;
}

.grtop150 {
	margin-top: 30px
}

.grxiphoto {
	width: 100%;
	display: table;
	padding-top: 20px
}

.write_img {
	float: left;
	width: 16.6%;
	float: left;
	margin-bottom: 10px;
	margin-right: 0px;
}

.write_img .img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.main_fadein{
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
}
.main_fadein .box{
	width: 280px;
	height: 220px;
	background: #fff8f8;
	border-radius: 20px;
	border: 5px solid #fd5a5b;
	position: relative;
	padding: 45px 15px 0 15px;
}

.main_fadein .box .title{
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	padding: 0 25px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	box-shadow: inset 0 0 20px 2px rgba(0, 0, 0, 10%);
	border-radius: 12px 0 20px 0;
	height: 40px;
	color: #fff;
	background: #fd5a5b;
	position: absolute;
	left: -3px;
	top: -3px;
}

.main_fadein .box .inner{
	width: 100%;
	height: 85px;
	overflow: auto;
	padding: 10px 0;
	padding-top: 40px;
}

.main_fadein .inner::-webkit-scrollbar {
  width : 5px;
  height: 1px;
  }
  .main_fadein .inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background   : #fd5a5b;
  }
  .main_fadein .inner::-webkit-scrollbar-track {
  border-radius: 10px;
  background   : #eeeeee;
  }
.main_fadein .box .inner div{
	height: 200px;
}
.main_fadein .box .inner p{
	font-size: 15px;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.main_fadein .button{
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-top: 24px;
	justify-content: space-between;
}
.main_fadein .button div{
	overflow: hidden;
	width: 110px;
	transition: all .1s;
	cursor: pointer;
	height: 36px;
	background-size: 100% 100%;
	background-image: url(../images/btns_03.jpg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
}
.main_fadein .button div:hover{
	opacity: 0.8;
}
.main_fadein .button div.on{
	background-image: url(../images/btns_05.jpg);
}

@media (max-width:767px) {
	.write_img {
		float: left;
		width: 33.333%;
		float: left;
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.write_img .img {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #f2f2f2;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		-webkit-background-size: cover;
		background-size: cover;
	}
}

@media (max-width:1024px) {
	.zlxctitle {
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-bottom: #ddd 1px solid;
		font-size: 16px;
		font-weight: bold
	}
	.grouttitle {
		color: #666666;
		font-size: 14px;
		margin-left: 5px;
		margin-bottom: 10px
	}
	.group_but {
		width: 110px;
		height: 35px;
		background: #cdcdcd;
		border-radius: 25px;
		color: #fff;
		margin-top: -2px;
	}
	.gradd {
		width: 60px;
		border: #eeeeee 1px solid;
		color: #666666;
		display: table;
		text-align: center;
		margin-left: 10px;
		padding: 3px 0;
		margin-top: 2px
	}
}

@media (max-width:767px) {
	.shengji {
		margin-top: 0px;
	}
	.dtbot {
		width: 100%;
		position: static;
	}
	.password_n {
		width: 95%;
		margin: 0 auto;
		display: table;
	}
	.gehupic {
		width: 120px;
		height: 120px
	}
	.grtop150 {
		margin-top: 10px
	}
	.paleft0 {
		padding: 0
	}
	.grouttitle {
		color: #666666;
		font-size: 14px;
		margin-left: 5px;
		margin-bottom: 10px;
	}
	.group_but {
		width: 110px;
		height: 35px;
		background: #cdcdcd;
		border-radius: 25px;
		color: #fff;
		margin-top: 10px;
	}
	.gradd {
		width: 60px;
		border: #eeeeee 1px solid;
		color: #666666;
		display: table;
		text-align: center;
		margin-left: 10px;
		padding: 3px 0;
		margin-top: 2px;
		float: right;
	}
	.leftdh {
		display: none
	}
	.leftbot {
		margin-bottom: 20px
	}
}

@media (max-width:992px) {
	.link_left li {
		float: left;
		padding: 0
	}
	.link_left li a {
		padding: 10px 0
	}
	.topyinc {
		width: 100%;
		margin-left: 0%;
		display: table;
		margin: 0 auto
	}
	.topyinc a {
		color: #ffffff
	}
	.toplinkn {
		display: block !important
	}
	.top_wi1 {
		width: auto;
		margin-right: 8%
	}
	.top_wi2 {
		width: auto;
		margin-right: 7%
	}
	.top_wi3 {
		width: auto;
		margin-right: 7%
	}
	.toplinkn {
		margin-top: 10px;
	}
	.top_r0 {
		margin-right: 0
	}
	.sctx {
		width: 100%;
		display: table;
		margin-top: 20px;
		margin-bottom: 20px !important
	}
	.jbziliao {
		font-weight: bold;
		font-size: 16px !important;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #e5e5e5
	}
}

@media (max-width:720px) {
	.topyinc {
		width: 97%;
	}
	.link_left li {
		float: left;
		padding: 0
	}
	.link_left li a {
		padding: 10px 0
	}
	.top_wi1 {
		width: 45%;
		margin-right: 0
	}
	.top_wi2 {
		width: 33%;
		margin-right: 0
	}
	.top_wi3 {
		width: 22%;
		margin-right: 0;
	}
}

@media (max-width:320px) {
	.top_wi1 {
		width: 44%;
		margin-right: 0
	}
	.top_wi2 {
		width: 31%;
		margin-right: 0
	}
	.top_wi3 {
		width: 25%;
		margin-right: 0
	}
}

.toplinkn {
	display: none
}

.jbziliao {
	font-weight: bold;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5
}

.jbrtext {
	width: 110px;
	height: 30px;
	line-height: 30px;
	color: #e65858;
	background: #ffe3e3;
	text-align: center;
	padding: 0px 0px;
	font-size: 16px;
	font-weight: normal;
	border-radius: 50px;
	float: right
}

.grrow_icon {
	color: #e65858;
	margin-right: 2px;
	font-size: 16px;
}

.fromright {
	width: 100%;
	display: table;
	text-align: right;
}

.twzip {
	width: 100%;
	margin-bottom: 6px;
	float: right
}

.zoselect {
	width: 100%;
	height: 34px;
	line-height: 34px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 6px 12px;
}

.wenxism {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #ff4d4e;
	padding-top: 30px
}

.souxun {
	background: #ffffff;
	margin-top: 100px;
	padding: 20px;
	border-radius: 20px 20px 0 0;
}

@media (max-width:992px) {
	.souxun {
		margin-top: 40px;
	}
}

.soux {
	font-size: 22px;
	font-weight: bold;
	border-bottom: #ff4d4e 1px solid;
	line-height: 40px;
	padding-bottom: 10px;
	color: #ff4d4e;
}

.soux i {
	width: 4px;
	height: 20px;
	background: #ff4d4e;
	margin-left: 0px;
	margin-right: 10px;
	display: table;
	float: left;
	margin-top: 10px;
}

.soux01 {
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	border-bottom: #ff4d4e 1px solid;
	line-height: 40px;
	padding-bottom: 10px;
	background: #FFF;
	color: #ff4d4e;
}

.soux01 i {
	width: 4px;
	height: 20px;
	background: #ff4d4e;
	margin-left: 0px;
	margin-right: 10px;
	display: table;
	float: left;
	margin-top: 10px;
}

.twzip01 {
	width: 90%;
	margin: 0 auto;
	display: table
}

.sxhy {
	width: 100%;
	text-align: left;
	float: left
}

.sxhy02 {
	width: 40%;
	float: right;
	text-align: right;
	color: #999999;
	line-height: 35px
}

.sxhy03 {
	width: 100%;
	display: table
}

.xspic_box {
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xspic_box img {
	max-width: 100%;
	max-height: 100%;
}

.btn_01 {
	background: #ff4d4e;
	border-radius: 25px;
	color: #fff;
	padding: 10px 20px;
	margin-right: 15px;
}

.btn_01:hover {
	color: #ffffff
}

.btn_02 {
	background: #cdcdcd;
	border-radius: 25px;
	color: #fff;
	padding: 10px 20px;
}

.btn_02:hover {
	color: #ffffff
}

.botpd {
	padding: 0px 0 10px 0;
	border-bottom: #eeeeee 1px solid
}

.botli_30 {
	line-height: 30px;
}

.time {
	color: #666666;
	width: 100%;
	text-align: right
}

.time01 {
	color: #666666;
	width: 100%;
	text-align: right
}

.botpfot {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.page_bot {
	width: 100%;
	margin-bottom: 40px;
	display: table
}

.page {
	width: 130px;
	height: 40px;
	border: #CCC 1px solid;
	border-radius: 50px;
	display: table;
	line-height: 40px;
	text-align: center;
	color: #666666
}

.page:hover {
	color: #ffffff;
	background: #ff4d4e;
	border: none;
	text-decoration: none
}

.media_pic {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background: #ffffff;
}

.sjian {
	text-align: right;
	font-size: 22px;
	font-weight: bold;
	line-height: 40px;
	padding-bottom: 20px;
	margin-top: 20px;
	color: #ffffff
}

.sj_left {
	width: 50%;
	float: left;
	text-align: center
}

.sjxq_mt40 {
	padding-top: 25px;
}

.sotopsj {
	margin-top: 40px;
}

.xqtopoic {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.nametitle {
	font-size: 20px;
	padding-right: 5px;
	vertical-align: middle;
}

.mrtopp {
	margin-top: 110px;
}

.diqu {
	padding-top: 10px;
	margin-bottom: 8px
}

.xiapbopic {
	width: 100%;
	margin-top: 10px;
}

.xiapbopic span {
	width: 50%;
	float: left;
	line-height: 25px;
}

.xstxx {
	width: 180px;
	float: right
}

.bacoff {
	background: #FFF;
	padding: 10px 10px;
	min-height: 900px
}

@media (max-width:767px) {
	.xiapbopic {
		width: 100%;
		margin-top: 10px;
		margin-left: 12%
	}
	.xiapbopic span {
		width: 50%;
		float: left;
		line-height: 25px;
	}
	.xstxx {
		width: 100% !important;
		margin-left: 25% !important;
		float: left
	}
	.time {
		text-align: center
	}
}

@media (max-width:320px) {
	.xiapbopic {
		width: 100%;
		margin-top: 10px;
		margin-left: 9%
	}
}

@media (max-width:992px) {
	.xstxx {
		width: 50%;
		margin-left: 40%;
		float: left
	}
	.qxvip {
		display: none;
	}
	.qxviptop {
		margin-top: -150px
	}
}

@media (max-width:767px) {
	.qxviptop {
		margin-top: 36px
	}
}

.febut {
	position: absolute;
	top: 130px;
	width: 30%;
	margin-left: 35%;
}

.new_top {
	width: 80%;
	margin-top: 50px;
	padding-bottom: 40px
}

.new_toptitle {
	width: 100%;
	color: #ffffff;
	font-size: 32px;
	text-align: center;
}

/* 桌機：固定 gap 裝飾，避免長標題擠壓橫線 */
@media (min-width: 768px) {
	.new_toptitle.title {
		background: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 22px;
	}

	.new_toptitle.title:before,
	.new_toptitle.title:after {
		content: '';
		width: 113px;
		height: 6px;
		flex-shrink: 0;
		background: url(../images/z_03.png) left center no-repeat;
	}

	.new_toptitle.title:after {
		background-position: right center;
	}
}

/* 手機：長標題縮短左右裝飾線，避免與文字黏在一起 */
@media (max-width: 767px) {
	.new_toptitle.title-long {
		background: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 14px;
		white-space: nowrap;
	}

	.new_toptitle.title-long:before,
	.new_toptitle.title-long:after {
		content: '';
		width: 52px;
		height: 6px;
		flex-shrink: 0;
		background: url(../images/z_03.png) no-repeat;
		background-size: 398px 6px;
	}

	/* 裁切靠文字一側：橫線末端 + 圓點 */
	.new_toptitle.title-long:before {
		background-position: -61px center;
	}

	.new_toptitle.title-long:after {
		background-position: -285px center;
	}
}

.new_centtop {
	margin-bottom: 40px;
}

.newwidth {
	width: 100px;
	text-align: right;
	float: left
}

.lo_box {
	width: 940px;
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	display: table;
	margin-top: 115px
}

.dtbot {
	width: 100%;
	background: rgba(255, 255, 255, 0.2);
	margin-top: 230px
}

@media (max-width:1024px) {
	.lo_box {
		margin-top: 200px
	}
	.dtbot {
		width: 100%;
		background: rgba(255, 255, 255, 0.2);
		margin-top: 480px;
	}
}

@media (max-width:992px) {
	.lo_box {
		margin-top: 100px
	}
}

@media (max-width:720px) {
	.dtbot {
		width: 100%;
		background: rgba(255, 255, 255, 0.2);
		margin-top: 50px;
		position: static;
		bottom: 0
	}
}

@media (max-width:992px) {
	.lo_box {
		width: 80%;
		left: 10%;
		margin-left: 10%;
		top: 3%
	}
	.dtbot {
		width: 100%;
		background: rgba(255, 255, 255, 0.2);
		margin-top: 108px;
	}
	.grtop150 {
		margin-top: 0 !important
	}
	.zleft {
		display: none;
	}
	.sotopf {
		margin-top: -125px
	}
	.soux {
		font-size: 20px;
	}
	.soux01 {
		font-size: 20px;
		color: #ff4d4e
	}
	.sotopsj {
		margin-top: 20px;
		border-bottom: #cccccc 1px solid;
		padding-bottom: 10px;
	}
	.media_pic {
		width: 90px;
		height: 90px;
		border-radius: 10px;
		background: #ffffff;
	}
	.mrtopp {
		margin-top: 150px;
	}
	.febut {
		position: absolute;
		top: 120px;
		width: 80%;
		margin-left: 10%;
	}
	.bj_top {
		padding: 10px 0;
		margin-top: 80px
	}
	.bj_top01 {
		padding: 10px 0;
		margin-top: 160px;
	}
}

@media (max-width:823px) {
	.bj_top {
		padding: 10px 0;
		margin-top: 40px
	}
}

@media (max-width:768px) {
	.bj_top {
		padding: 10px 0;
		margin-top: 60px
	}
}

@media (max-width:767px) {
	.new_top {
		width: 90%;
		margin-top: 10px;
		padding-bottom: 10px
	}
}

@media (max-width:767px) {
	.new_top {
		width: 90%;
		margin-top: 20px;
		padding-bottom: 20px
	}
	.new_toptitle {
		width: 100%;
		color: #ffffff;
		font-size: 32px;
		text-align: center;
	}
	.sotopf {
		margin-top: -100px
	}
	.dtbot {
		margin-top: 60px;
	}
	.souxun {
		width: 93%;
		margin: 0 auto;
		background: #FFF;
		margin-top: 59px;
		padding: 10px
	}
	.soux {
		font-size: 20px;
		color: #ff4d4e
	}
	.soux01 {
		font-size: 20px;
		color: #ff4d4e
	}
	.mrtopp {
		margin-top: 120px;
	}
	.bj_top {
		padding: 0 13px;
		margin-top: 159px !important
	}
	.bj_top01 {
		padding: 0 13px;
		margin-top: 240px !important
	}
	.sxhy {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		display: table;
		margin-top: 10px;
	}
	.sxhy03 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		display: table
	}
	.sxhy02 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		color: #999999;
		line-height: 35px
	}
	.xspic {
		margin: 0 auto;
	}
	.btn_01 {
		background: #ff4d4e;
		border-radius: 25px;
		color: #fff;
		padding: 11px 16px;
		margin-right: 10px;
	}
	.btn_01:hover {
		color: #ffffff
	}
	.btn_02 {
		background: #cdcdcd;
		border-radius: 25px;
		color: #fff;
		padding: 10px 20px;
	}
	.btn_02:hover {
		color: #ffffff
	}
	.botpd {
		padding: 5px 0 10PX 0;
		border-bottom: #eeeeee 1px solid
	}
	.sjxq_mt40 {
		padding-top: 40px;
	}
	.nametitle {
		font-size: 16px;
		padding-right: 5px;
		vertical-align: middle;
	}
	.botfont_pd {
		padding: 25px 0;
	}
	.botftop {
		margin-top: 50px;
	}
	.febut {
		position: absolute;
		top: 92px;
		width: 92%;
		margin-left: 4%;
	}
}

@media (max-width:360px) {
	.btn_01 {
		padding: 6px 10px;
		margin-right: 10px;
	}
	.btn1 {
		padding: 5px;
	}
	.btn_02 {
		padding: 5px 15px;
	}
}

.shicent {
	float: right;
	line-height: 35px
}

.xshline {
	line-height: 35px
}

.xshline02 {
	display: inline-block;
	height: 35px
}

.sz_vip {
	margin: 0 auto;
	padding: 0px;
	display: table;
	margin-top: 30px;
	margin-bottom: 30px;
}

.sz_vip h2 {
	color: #e65757;
	font-size: 22px;
	font-weight: bold;
	text-align: center
}

.sz_vip h3 {
	color: #666666;
	font-size: 16px;
	text-align: center;
	padding-bottom: 10px
}

.sz_vip img {
	width: 200px;
	margin: 0 auto;
	padding: 0px;
	display: block;
	margin-bottom: 40px;
}

.sz_hight {
	min-height: 600px;
	padding-bottom: 30px
}

.sz_vip_font {
	width: 90%;
	background: #eeeeee;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto;
	padding: 5px;
	display: table;
	margin-bottom: 20px;
}

.sz_vip .cxbutton02 {
	width: 200px;
}

.cxbutton {
	width: 230px;
	height: 45px;
	line-height: 45px;
	background: #d5c2a4;
	margin: 0 auto;
	padding: 0px;
	display: table;
	margin-top: 15px;
	color: #ffffff;
	border-radius: 5px;
	font-size: 18px;
}

.cxbutton02 {
	width: 230px;
	height: 45px;
	line-height: 45px;
	background: #e65757;
	margin: 0 auto;
	padding: 0px;
	display: table;
	margin-top: 15px;
	color: #ffffff;
	border-radius: 5px;
	font-size: 18px;
}

.quxiao {
	width: 500px;
	margin: 0 auto;
	display: table
}

@media (max-width:767px) {
	.hhm_none {
		display: none;
	}
}

@media (max-width:992px) {
	.hhm_none {
		display: none;
	}
}

@media (max-width:767px) {
	.sz_hight {
		min-height: 400px
	}
	.sz_vip h3 {
		padding-bottom: 10px
	}
	.sz_vip img {
		width: 200px;
		margin: 0 auto;
		padding: 0px;
		display: block;
		margin-bottom: 20px;
	}
	.cxbutton {
		width: 90%;
		height: 45px;
		line-height: 45px;
		background: #d5c2a4;
		margin: 0 auto;
		padding: 0px;
		display: table;
		margin-top: 15px;
		color: #ffffff;
		border-radius: 5px;
		font-size: 18px;
	}
	.cxbutton02 {
		width: 90%;
		height: 45px;
		line-height: 45px;
		background: #e65757;
		margin: 0 auto;
		padding: 0px;
		display: table;
		margin-top: 15px;
		color: #ffffff;
		border-radius: 5px;
		font-size: 18px;
	}
	.quxiao {
		width: 100%;
		margin: 0 auto;
		display: table
	}
	.hytongx {
		margin: 0 auto;
		padding: 0;
		display: table;
		margin-top: -100px !important;
	}
	.anniu {
		width: 70% !important;
		margin: 0 auto;
		display: table;
		margin-top: 15px;
	}
}

.hytongx {
	margin: 0 auto;
	padding: 0;
	display: table;
	margin-top: 0px;
}

.anniu {
	width: 100%;
	margin: 0 auto;
	display: table;
	margin-top: 15px;
}

.anniu span {
	width: 50%;
	float: left
}

.anniu_cent {
	margin: 0 auto;
	display: table;
	margin-bottom: 10px
}

.guyuwo {
	padding: 10px 0 10px 0;
	margin-top: 20px;
	background: #f3f1f1
}

.guyuwo span {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	color: #ff4d4e;
	border-left: 5px #ff4d4e solid;
	margin-left: 10px
}

.gytable {
	width: calc(100% - 10px);
	margin-left: 10px;
}

.pl24 {
	padding-left: 24px;
}

.xiguan {
	width: 100%;
	display: table;
	margin-top: 20px
}

.xiguan .qfspan {
	float: left;
	background: #f0f0f0;
	width: 80px;
	border-radius: 5px;
	height: 90px;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block
}

.xiguan .qfspan img {
	margin: 0 auto;
	padding: 0px;
	display: table;
	margin-top: 15px;
	margin-bottom: 15px
}

.xiguan .qfspan span {
	width: 100%;
	text-align: center;
	display: table
}

.jianju {
	text-align: left;
	color: #ffffff;
	font-size: 28px;
	margin-top: 20px
}

.hufsbut {
	width: 105px;
	display: table
}

.biangeng {
	background: #ff4d4e;
	width: 120px;
	height: 40px;
	color: #ffffff;
	margin: 0 auto;
	border-radius: 50px;
	display: table;
	font-size: 15px;
}

@media (max-width:992px) {
	.anniu {
		width: 50%;
	}
	.hufsbut {
		width: 150px;
		display: table
	}
}

@media (max-width:720px) {
	.anniu {
		width: 100%;
	}
	.hufsbut {
		width: 105px;
		display: table
	}
}

@media (max-width:320px) {
	.hufsbut {
		width: 95px;
		display: table
	}
}

.huxx {
	width: 100%;
	line-height: 35px;
	display: table;
}

.huah {
	word-break: keep-all;
	float: left;
}

.jziliao {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #ff4d4e;
	border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
}

.lixiwm {
	min-height: 540px
}

.height_new {
	min-height: 750px
}

.zhuce_he {
	min-height: 900px
}

.vipnew {
	min-height: 700px
}

.yanz_b {
	width: 85%;
	margin: 0 auto
}

@media (max-width:1024px) {
	.footer_n a {
		padding-right: 15px
	}
	.ziliao_new {
		min-height: 1000px
	}
	.lixiwm {
		min-height: 880px
	}
	.height_new {
		min-height: 1080px
	}
	.zhuce_he {
		min-height: 1184px
	}
	.vipnew {
		min-height: 970px
	}
}

@media (max-width:992px) {
	.height_new {
		min-height: 730px
	}
	.ziliao_new {
		min-height: 700px
	}
	.lixiwm {
		min-height: 540px
	}
	.zhuce_he {
		min-height: auto
	}
	.vipnew {
		min-height: 700px
	}
	.frhidden {
		display: none
	}
}

@media (max-width:797px) {
	.footer_n a {
		padding-right: 0px
	}
	.new_sjian {
		margin-top: -30px;
	}
}

@media (max-width:736px) {
	.new_sjian {
		margin-top: -100px;
	}
}

@media (max-width:450px) {
	.new_sjian {
		margin-top: -100px;
	}
}

@media (max-width:720px) {
	.height_new {
		min-height: 500px
	}
	.lixiwm {
		min-height: 350px
	}
	.vipnew {
		min-height: 500px
	}
}

.wjword {
	min-height: 800px;
}

.wjbotfa {
	position: fixed;
	bottom: 0;
	width: 100%
}

@media (max-width:1024px) {
	.wjword {
		min-height: 500px;
	}
}

@media (max-width:812px) {
	.wjbotfa {
		position: static;
		bottom: 0;
		width: 100%
	}
}

@media (max-width:797px) {
	.wjword {
		min-height: 760px;
	}
}

@media (max-width:414px) {
	.wjword {
		min-height: 500px;
	}
}

@media (max-width:320px) {
	.wjword {
		min-height: 400px;
	}
}

.index_bg {
	height: 900px;
}

@media (max-width:812px) {
	.index_bg {
		height: auto;
	}
}

.coleft {
	float: right
}

.coleft a {
	color: #ffffff
}

.clmr {
	margin-right: 15px;
}

.dc_but {
	background: #ffffff;
	border-radius: 5px;
	color: #333 !important;
	padding: 0px 10px;
	float: right;
	line-height: 30px;
	margin-top: 5px
}

@media (max-width:992px) {
	.coleft {
		float: left;
		width: 100%;
	}
}

@media (max-width:720px) {
	.coleft {
		float: left;
		width: 100%;
		line-height: 40px
	}
}

@media (max-width:320px) {
	.coleft {
		float: left;
		width: 98%;
	}
}

@media screen and (min-width: 481px) and (max-width:668px) {
	.coleft {
		float: left;
		line-height: 40px;
		width: 100%
	}
}

.xxs_new {
	width: 180px;
	float: right;
}

@media (max-width:992px) {
	.xxs_new {
		width: 100%;
		text-align: center
	}
}

@media (max-width:720px) {
	.fr_top {
		float: right
	}
	.fr_top2 {
		float: right;
		padding: 0 !important
	}
}

.jijheight {
	min-height: 750px
}

@media (max-width:720px) {
	.jijheight {
		min-height: 500px
	}
}

.pozl {
	position: relative;
	margin-bottom: 15px;
}

.pozldel {
	position: absolute;
	left: 5px;
	bottom: -26px;
	line-height: 20px;
	font-size: 12px;
}

.pozlt {
	margin-top: 0px;
}


/*05-14*/

.new_height {
	min-height: 550px
}

.new_height02 {
	min-height: auto
}

.new_pawd {
	min-height: 770px
}

.xx_height {
	min-height: 1024px
}

@media (max-width:1024px) {
	.new_height {
		min-height: 900px
	}
	.new_height02 {
		min-height: auto
	}
	.new_pawd {
		min-height: 1100px
	}
}

@media (max-width:992px) {
	.new_height {
		min-height: 100px
	}
	.new_height02 {
		min-height: auto
	}
	.new_pawd {
		min-height: 760px
	}
}

@media (max-width:736px) {
	.new_height {
		min-height: auto
	}
	.new_pawd {
		min-height: 300px
	}
}

@media (max-width:414px) {
	.new_height {
		min-height: auto
	}
	.new_height02 {
		min-height: auto
	}
	.new_pawd {
		min-height: 470px
	}
}

@media (max-width:320px) {
	.new_height {
		min-height: auto
	}
	.new_height02 {
		min-height: auto
	}
	.new_pawd {
		min-height: 270px
	}
}


/*5-23*/

.gehupic {
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 3px solid #fff;
	background: #ffffff;
	overflow: hidden;
	display: flex;
	margin-top: -80px;
	box-shadow: 0 0 8px #DDD;
	-moz-box-shadow: 0 0 8px #DDD;
	-webkit-box-shadow: 0 0 8px #DDD;
}

.gehupic img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width:992px) {
	.gehupic {
		float: left;
		margin-bottom: 15px;
		margin-top: -80px;
	}
}

.media_pic {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid #fff;
	background: #ffffff;
	overflow: hidden;
	display: flex;
	margin: 0 auto;
	box-shadow: 0 0 8px #DDD;
	-moz-box-shadow: 0 0 8px #DDD;
	-webkit-box-shadow: 0 0 8px #DDD;
}

.xqtopoic {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid #fff;
	background: #ffffff;
	overflow: hidden;
	display: flex;
	margin: 0 auto;
	box-shadow: 0 0 8px #DDD;
	-moz-box-shadow: 0 0 8px #DDD;
	-webkit-box-shadow: 0 0 8px #DDD;
}

.txp {
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	overflow: hidden;
	display: flex;
	border-radius: 100%;
}

.hycov {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.tx_new {
	float: left;
	line-height: 40px;
	color: #ffffff;
	margin-left: 5px
}

.hypic_2 {
	width: 95%;
	height: 160px;
	background: #eee;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 0 8px #DDD;
	-moz-box-shadow: 0 0 8px #DDD;
	-webkit-box-shadow: 0 0 8px #DDD;
	border-radius: 5px;
}

.newphoto_img {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	box-shadow: 0 0 8px #DDD;
	-moz-box-shadow: 0 0 8px #DDD;
	-webkit-box-shadow: 0 0 8px #DDD;
}

.nngr_top {
	margin-bottom: 35px;
}


/*5-27*/

.new_width {
	width: 100%;
	display: table;
	padding-bottom: 15px;
	border-bottom: #eeeeee 1px solid;
}

.newxj_img {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	box-shadow: 0 0 8px #DDD;
	-moz-box-shadow: 0 0 8px #DDD;
	-webkit-box-shadow: 0 0 8px #DDD;
}

.new_xx {
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	float: right;
	line-height: 21px;
	padding-top: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.newname {
	width: 100%;
	height: 25px;
	display: table;
	border-bottom: #eeeeee 1px solid;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.newname span {
	float: left;
	line-height: 25px;
	font-size: 20px;
	font-weight: bold
}

.newname span i {
	font-style: normal;
	line-height: 30px;
	color: #eba00e;
	border: #eba00e 1px solid;
	border-radius: 100px;
	padding: 2px 8px;
	margin-left: 5px;
	white-space: nowrap;
}

.newname font {
	float: right;
}

.ne_hy {
	font-size: 14px;
	color: #eba00e;
	border: 1px solid #eba00e;
	border-radius: 15px;
	padding: 0px 10px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
}

.newtime {
	width: 100%;
	display: table;
	margin-top: 10px
}

.newtime span {
	float: left;
	color: #666;
	line-height: 30px
}

.newbut {
	background: #ff4d4e;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 25px;
	color: #fff;
	padding: 0px 10px;
	margin-left: 5px;
	float: right
}

.newbut img {
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px
}

.newbut02 {
	background: #cdcdcd;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 25px;
	color: #fff;
	padding: 0px 10px;
	margin-left: 5px;
	float: right
}

.newbut02 img {
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px
}

@media (max-width:320px) {
	.newname span {
		font-size: 18px;
	}
	.newtime span {
		font-size: 12px
	}
	.newbut {
		font-size: 12px;
		padding: 0 5px;
	}
	.newbut02 {
		font-size: 12px;
		padding: 0 5px;
	}
}

.nbj_top {
	padding-top: 20px;
	margin-top: 110px;
}

@media (max-width: 992px) {
	.nbj_top {
		padding: 10px 0;
		margin-top: 150px;
	}
}

@media (max-width:823px) {
	.nbj_top {
		margin-top: 60px;
	}
}

@media (max-width:797px) {
	.nbj_top {
		margin-top: 150px;
	}
}

@media (max-width: 767px) {
	.nbj_top {
		padding: 0 13px;
		margin-top: 159px !important;
	}
}


/*5-29*/

.bn_top {
	padding-top: 20px;
	margin-top: 110px;
}

@media (max-width:992px) {
	.bn_top {
		padding: 10px 10px;
		margin-top: 80px;
	}
}

@media (max-width: 823px) {
	.bn_top {
		padding: 10px 10px;
		margin-top: 120px;
	}
}

@media (max-width: 767px) {
	.bn_top {
		padding: 0 13px;
		margin-top: 130px !important;
	}
}

@media (max-width: 797px) {
	.bacoff {
		min-height: 750px;
	}
}

@media (max-width: 720px) {
	.bacoff {
		min-height: 500px;
	}
}

@media (max-width: 992px) {
	.bg_grey {
		background: #f9f9f9;
		padding: 10px 20px 10px 20px;
	}
	.bg_grey .soux {
		background: #f9f9f9;
	}
	.souxun {
		padding: 0;
	}
}

@media (max-width: 767px) {
	.xspic_box {
		max-width: 100%;
		min-height: 200px;
		max-height: 300px;
		width: auto;
		height: auto;
	}
	.xspic_box img {
		max-width: 100%;
		max-height: 300px;
	}
	/*.sxhy {text-align: left;}*/
	.sxhy {
		text-align: center;
	}
	.sxhy02 {
		display: block;
		text-align: center;
		width: 100%;
	}
	.line_top {
		border-top: 1px solid #eee;
		padding-top: 10px;
	}
	.line_top .xiapbopic {
		float: left;
		width: 64%;
		margin: 0;
		border-right: 1px solid #ddd;
		padding-right: 3%;
		margin-right: 3%;
	}
	.line_top .btn_01 {
		float: right;
		width: 30%;
		margin: 5px 0 0 0;
		padding: 10px 0;
		text-align: center;
	}
}

@media (max-width: 320px) {
	.sxhy02 {
		float: none;
		display: block;
		text-align: left;
		line-height: 20px;
	}
}

.fl_img,
.content-img-list .face2 {
	float: left;
	width: 130px;
	height: 130px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	text-align: center;
	margin-right: 20px;
	padding: 10px;
}

.fl_img img,
.content-img-list .face2 img {
	max-width: 100%;
	max-height: 100%;
}

.fr_but {
	float: left;
	width: 110px;
	overflow: hidden;
	padding-top: 10px;
	margin-left: 10px;
}

.fr_but .bg_red {
	background: #dd535a;
	margin-top: 5px;
}

.fr_but .file {
	position: relative;
	cursor: pointer;
}

.fr_but .file input[type=file] {
	position: absolute;
	left: 0;
	opacity: 0;
	top: 0;
	font-size: 0;
	width: 110px;
	height: 35px;
	cursor: pointer;
}

.fr_but .file em {
	font-style: normal;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 35px;
	cursor: pointer;
}

.fr_but .cent {
	text-align: center;
	padding-top: 5px;
	width: 110px;
	max-height: 80px;
	overflow: hidden;
}

.icon-zhaoxiangji {
	background: url("../images/female-avatar.png") no-repeat center center;
}

.content-img-list li {
	display: inline;
}

.content-img-list li {
	float: left;
	width: 130px;
	height: 150px;
	margin: 0 10px 10px 0;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
}

.content-img-list li img {
	max-width: 100%;
	max-height: 100%;
}

.img2 {
	float: left;
	width: 110px;
	overflow: hidden;
	margin-left: 30px;
}

.content-img-list-item {
	position: relative;
}

.content-img-list-item div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	text-align: center;
	display: block;
}

.icon-guanbi {
	display: block;
	text-align: center;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-style: normal;
	line-height: 30px;
	cursor: pointer;
}

.content-img-list li:last-child {
	margin-right: 0;
}

.xinzeng {
	display: none;
}

.group {
	margin-top: 0;
}

.grouttitle {
	line-height: 40px;
	margin: 0;
}


/* 3-8 */

.m_xzpic {
	width: 450px;
	height: 450px;
	margin: 0 auto;
	padding: 0px;
	display: table;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	overflow: hidden;
}

.m_xzpic img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width:450px) {
	.m_xzpic {
		width: 349px;
		height: 350px;
		margin-left: 0;
	}
}

@media (max-width:320px) {
	.m_xzpic {
		width: 300px;
		height: 300px;
	}
}

.m_cdtop {
	padding: 0 13px;
	margin-top: 20px !important;
}

.cd_fontnext {
	width: 400px;
	margin: 0 auto;
	display: table;
	padding-top: 10px;
}

.cd_fontnext .text {
	font-size: 28px;
	color: #333;
	padding-bottom: 5px;
	width: 100%;
	display: table;
}

.cd_fontnext .text span {
	float: left;
}

.kxx_icon {
	border-radius: 5px;
	color: #f8971d;
	border: #f8971d 2px solid;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	padding: 0px 6px;
	display: table;
	float: left;
}

.kxx_icon i {
	font-size: 18px;
}

.kxx_icon01 {
	background: #ffcbcb;
	border-radius: 5px;
	color: #ff4d4e;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	padding: 0px 6px;
	display: table;
	margin-left: 10px;
}

.kxx_icon01 i {
	font-size: 18px;
}

.cd_font_t {
	font-size: 18px;
	color: #666666;
	display: table;
	line-height: 25px;
	display: table;
}

.cd_font_t span {
	float: left;
}

.cd_bqq {
	background: #c2f3ff;
	border-radius: 6px;
	color: #2acbf2;
	font-size: 14px;
	margin-left: 5px;
	padding: 5px 7px;
	font-weight: bold;
}

.cd_bqq01 {
	background: #ffcbcb;
	border-radius: 6px;
	color: #ff4d4e;
	font-size: 14px;
	margin-left: 5px;
	padding: 5px 7px;
	font-weight: bold;
}

.jdt_box {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.3);
}

.jdt_box .jdts {
	width: 570px;
	height: 48px;
	border-radius: 40px;
	position: relative;
	background: #fedfe3;
}

.jdt_box .jdts div {
	height: 100%;
	border-radius: 40px 0 0 40px;
	background: linear-gradient(to right, #feae5f, #fb746f);
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 26px;
	box-shadow: 0 0 20px 5px #ffcdc8;
	color: #fff;
}

.jdt_box .jdts div span {
	display: none;
	margin-right: 70px;
}

.jdt_box .jdts div.on span {
	display: block;
}

.jdt_box .jdts div img {
	position: absolute;
	right: -23px;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width:450px) {
	.cd_fontnext {
		width: 350px;
	}
	.cd_fontnext .text {
		font-size: 26px;
	}
	
	
	.jdt_box .jdts{
		width: 80%;
		height: 35px;
	}
	.jdt_box .jdts img{
		width: 60px;
	}
	.jdt_box .jdts div span{
		margin-right: 45px;
		font-size: 18px;
	}
}

@media (max-width:360px) {
	.cd_fontnext {
		width: 300px;
	}
	.cd_fontnext .text {
		font-size: 21px;
	}
}

.cd_matbot30 {
	margin-bottom: 20px !important;
}

.cd_matbot_30 {
	margin-bottom: 30px !important;
}

.cd_matbot40 {
	margin-bottom: 40px !important;
	;
}

.cd_xinq {
	width: 100%;
	border-top: #eeeeee 1px solid;
	border-bottom: #eeeeee 1px solid;
	margin-top: 15px;
	padding: 10px 0;
	margin-bottom: 15px;
	font-size: 18px;
	display: table;
	line-height: 30px;
	color: #666666;
}

.cd_guyuwo {
	width: 96%;
	margin: 0 auto;
	display: table;
	background: url(../images/libg.png) top repeat-x #ffffff;
	border: #ff4d4e 1px dashed;
	border-radius: 5px;
	box-shadow: #ffe0e0 0 0 10px;
}

.cd_title {
	width: 95%;
	margin: 0 auto;
	display: table;
	color: #333;
	padding: 7px 0;
	border-bottom: #eee 1px solid;
	padding-top: 13px;
}

.cd_title span {
	font-weight: bold;
	font-size: 20px;
	border-bottom: #ff4d4e 3px solid;
	padding-bottom: 12px;
}

.cd_title img {
	height: 30px;
	vertical-align: middle;
	margin-left: 10px;
}

.cd_nr {
	width: 95%;
	margin: 0 auto;
	display: table;
	margin-top: 20px;
	margin-bottom: 20px;
}

.cd_nr ul {
	width: 100%;
	display: table;
}

.cd_nr ul li {
	width: 100%;
	display: table;
	height: 40px;
	line-height: 38px;
	border: #e5e5e5 1px solid;
	border-radius: 5px;
	margin-bottom: 6px;
	font-size: 16px;
}

.cd_nr ul li:last-child {
	margin-bottom: 0;
}

.cd_nr_span {
	float: left;
	width: 120px;
	color: #666;
	text-align: center;
	background: #eeeeee;
}

.cd_nr_font {
	float: right;
	width: calc(100% - 180px);
}

@media (max-width:450px) {
	.cd_guyuwo {
		width: 100%;
	}
	.cd_nr_span {
		float: left;
		width: 80px;
	}
	.cd_nr_font {
		float: right;
		width: calc(100% - 100px);
	}
	.cd_title img {
		height: 27px;
		vertical-align: middle;
		margin-left: 10px;
	}
}

.cd_yhms {
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	display: table;
	text-align: left;
}

@media (max-width:360px) {
	.cd_title img {
		height: 20px;
	}
	.cd_title span {
		padding-bottom: 10px;
	}
}

.cd_nr_span_1 {
	float: left;
	width: 220px;
	color: #666;
	text-align: left;
	background: #eeeeee;
	padding-left: 20px;
}

.cd_nr_font_1 {
	float: right;
	width: calc(100% - 260px);
}

@media (max-width:450px) {
	.cd_nr_span_1 {
		float: left;
		width: 150px;
		padding-left: 10px;
	}
	.cd_nr_font_1 {
		float: right;
		width: calc(100% - 160px);
	}
}

@media (max-width:320px) {
	.cd_nr_span_1 {
		float: left;
		width: 135px;
		padding-left: 5px;
		font-size: 14px;
	}
	.cd_nr_font_1 {
		float: right;
		width: calc(100% - 140px);
		font-size: 14px
	}
}

.hy_boticon {
	position: fixed;
	bottom: 60px;
	width: 100%;
	z-index: 99;
}

.hy_tsicon {
	width: 500px;
	margin: 0 auto;
	display: table;
	animation: fade-in;
	/*动画名称*/
	animation-duration: 1s;
	/*动画持续时间*/
	-webkit-animation: fade-in 1s;
	/*针对webkit内核*/
}

.hy_tsicon:after {
	animation: fade-in;
	/*动画名称*/
	animation-duration: 1s;
	/*动画持续时间*/
	-webkit-animation: fade-in 1s;
	/*针对webkit内核*/
}

.hy_tsicon ul {
	width: 100%;
}

.hy_tsicon ul li {
	width: 25%;
	float: left;
}

.hy_tsci_1 {
	width: 80px;
	height: 80px;
	background: #ffffff;
	margin: 0 auto;
	display: table;
	border-radius: 100px;
	box-shadow: 0 0 10px #eee;
}

.hy_tsci_1 img {
	width: 50px;
	margin: 0 auto;
	display: table;
	margin-top: 15px;
	-webkit-transition: opacity 1s ease-in-out;
}

.hy_tsci_1:hover {
	background: #ffffff;
	box-shadow: 0 0 20px #ffeef1;
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	/*初始状态 透明度为0*/
	40% {
		opacity: 0;
	}
	/*过渡状态 透明度为0*/
	100% {
		opacity: 1;
	}
	/*结束状态 透明度为1*/
}

@-webkit-keyframes fade-in {
	/*针对webkit内核*/
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media (max-width:823px) {
	.hy_boticon {
		bottom: 20px;
	}
}

@media (max-width:769px) {
	.hy_boticon {
		bottom: 280px;
	}
}

@media (max-width:736px) {
	.hy_boticon {
		bottom: 20px;
	}
}

@media (max-width:450px) {
	.hy_boticon {
		bottom: 20px;
	}
	.hy_tsicon {
		width: 98%;
	}
	.hy_tsci_1 {
		width: 60px;
		height: 60px;
	}
	.hy_tsci_1 img {
		width: 35px;
		margin: 0 auto;
		display: table;
		margin-top: 13px;
	}
}

.hy_badb {
	position: fixed;
	top: 30px;
	width: 100%;
	z-index: 99;
}

.hy_badb a {
	width: 300px;
	background: rgba(255, 111, 104, 0.85);
	color: #ffffff;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	display: table;
	font-size: 16px;
	font-weight: bold;
	animation: fade-in;
	/*动画名称*/
	animation-duration: 1s;
	/*动画持续时间*/
	-webkit-animation: fade-in 1s;
	/*针对webkit内核*/
}

.so_cent {
	line-height: 35px;
	width: 4%;
	text-align: center;
	float: left;
	font-weight: bold;
	color: #666;
}

.souxtj {
	width: 90%;
	margin: 0 auto;
	display: table;
	margin-top: 20px;
	margin-bottom: 20px;
}

.souxtj_dd {
	width: 100%;
	display: table;
	margin-bottom: 7px;
}

.souxtj_dd_left {
	width: 30px;
	float: left;
	line-height: 35px;
	color: #666666;
	font-size: 15px;
}

.souxtj_dd_right {
	float: right;
	width: calc(100% - 40px);
}

.sox_select {
	width: 48%;
	height: 35px;
	line-height: 35px;
	border: #d2d2d2 1px solid;
	border-radius: 5px;
	display: table;
	padding: 0 10px;
	color: #666;
	font-size: 15px;
}

.sox_select option {
	text-align: center;
}

@media (max-width:824px) {
	.souxtj {
		width: 94%;
	}
}

.sleft {
	float: left;
}

.sright {
	float: right;
}

.kp_select {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border: #d2d2d2 1px solid;
	border-radius: 5px;
	display: table;
	color: #666;
	font-size: 15px;
	padding: 0 10px;
}

.kp_kts {
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	border-radius: 5px;
	color: #666;
	font-size: 15px;
	background: #ffffff;
}

.kp_kts span {
	margin-left: 8px;
	margin-right: 8px;
}

.kp_kts span input {
	margin-right: 3px;
}

.kp_button {
	width: 100%;
	display: table;
}

.kp_tbt {
	width: 135px;
	background: #ff5455;
	height: 35px;
	line-height: 35px;
	display: table;
	float: left;
	text-align: center;
	border-radius: 100px;
	margin-right: 10px;
	color: #ffffff;
	border: #ff5455 1px solid;
	font-size: 16px;
	box-shadow: 0 0 10px #cdcdcd;
}

.kp_tbt:hover {
	background: #ff5455;
	color: #ffffff;
}

.kp_tbt1 {
	width: 135px;
	background: #ffffff;
	height: 35px;
	border: #ff5455 1px solid;
	line-height: 35px;
	display: table;
	float: left;
	text-align: center;
	border-radius: 100px;
	margin-left: 10px;
	color: #ff5455;
	font-size: 16px
}

.kp_tbt1:hover {
	background: #ff5455;
	color: #ffffff;
}

.kp_botinput {
	width: 100%;
	border-top: #d2d2d2 1px solid;
	display: table;
	margin-top: 19px;
	padding-top: 15px;
}

.kp_botinput_1 {
	margin: 0 auto;
	display: table;
}

.kp_botinput_1 a i {
	margin-right: 3px;
}

.kp_input {
	width: 135px;
	background-image: linear-gradient(to right, #fff4f4, #fff);
	height: 35px;
	line-height: 35px;
	display: table;
	float: left;
	text-align: center;
	border-radius: 100px;
	margin-right: 10px;
	color: #ff5455;
	font-size: 16px;
	box-shadow: 0 0 10px #cdcdcd;
}

.kp_input:hover {
	background-image: linear-gradient(to left, #fff4f4, #fff);
	color: #ff5455;
}

.kp_input i {
	font-size: 18px;
}

.kp_input_1 {
	width: 135px;
	background: #ff5455;
	height: 35px;
	line-height: 35px;
	display: table;
	float: left;
	text-align: center;
	border-radius: 100px;
	margin-left: 10px;
	color: #ffffff;
	font-size: 16px
}

.kp_input_1:hover {
	background: #ff5455;
	color: #ffffff;
}

.kp_input_1 i {
	font-size: 18px;
}

@media (max-width:320px) {
	.kp_tbt {
		width: 120px;
	}
	.kp_tbt1 {
		width: 120px;
	}
	.kp_input {
		width: 120px;
	}
	.kp_input_1 {
		width: 120px;
	}
}

.cd_nrbt {
	width: 98%;
	margin: 0 auto;
	display: table;
	font-size: 20px;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 10px;
}

.cd_nrbt span {
	font-weight: bold;
}

.cd_nrbt i {
	font-size: 22px;
	margin-right: 3px;
}

.cdss_title {
	width: 98%;
	margin: 0 auto;
	background: #fff5f5;
	border-radius: 5px;
	border: #f9c9c9 1px solid;
	display: block;
	overflow: hidden;
}

.cdss_title span {
	width: 33.33%;
	border-right: #f9c9c9 1px solid;
	text-align: center;
	float: left;
	padding: 8px 0;
	color: #666666;
	cursor: pointer;
}

.cdss_title span:last-child {
	border-right: none;
}

.cdss_title span i {
	margin-left: 5px;
}

.cdss_title span:active {
	background: #ff4d4e;
	color: #ffff !important;
}

.cd_hover {
	background: #ff4d4e;
	color: #ffff !important;
}

@media (max-width:450px) {
	.cd_nrbt {
		width: 100%;
	}
	.cdss_title {
		width: 100%;
	}
}

.cdlist_nr {
	width: 100%;
	margin: 0 auto;
	display: table;
	margin-top: 20px;
	border-bottom: #eee 1px solid;
}

.cdlist_nr ul {
	width: 100%;
	display: table;
	margin-bottom: 10px;
}

.cdlist_nr ul li {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	cursor: pointer;
}

.cdlist_nr ul li:nth-child(odd) {
	float: left;
}

.cdlist_nr ul li:nth-child(even) {
	float: right;
}

.nr_pic_nr {
	width: 95%;
	margin: 0 auto;
	box-shadow: 0 0 10px #eee;
	border-radius: 10px;
	overflow: hidden;
	z-index: 10;
}

.nr_tp01 {
	width: 95%;
	height: 200px;
	margin: 0 auto;
	margin-top: 10px;
	display: table;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f5f5f5;
}

.m_img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.nr_text {
	width: 95%;
	height: 80px;
	margin: 0 auto;
	display: table;
}

.nr_text h4 {
	font-size: 20px;
	color: #333;
	height: 25px;
}

.nr_text_sp {
	background: #c2f3ff;
	color: #2acbf2;
	font-size: 15px;
	padding: 5px 5px;
	border-radius: 5px;
}

.nr_text_spn i {
	margin-right: 2px;
}

.nr_text h5 {
	font-size: 15px;
	color: #666666;
	height: 25px;
}

.nr_input {
	padding: 0px 8px;
	color: #ff4d4e;
	background: #ffcbcb;
	border-radius: 5px;
	margin-left: 4px;
	font-size: 13px;
	border: #ffcbcb 1px solid;
	display: table;
	float: left;
	line-height: 20px;
}

.nr_input02 {
	padding: 0px 8px;
	color: #2acbf2;
	background: #c2f3ff;
	border-radius: 5px;
	margin-left: 4px;
	font-size: 13px;
	border: #c2f3ff 1px solid;
	display: table;
	float: left;
	line-height: 20px;
}

.nr_text_vv {
	color: #f8971d !important;
	font-size: 15px;
	padding: 5px 5px;
	border-radius: 5px;
	border: #f8971d 1px solid;
}

.nr_text_vv_warned {
	color: #999999 !important;
	font-size: 15px;
	padding: 5px 5px;
	border-radius: 5px;
	border: #999999 1px solid;
	background-color: #EDEDED;
	white-space: nowrap;
}

.nr_text_vv_chat_warned {
	color: #999999 !important;
	font-size: 15px;
	padding: 1px 1px;
	border-radius: 5px;
	border: #999999 1px solid;
	background-color: #EDEDED;
	white-space: nowrap;
}

.nr_text_vv i {
	margin-right: 2px;
}

.m_imgp {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.nr_zan {
	position: absolute;
	bottom: 15px;
	right: 10px;
	height: 30px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	line-height: 30px;
	padding: 0 10px;
	z-index: 12;
	text-align: center;
	cursor: default;
}

.nr_zan i {
	font-size: 16px !important;
	color: #e85d59;
	margin-right: 5px;
}

.nr_zan font {
	color: #fff;
}

.nr_text_f18 {
	font-size: 20px;
	line-height: 25px;
}

@media (max-width:450px) {
	.cdlist_nr {
		margin-top: 25px;
	}
	.cdlist_nr ul li {
		margin-bottom: 15px;
		width: 100%;
	}
	.nr_pic_nr {
		width: 100%;
	}
}

@media (max-width:568px) {
	.nr_text_f18 {
		font-size: 17px;
	}
}

@media (max-width:450px) {
	.nr_text_f18 {
		font-size: 20px;
	}
}

@media (max-width:320px) {
	.nr_text_f18 {
		font-size: 17px;
	}
}

.m_pagetopt {
	margin: 0 auto;
	font-size: 15px;
	color: #666;
	display: table;
	margin-top: 15px;
	margin-bottom: 10px;
}

.m_page {
	width: auto;
	margin: 0 auto;
	display: table;
	background: #eeeeee;
	border-radius: 100px;
	margin-bottom: 40px;
	line-height: 40px;
	padding: 0 0 0 10px;
	overflow: hidden;
	font-size: 15px;
}

.m_page span {
	padding: 0 6px;
	float: left;
}

.m_page span i {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 14px;
}

.m_page_r {
	background: #d2d2d2;
	line-height: 40px;
	float: right;
	padding: 0 10px;
	margin-left: 15px;
}

.m_pinput {
	width: 35px;
	height: 25px;
	background: #e9e9e9;
	margin: 0 4px;
	outline: none;
	text-align: center;
}

@media (max-width:450px) {
	.m_page span {
		padding: 0 4px;
	}
	.m_page_r {
		margin-left: 5px;
	}
}

@media (max-width:320px) {
	.m_page {
		padding: 0 0 0 5px;
		font-size: 14px;
	}
	.m_page span {
		padding: 0 2px;
	}
	.m_page_r {
		margin-left: 5px;
		padding: 0 5px;
	}
	.m_pinput {
		width: 30px;
	}
}

.soux_aa {
	width: 90%;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	border-bottom: #ff4d4e 1px solid;
	line-height: 40px;
	color: #ff4d4e;
	margin-bottom: 15px;
	margin-top: 20px;
}

.soux_aa i {
	width: 4px;
	height: 20px;
	background: #ff4d4e;
	margin-left: 0px;
	margin-right: 10px;
	display: table;
	float: left;
	margin-top: 10px;
}

@media (max-width:824px) {
	.soux_aa {
		width: 94%;
		margin-top: 0px;
	}
}

@media (max-width: 992px) {
	.bg_grey01 {
		background: #f9f9f9;
		padding: 10px 20px 0px 20px;
	}
}

.sp_top20 {
	margin-top: 20px;
}

.sppad_top20 {
	padding-top: 20px;
}

.spuxss {
	background: #f9f9f9;
	margin-top: 100px;
	margin-bottom: 30px;
	border-radius: 20px 20px 0 0;
	overflow: hidden
}

.sp_rbbg {
	background: #fff;
}

.sp_pbot20 {
	margin-bottom: 30px;
}

@media (max-width:824px) {
	.spuxss {
		margin-bottom: 0;
		background: #ffffff;
	}
	.sppad_top20 {
		padding-top: 0px;
	}
}

.wuziliao {
	width: 100%;
	margin: 0 auto;
	display: table;
	margin-bottom: 20px;
}

.wuziliao h3 {
	text-align: center;
	font-size: 16px;
	color: #666666;
}

.wuziliao h3 a {
	color: #f00;
}

.wuziliao h3 a:hover {
	color: #f00;
	text-decoration: underline;
}

.wuziliao img {
	width: 140px;
	margin: 0 auto;
	display: table;
}

.ld_bg .bgbgf {
	border-radius: 20px 20px 0 0;
}

@media (max-width: 767px) {
	.ld_bg {
		background-size: auto 230px;
	}
}

@media (max-width: 992px) {
	.sjj_cont .gehupic,
	.sjj_cont .leftbot,
	.VIP-cont .gehupic,
	.VIP-cont .leftbot {
		display: none;
	}
	.sjj_cont .lytitle,
	.VIP-cont .lytitle {
		display: block;
		padding: 10px;
		border: 0;
	}
}

.sjj_menu {
	background: #f8f8f8;
	border-radius: 6px;
	padding: 10px;
	margin: 20px 0;
}

.sjj_menu:after {
	content: "";
	display: block;
	clear: both;
}

.sjj_menu a {
	float: left;
	width: 47%;
	margin-right: 6%;
	position: relative;
	font-size: 16px;
	color: #888;
	line-height: 50px;
	height: 50px;
	text-align: center;
	cursor: pointer;
}

.sjj_menu a:nth-child(2) {
	margin-right: 0;
}

.sjj_menu a:hover {
	text-decoration: none;
}

.sjj_menu a.on {
	background: #ff4d4d;
	color: #fff;
	border-radius: 6px;
}

.sjj_menu a.on:after {
	content: "";
	position: absolute;
	right: -12px;
	top: 0;
	width: 17px;
	height: 50px;
	background: url("../images/sjj_btn01.png") no-repeat 0 0;
}

.sjj_menu a:nth-child(2):after {
	right: auto;
	left: -12px;
	background: url("../images/sjj_btn02.png") no-repeat 0 0;
}

.sjj_page {
	background: #eee;
	line-height: 38px;
	color: #333;
	text-align: center;
	height: 38px;
	position: relative;
	border-radius: 30px;
	padding-right: 40%;
	margin: 25px 0;
}

.sjj_page>.goto {
	position: absolute;
	top: 0;
	right: 0;
	background: #d2d2d2;
	width: 40%;
	border-radius: 0 30px 30px 0;
}

.sjj_page>a {
	margin: 0 10px;
	cursor: pointer;
}

.sjj_page>.goto>input {
	width: 40px;
	height: 30px;
	margin: 4px 5px;
	line-height: 30px;
	background: #eee;
	border-radius: 6px;
	text-align: center;
}

.sjj_list>li {
	padding: 13px 40% 13px 80px;
	position: relative;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	height: 80px;
	margin-bottom: 15px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
}

.sjj_list>li.on {
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}

.sjj_list>li>.left {
	float: none;
}

.sjj_list>li>.left>.img,
.sjj_list>li>.img {
	position: absolute;
	top: 13px;
	left: 13px;
	width: 54px;
	height: 54px;
	background: #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.sjj_list>li>.left>.img>img,
.sjj_list>li>.img>img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 6px;
}

.sjj_list>li>.left>h6,
.sjj_list>li>h6 {
	color: #333;
	font-size: 15px;
	line-height: 27px;
	margin: 0;
	font-weight: bold;
}

.sjj_list>li>.left>.img>em,
.sjj_list>li>.img>em {
	position: absolute;
	top: -7px;
	right: -7px;
	width: 22px;
	height: 22px;
	text-align: center;
	background: #ff4d4d;
	border-radius: 10px;
	color: #fff;
	font: 12px/17px "'";
	transform: scale(0.8);
	border: 2px solid #fff;
}

.sjj_list>li>.left>p,
.sjj_list>li>p {
	font-size: 14px;
	margin: 0;
	line-height: 27px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
}

.sjj_list>li>.time {
	position: absolute;
	right: 13px;
	top: 13px;
	text-align: right;
	width: 38%;
}

.sjj_list>li>.time>p>a {
	float: right;
	margin-left: 6%;
	border-radius: 15px;
	background: linear-gradient(to bottom, #d2d2d2, #b6b6b6);
	color: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	cursor: pointer;
	width: 47%;
	max-width: 70px;
	padding-right: 10px;
	white-space: nowrap;
	box-shadow: inset 0 0 3px #dedede, 0 02px 3px #ddd;
}

.sjj_list>li>.time>p>a:hover {
	text-decoration: none;
	background: #b8b8b8;
}

.sjj_list>li>.time>p>a:nth-child(2) {
	margin-left: 0;
	background: linear-gradient(to bottom, #ff6364, #ff5252);
	box-shadow: 0 2px 3px rgba(200, 60, 60, .3), inset 0 0 5px rgba(255, 255, 255, .5), inset 0 0 3px rgba(255, 255, 255, .5);
}

.sjj_list>li>.time>p>a:nth-child(2):hover {
	background: #f75454;
	box-shadow: 0 2px 3px rgba(200, 60, 60, .3)
}

.sjj_list>li>.time>p {
	color: #999;
	font-size: 13px;
}

.sjj_list>li>.time>p>a>.iconfont {
	float: left;
	font: 14px/14px "";
	margin: 3px 0 0 4px;
	background: linear-gradient(to right, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	padding: 2px 5px;
	border-radius: 10px;
}

.mt20 {
	margin-top: 18px;
}


/*VIP升级*/

.VIP-withe {
	padding: 15px 15px 30px 15px;
	margin-top: 110px;
}

.VIP-box {
	position: relative;
}

.VIP-box>img {
	display: none;
}

.VIP-list {
	border: 1px solid #ff9696;
	background: #fff;
	box-shadow: 0 2px 10px rgba(255, 150, 150, .8);
	padding: 70px 20px 20px 20px;
}

.VIP-box>.ka {
	width: 360px;
	position: absolute;
	left: 50%;
	margin-left: -180px;
	top: -90px;
	height: 170px;
	background: url("../images/VIP_KA.jpg") no-repeat top center;
	background-size: 100% 100%;
	border-radius: 20px;
	padding: 120px 10px 0 10px;
	color: #fff;
	box-shadow: 0 10px 20px rgba(255, 150, 150, .2);
}

.VIP-box>.ka>span {
	float: left;
	font-size: 16px;
	line-height: 30px;
}

.VIP-box>.ka>.btn {
	float: right;
	background: #f9f5d8;
	font-weight: bold;
	color: #f54e4e;
	padding: 3px 10px;
}

.VIP-list>h2 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.VIP-list>h2>.iconfont {
	font-size: 14px;
	margin: 0 10px;
}

.VIP-list>ul>li {
	line-height: 30px;
	font-size: 16px;
	padding-left: 25px;
	position: relative;
	margin: 8px 0 8px 10px;
}

.VIP-list>ul>li>.iconfont {
	position: absolute;
	left: 0;
	top: 0;
}

@media (max-width: 375px) {
	.sjj_list>li>.time>p>a>.iconfont {
		Padding: 2px 3px 2px 5px;
		font: 14px/14px "";
	}
	.sjj_list>li>.time>p>a {
		font-size: 12px;
	}
}

@media (max-width: 320px) {
	.sjj_list>li>.time>p>a>.iconfont {
		Padding: 2px;
	}
	.sjj_list>li>.time>p>a {
		font-size: 12px;
	}
	.sjj_page>a {
		margin: 0 6px;
	}
	.sjj_page>.goto>input {
		width: 30px;
	}
}

.sjj_list>li>.time>p>.jianju,
.sjj_list>li>.time>p>.delete {
	background: url("../images/sjj_btn2.png") no-repeat 0 0;
	background-size: 100% 100%;
	text-indent: -999px;
	overflow: hidden;
	width: 70px;
	margin: 0;
}

.foot_b {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
}

@media (max-width: 823px) {
	.bn_top.sjj_cont {
		margin-top: 80px;
	}
	/*.VIP-cont .weui-bb{border:none;}*/
	.VIP-box>.ka {
		left: 50%;
		margin-left: -180px;
		max-width: 360px;
	}
}

@media (max-width: 767px) {
	.bn_top.sjj_cont {
		margin-top: 70px !important;
	}
}

@media (max-width: 567px) {
	.VIP-box>.ka {
		left: 10%;
		top: -40px;
		margin-left: 0;
		width: 80%;
		height: 160px;
		padding-top: 110px;
	}
	.bn_top.sjj_cont {
		margin-top: 60px !important;
	}
	.VIP-box>img {
		width: 100%;
		margin-top: 40px;
		display: block;
	}
	.VIP-withe {
		background: linear-gradient(to bottom, #f8e8e6, #ffe2e2, #fff);
		margin-top: 0;
	}
	.VIP-box>.ka {
		top: -30px;
	}
	.VIP-box {
		width: calc(100% + 60px);
		margin-left: -30px;
	}
	.VIP-cont .bn_top {
		margin: 70px 15px 0 15px;
		background: #f8e8e6;
		padding: 0 15px;
	}
	.VIP-cont .bn_top {
		margin-top: 60px !important;
	}
	.VIP-list {
		padding: 50px 20px 20px 20px;
	}
}

@media (max-width: 375px) {
	.VIP-box>.ka {
		height: 150px;
		padding-top: 100px;
	}
	.VIP-list {
		padding: 40px 20px 20px 20px;
	}
}

@media (max-width: 360px) {
	.VIP-box>.ka {
		height: 140px;
		padding-top: 90px;
	}
	.VIP-list>ul>li {
		line-height: 26px;
		font-size: 14px;
		padding-left: 20px;
	}
	.VIP-box>.ka>span {
		font-size: 14px;
		line-height: 30px;
	}
}

.VIP-box>.ka>.btn:hover {
	box-shadow: 0 2px 10px rgba(200, 40, 20, .8);
	background: linear-gradient(to bottom, #fffdeb, #fff39b);
	color: #e83434;
}


/*收件夹详情 20210713 clanlan*/

.shoujj_bg {
	background: url("../images/shoujj_bg.jpg")no-repeat top center #e6d1b4;
}

.shoujj_bg .hsbg1 {
	margin: 10px 0;
}

.shoujj_bg .col-md-push-6 .weui-dnb {
	margin-bottom: 10px;
}

.shoujj_bg .weui-bb {
	border: none;
}

.shoujj_bg .jijheight {
	padding-bottom: 15px;
}

.shoujj_bg .send_box {
	background: linear-gradient(to right, rgba(222, 238, 255, .8), rgba(159, 206, 255, .8));
	background: rgba(255,255,255,0.4);
	border-radius: 30px;
}

.shoujj_bg .btn_sjj {
	background: linear-gradient(to bottom, #ffe8e8, #ffe8e8);
	height: 26px;
	border-radius: 20px;
	box-shadow: 0 3px 10px #ffb3b4;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #ff6d6e;
	cursor: pointer;
}
.shoujj_bg .btn_sjj:hover,.shoujj_bg .btn_sjj.on{box-shadow: inset 0 2px 3px #b9a8a8;border:none;background: linear-gradient(to bottom, #ffe8e8, #ffe8e8); }

@media (max-width:980px) {
	.shoujj_bg .btn_sjj:hover{background: linear-gradient(to bottom, #ffe8e8, #ffe8e8);box-shadow:0 3px 10px #ffb3b4; }
}

.shoujj_bg .shoujj_top {
	position: relative;
	height: 76px;
}

.shoujj_bg .shoujj_top>h2 {
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin: 10px 0 0 0;
}

.shoujj_bg .left.btn_sjj {
	width: 42px;
	position: absolute;
	left: 15px;
	top: 25px;
}

.shoujj_bg .shoujj_top img {
	height: 12px;
}

.shoujj_bg .right {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 68px;
}

.shoujj_bg .right img {
	margin-right: 3px;
}

.shoujj_bg .right .btn_sjj {
	margin-bottom: 5px;
}

.shoujj_bg .shoujj_white {
	border-radius: 30px;
	background: #f8f8f8
}

.shoujj_bg .send_bottom,
.shoujj_bg .send_bottom textarea {
	background: #E8E8E8;
}

.shoujj_bg .ss_ren {
	border-bottom: 1px solid #eee;
	height: 70px;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.shoujj_bg .ss_ren .img {
	width: 66px;
	height: 66px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	background: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: -40px;
	margin-left: -33px;
}

.shoujj_bg .ss_ren .img>img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 6px;
}

.shoujj_bg .ss_ren h3 {
	margin: 0;
	padding-top: 40px;
	font-size: 15px;
}

.shoujj_bg .ss_ren .img>span {
	position: absolute;
	top: 3px;
	right: -14px;
	background: #ffcbcb;
	border-radius: 5px;
	padding: 2px 5px;
	color: #ff4d4e;
	font-size: 12px;
	transform: scale(0.83, 0.83);
	*font-size: 10px;
}

.shoujj_bg .btn-warning {
	width: 85px;
	border-radius: 30px;
	padding: 4px 13px;
	box-shadow: 0 3px 10px #dc6b6e;
	background: url("../images/shoujj_btnbg.png") no-repeat 0 0;
	background-size: 100% 100%;
	border: 0;
}

.shoujj_bg .btn-warning:focus,
textarea:focus {
	outline: none;
}

.shoujj_bg .btn-warning:focus,
.shoujj_bg .btn-warning.on {
	background: linear-gradient(to bottom, #ffa5a9, #ce3c3f);
	box-shadow: inset 0 3px 5px #cd3a3d;
}

.shoujj_bg .right .btn_sjj
 {
}



@media (max-width:980px) {
	.shoujj_bg .btn-warning:focus {
		background: url("../images/shoujj_btnbg.png") no-repeat 0 0;
		box-shadow: 0 3px 10px #dc6b6e;
		background-size: 100% 100%;
	}
}

@media all and (orientation: landscape) {
	/*横屏*/
}

@media all and (orientation: portrait) {
	/*竖屏*/
	.shoujj_bg {
		background-size: 1500px;
	}
}

/* scroll back to top*/
.m-scroll-top {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 40px;
	right: 20px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	display: none;
	padding-top: 9px;
	z-index: 110;
	border-radius: 100%
}
.m-scroll-top>i {
	font-size: 1.3rem
}
.m-scroll-top:hover {
	text-decoration: none
}
.m-scroll-top--shown .m-scroll-top {
	display: block
}
.m-scroll-top {
	background: #fff;
	-webkit-box-shadow: 0 0 15px 1px rgba(113, 106, 202, .2);
	box-shadow: 0 0 15px 1px rgba(113, 106, 202, .2)
}
.m-scroll-top>i {
	color: #cfcedb
}
.m-scroll-top:hover>i {
	color: #716aca
}
.m-scroll-top.m-scroll-top--skin-dark {
	background: #555;
	-webkit-box-shadow: 0 0 15px 1px rgba(113, 106, 202, .4);
	box-shadow: 0 0 15px 1px rgba(113, 106, 202, .4)
}
.m-scroll-top.m-scroll-top--skin-dark>i {
	color: #dfdff1
}
.m-scroll-top.m-scroll-top--skin-dark:hover>i {
	color: #716aca
}


/* Article step ribbon (實際進站流程 CD06) */
.tkny h4.article-step-badge {
	display: inline-block;
	margin: 28px 0 14px;
	padding: 10px 26px 10px 14px;
	background: linear-gradient(135deg, #f6ddd6 0%, #f0cfc6 55%, #ebc4ba 100%);
	color: #a85f52;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
	border-radius: 4px 0 0 4px;
	border: 1px solid rgba(232, 113, 90, 0.18);
	box-shadow: 0 2px 6px rgba(232, 113, 90, 0.1);
}

/* Article sample blocks (實際進站流程 CD07+) */
.article-sample {
	margin: 8px 0 4px;
}

.article-sample__block {
	margin-bottom: 14px;
	padding: 16px 18px;
	background: #faf6f3;
	border-left: 3px solid #ebc4ba;
	border-radius: 0 8px 8px 0;
}

.article-sample__block--sub {
	background: #fff;
	border: 1px solid #f0e4de;
	border-left: 3px solid #f0cfc6;
}

.article-sample__text {
	margin: 0;
	color: #555;
	line-height: 1.75;
}

.article-sample__text + .article-sample__text {
	margin-top: 10px;
}

.article-sample__note {
	margin: 12px 0 0;
	padding-top: 12px;
	border-top: 1px dashed #ead9d2;
	font-size: 14px;
	color: #999;
	line-height: 1.65;
}

.article-sample__label {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 600;
	color: #a85f52;
}

.tkny > p {
	margin: 0 0 10px;
}

.tkny .h4,
.tkny .h5,
.tkny .h6,
.tkny h4,
.tkny h5,
.tkny h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}


/* Article section title (numbered circle) */
.tkny h4.article-section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-top: 15px;
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 1.45;
}

.article-section-title__num {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 44px;
	font-size: 30px;
	font-weight: 700;
	color: #333;
	line-height: 1;
	flex-shrink: 0;
}

.article-section-title__num::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(250, 97, 117, 0.15);
	z-index: 0;
}

.article-section-title__text {
	flex: 1;
	font-weight: 700;
}

/* Article checklist (article pages) */
.article-checklist {
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
}

.article-checklist li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.65;
	color: #555;
}

.article-checklist li:last-child {
	margin-bottom: 0;
}

.article-checklist li::before {
	content: '✅';
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1.65;
}

/* Related article cards (article pages) */
.article-link-cards {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 8px;
}

.article-link-card {
	position: relative;
	display: block;
	padding: 18px 20px 16px;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 12px;
	box-shadow: none;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	user-select: none;
	transition: border-color 0.12s, background-color 0.12s;
}

.article-link-card:hover {
	border-color: rgba(250, 97, 117, 0.35);
	text-decoration: none;
	color: inherit;
}

.article-link-card:focus {
	outline: none;
	text-decoration: none;
	color: inherit;
}

.article-link-card:focus-visible {
	outline: 2px solid rgba(250, 97, 117, 0.45);
	outline-offset: 2px;
}

.article-link-card.is-pressed,
.article-link-card:active {
	border-color: #e0e0e0;
	background: #f3f3f3;
	box-shadow: inset 5px 5px 12px rgba(0, 0, 0, 0.14), inset -4px -4px 10px rgba(255, 255, 255, 0.95);
	transform: none;
}

.article-link-card.is-pressed .article-link-card__q,
.article-link-card:active .article-link-card__q {
	background: rgba(250, 97, 117, 0.1);
	box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.85);
}

.article-link-card__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.article-link-card__q {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-bottom: 0;
	border-radius: 50%;
	background: rgba(250, 97, 117, 0.15);
	color: #fa6175;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}

.article-link-card__title {
	flex: 1;
	min-width: 0;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 700;
	color: #222;
	line-height: 1.45;
}

.article-link-card__desc-row {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	line-height: 1.65;
	font-size: 14px;
	color: #888;
}

.article-link-card__desc {
	grid-column: 1 / -1;
	grid-row: 1;
	display: block;
	margin-bottom: 0;
	text-align: left;
}

.article-link-card__cta {
	grid-column: 2;
	grid-row: 1;
	display: block;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #fa6175;
	line-height: 1.65;
	white-space: nowrap;
	justify-self: end;
	align-self: end;
}

.article-link-card__desc-row.is-cta-stacked {
	grid-template-columns: 1fr;
	row-gap: 4px;
}

.article-link-card__desc-row.is-cta-stacked .article-link-card__desc {
	grid-column: 1;
	grid-row: 1;
}

.article-link-card__desc-row.is-cta-stacked .article-link-card__cta {
	grid-column: 1;
	grid-row: 2;
	justify-self: end;
	align-self: auto;
}

/* FAQ accordion (article pages) */
.faq-box {
	margin-top: 36px;
	margin-bottom: 36px;
	padding: 22px 20px 18px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.faq-box__title {
	margin: 0 0 16px;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: #222;
	line-height: 1.4;
}

.faq-item {
	margin: 0 0 10px;
	border: 1px solid #ececec;
	border-radius: 12px;
	background: #f7f7f7;
	overflow: hidden;
}

.faq-item:last-child {
	margin-bottom: 0;
}

.faq-item__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin: 0;
	padding: 14px 16px;
	border: 0;
	background: transparent;
	color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
	cursor: pointer;
	list-style: none;
}

.faq-item__q::-webkit-details-marker {
	display: none;
}

.faq-item__q::after {
	content: "+";
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}

.faq-item[open] {
	background: #f3f3f3;
}

.faq-item[open] .faq-item__q::after {
	content: "−";
	line-height: 18px;
}

.faq-item__a {
	margin: 0;
	padding: 0 16px 14px;
	color: #666;
	font-size: 14px;
	line-height: 1.7;
}