@charset "UTF-8";

* {
	padding: 0;
	margin: 0
}

body, input {
	font-family: "Hiragino Sans GB", "Microsoft YaHei",
		"WenQuanYi Micro Hei", sans-serif
}

a, label, :focus {
	outline: 0 none
}

.orderList {
	margin: 5px;
}

.orderList li {
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #EFE3E3;
}


a, img {
	border: 0 none
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

em, i {
	font-style: normal
}

ul, li, ol, dl {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a, label, :focus {
	outline: 0 none
}

.clearfix:after {
	display: block;
	content: "\20";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.clearfix {
	*zoom: 1
}

@media screen and (-ms-high-contrast:active) , ( -ms-high-contrast
	:none) {
	a {
		background-color: transparent
	}
}

html, body {
	font-size: 14px;
	color: #333
}

html {
	height: 100%
}

body {
	height: 100%
}

body {
	*position: relative
}

.tl-c {
	text-align: center
}

.tl-r {
	text-align: right
}

.td-u {
	text-decoration: underline
}

.td-u:hover {
	color: #ff7e00
}

.link-color {
	color: #333
}

.mart-10 {
	margin-top: 10px
}

.lh-input {
	line-height: 40px
}

.hide {
	display: none !important
}

.fl-l {
	float: left
}

.fl-r {
	float: right
}

.vt-a {
	*vertical-align: middle
}

.error-tip {
	color: #ff7e00
}

.pointer {
	cursor: pointer
}

.checkbox-item {
	margin-right: 10px;
	vertical-align: middle
}

.radio-item {
	margin-right: 10px
}

.space {
	margin-right: 20px;
	*margin-right: 10px;
	_margin-right: 0
}

.gray-bg {
	background: #222;
	opacity: .9;
	filter: alpha(opacity = 90);
	position: absolute;
	top: 0;
	left: 0;
	*zoom: 1;
	width: 100%;
	height: 100%
}

#date_picker {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: #fff;
	border: 1px solid #ccc;
	padding: 0 10px;
	height: 20px;
	line-height: 20px
}

.head-area {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10
}

.dis-inl {
	display: inline-block;
	*display: inline;
	zoom: 1
}

.head-line {
	height: 1px;
	overflow: hidden;
	background: #000
}

.slider-img-area {
	border-bottom: 1px solid #bcbcbc;
	height: 440px;
	overflow: hidden
}

.slider-container {
	height: 440px
}

.s-img-area {
	overflow: hidden
}

.s-img-area img {
	display: block
}

.s-img-area-inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	display: block
}

.s-img-area-inner:hover {
	text-decoration: none
}

.s-img-intro {
	position: absolute;
	display: block
}

.s-img-area-inner h2 {
	font-size: 40px;
	padding-bottom: 10px
}

.s-img-area-inner p {
	font-size: 14px;
	color: #333;
	line-height: 1.8
}

.tt-price-area {
	position: relative;
	padding: 30px 20px 30px 24px
}

.write-mes-area {
	width: 600px;
	background: #fafafa;
	padding: 4px 20px;
	overflow: hidden
}

.write-mes-area .global-input {
	margin: 0
}

.write-mes-ico {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 18px;
	height: 18px;
	background:
		url(http://s1.static.mescake.com/touch/css/img/write-mes.png) 0 0
		no-repeat;
	vertical-align: middle;
	margin-right: 6px
}

.tt-total {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 14px
}

.tt-total b {
	font-size: 26px
}

.btn {
	padding: 0 20px;
	margin-right: 10px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #616161;
	background: 0;
	border: 0 none;
	text-align: center;
	border: 1px solid #d8d7d7;
	background: #e4e4e4;
	border-radius: 4px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.big-btn {
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	border-radius: 6px
}

input.big-btn {
	height: 40px
}

.status1-btn {
	background: #00b0f6;
	border: 1px solid #00b0f6;
	color: #fff
}

.status2-btn {
	background: #8cc44f;
	border: 1px solid #8fc159;
	color: #fff
}

a.btn:hover {
	text-decoration: none
}

.content .dialog {
	background: 0;
	box-shadow: none;
	border: 0 none;
	position: static;
	margin: 40px auto 0 auto
}

.regis-tip {
	padding-top: 10px;
	font-size: 12px;
	color: #999
}

.regis-tip a {
	color: #0872e9;
	text-decoration: underline
}

.material-area {
	background: #f7f7f7;
	padding: 45px 0 55px 0
}

.material-inner {
	width: 960px;
	margin: 0 auto;
	font-size: 12px
}

.ma-item1, .ma-item2, .ma-item3 {
	width: 310px;
	float: left;
	height: 120px;
	padding-right: 10px
}

.ma-item1, .ma-item2 {
	background:
		url(http://s1.static.mescake.com/touch/css/img/dotted-line.png) right
		20px no-repeat
}

.ma-item2 {
	width: 270px
}

.ma-item3 {
	width: 350px
}

.ma-title {
	font-size: 14px;
	color: #fff
}

.ma-title p {
	margin: 0 auto
}

.mat-1, .mat-2, .mat-3 {
	background:
		url(http://s1.static.mescake.com/touch/css/img/ico_details.png) 0 0
		no-repeat;
	_background:
		url(http://s1.static.mescake.com/touch/css/img/ico_details8.png) 0 0
		no-repeat;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 70px
}

.mat-2 {
	background-position: -80px 0;
	width: 71px
}

.mat-3 {
	background-position: -160px 0;
	width: 72px
}

.ma-intro {
	color: #313131;
	text-align: center;
	padding: 14px 0 22px 0
}

.ma-ico-area p {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #7b7b7b
}

.marl-20 {
	margin-left: 20px
}

.ma-ico1, .ma-ico2, .ma-ico3, .ma-ico4 {
	background:
		url(http://s1.static.mescake.com/touch/css/img/ico_details.png) 0
		-33px no-repeat;
	_background:
		url(http://s1.static.mescake.com/touch/css/img/ico_details8.png) 0
		-33px no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 30px;
	height: 32px
}

.ma-ico2 {
	background-position: -38px -33px
}

.ma-ico3 {
	background-position: -80px -33px
}

.ma-ico4 {
	background-position: -115px -33px;
	float: left
}

.ma-item3 .ma-ico-area {
	width: 280px;
	margin: 0 auto
}

.content-area {
	background: #f2f2f2;
	padding: 40px 0;
	min-height: 500px;
	_height: 500px
}

.content {
	width: 960px;
	margin: 0 auto
}

.n-box {
	margin-bottom: 10px
}

.box-inner {
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 0 none;
	border-bottom: 0 none
}

.has-no-order {
	text-align: center;
	padding-top: 140px
}

.acc-item {
	padding: 10px 0 10px 40px
}

.acc-item p {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.acc-p1 {
	width: 200px;
	font-size: 14px;
	font-weight: bold
}

.acc-box {
	border-bottom: 1px solid #ededed;
	padding: 20px 0;
	height: 400px
}

.acc-link {
	color: #0872e9;
	font-weight: bold;
	text-decoration: underline
}

.odc-adress-area {
	padding: 30px;
	_height: 62px;
	position: relative
}

.od-total {
	position: absolute;
	right: 30px;
	text-align: right;
	top: 34px
}

.od-total b {
	font-size: 26px
}

.od-btn-area {
	padding-top: 20px
}

.od-btn-area .btn {
	margin-right: 20px
}

.od-btn-area .btn:hover {
	text-decoration: none
}

.list-line {
	height: 1px;
	overflow: hidden;
	background: #ededed
}

.od-title1 a {
	color: #333
}

.od-ul {
	margin: 0 14px;
	zoom: 1
}

.od-ul li {
	border-bottom: 1px solid #ededed;
	height: 82px;
	line-height: 80px;
	margin-bottom: -1px;
	position: relative
}

.od-list .od-ul li {
	margin-bottom: 0;
	border-bottom: 0 none
}

.od-img-area {
	width: 80px;
	height: 80px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 80px;
	text-align: center;
	margin-right: 10px;
	_vertical-align: middle
}

.od-img {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.od-img-add-ico {
	*margin-top: 15px
}

.od-ul .od-title1 {
	text-align: left
}

.font0 {
	font-size: 0 !important;
	vertical-align: middle
}

.od-candle-item {
	width: 26px;
	*width: 24px;
	margin-top: 6px;
	*margin-top: 20px
}

.od-for4 .od-candle-item {
	width: 20px;
	*width: 18px
}

.od-more-than4 {
	line-height: 0
}

.od-more-than4 .od-candle-item {
	width: 20px;
	*width: 18px;
	margin-top: 6px
}

.od-title1 .candle-edit {
	text-decoration: underline;
	color: #ff7e00
}

.order-detail-con {
	color: #616161;
	padding-bottom: 22px;
	font-size: 12px;
	overflow: hidden
}

.content-title {
	padding-bottom: 24px
}

.content-title a {
	color: #333
}

.content-title a:hover {
	text-decoration: none
}

.shop-price-total {
	padding: 60px 20px 40px 0;
	font-size: 14px
}

.shop-price-total b {
	font-size: 24px
}

.shop-btn-area {
	padding: 40px 0 20px 0
}

.shop-btn-area a:hover {
	text-decoration: none
}

.tt-title {
	border: 1px solid #d9d9d9;
	height: 40px;
	line-height: 40px;
	background: #fcfcfc
}

.tt-title h4 {
	margin-left: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.account-mes-area {
	overflow: hidden;
	padding: 20px 0
}

.ama-item {
	display: block;
	margin: 0 10px 20px 10px;
	padding: 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box
}

.ama-item:active, .ama-item-current {
	border: 1px solid #ff7e00;
	background:
		url(http://s1.static.mescake.com/touch/css/img/wap-adress-checked.png)
		right 0 no-repeat;
	background-size: 8px 8px
}

.ama-name-area {
	overflow: hidden;
	padding-bottom: 10px;
	height: 22px
}

.address-area {
	height: 70px;
	line-height: 1.5
}

.handle-area {
	height: 20px;
	line-height: 20px;
	visibility: hidden
}

.handle-area a {
	color: #999
}

.handle-area a:hover {
	color: #ff7e00
}

.ama-delete {
	width: 16px;
	height: 16px;
	background:
		url(http://s1.static.mescake.com/touch/css/img/delete-co.png) 0 -20px
		no-repeat;
	text-indent: -100px;
	overflow: hidden
}

.ama-delete:hover {
	background-position: 0 0
}

.ama-item:hover .handle-area {
	visibility: visible
}

.hover .handle-area {
	visibility: visible
}

.ama-add-address {
	clear: both;
	padding-left: 10px
}

.add-ico {
	width: 16px;
	height: 16px;
	font-weight: bold;
	margin-right: 4px;
	vertical-align: middle;
	background:
		url(http://s1.static.mescake.com/touch/css/img/add-little.png) 0 0
		no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.tt-ul {
	color: #333;
	font-size: 14px;
	padding: 0 14px
}

.tt-ul li {
	border-bottom: 1px solid #ededed;
	padding-top: 10px
}

.invoice-ul {
	background: #fcfcfc
}

.invoice-ul li {
	border: 0 none
}

.l-title {
	clear: left;
	width: 90px;
	padding-right: 10px;
	text-align: right;
	float: left;
	font-weight: bold
}

.r-con {
	float: left;
	width: auto
}

.check-container {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.check-container {
	position: relative
}

.tips-container {
	position: absolute;
	height: 24px;
	line-height: 24px;
	border: 1px solid #f9f1bf;
	background: #fdfae6;
	color: red;
	font-size: 12px;
	padding: 0 8px;
	border-radius: 4px;
	right: 10px;
	top: 9px
}

.need-login-tip {
	background: #ececec;
	padding: 10px;
	font-size: 14px;
	color: #333
}

.need-login-tip a {
	color: #ff7e00
}

.global-input, .text-area {
	border: 0 none;
	background: 0;
	padding: 10px 0;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.global-input {
	height: 22px;
	line-height: normal;
	width: 240px;
	margin-bottom: 20px;
	font-size: 15px
}

.text-area {
	height: 60px;
	line-height: 18px;
	width: 240px;
	margin-bottom: 20px
}

.has-bor-input:focus {
	box-shadow: inset 0 0 8px #eaeaea
}

.has-bor-input {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background: #fff;
	padding: 10px
}

.tt-ul .global-input {
	margin-bottom: 10px
}

.payStyle {
	padding: 20px 0 20px 40px
}

.check-money-area {
	background: #fffcf1;
	margin-bottom: 20px
}

.money-style {
	width: 600px;
	float: left
}

.total-money {
	float: right;
	width: 220px;
	line-height: 1.5
}

.total-money b {
	font-weight: normal;
	width: 100px;
	text-align: right;
	display: inline-block;
	*display: inline;
	zoom: 1
}

.total-money em {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 80px;
	padding-left: 40px
}

.total-p {
	margin-top: 10px
}

.total-p b {
	font-weight: bold
}

.total-p em {
	padding: 0;
	width: 120px
}

.overage-area span {
	color: red
}

.error-ico {
	height: 10px;
	width: 8px;
	background:
		url(http://s1.static.mescake.com/touch/css/img/error-ico.png) 0 0
		no-repeat;
	background-size: 8px 10px
}

.suc-ico {
	height: 10px;
	width: 11px;
	background: url(http://s1.static.mescake.com/touch/css/img/suc-ico.png)
		0 0 no-repeat;
	background-size: 11px 10px
}

.error-ico, .suc-ico {
	margin-left: 10px;
	text-indent: -100px;
	overflow: hidden;
	vertical-align: middle;
	_background: 0;
	_text-indent: 0;
	color: red;
	font-size: 16px;
	font-weight: bold
}

.check-code {
	width: 100px;
	height: 38px;
	background: #ccc;
	vertical-align: middle
}

.error-ico, .suc-ico, .check-code, .total-sub-tip {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.area-intro, .area-intro-ico {
	display: inline-block;
	*display: inline;
	zoom: 1
}

.area-intro {
	position: relative;
	color: #333
}

.area-intro-ico {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(http://s1.static.mescake.com/touch/css/img/what.png) 0 0
		no-repeat;
	_display: none
}

.ai-intro {
	position: absolute;
	display: none;
	width: 220px;
	left: 10px;
	bottom: 24px;
	z-index: 10;
	border: 1px solid #ccc;
	background: #fff;
	padding: 4px;
	font-size: 12px;
	border-radius: 4px;
	color: #ff7e00;
	text-align: center
}

.ai-intro {
	_position: static;
	_color: #ff7e00;
	_font-size: 10px;
	_border: 0 none;
	_text-align: left;
	_display: inline;
	_background: 0
}

.area-intro:hover {
	text-decoration: none
}

.area-intro:hover .ai-intro {
	display: block
}

.suc-container {
	padding-top: 100px
}

.suc-tip {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px;
	padding-top: 20px
}

.suc-tip3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.0
}

.suc-tip2 {
	font-size: 12px;
	padding-bottom: 20px
}

.suc-tip2 a {
	color: #0872e9;
	text-decoration: underline
}

.suc-bg-area {
	width: 600px;
	margin: 0 auto;
	margin-top: 40px
}

.suc-container .box-inner {
	padding: 20px 0
}

.suc-container .status1-btn {
	border-radius: 0 3px 3px 0;
	height: 44px;
	vertical-align: middle;
	margin-left: -2px;
	position: relative;
	z-index: 2
}

.suc-tip-link {
	color: #ff7e00;
	margin: 0 2px;
	text-decoration: underline
}

.alipay-link-area .status1-btn {
	border-radius: 3px;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	margin-left: -2px;
	position: relative;
	z-index: 2
}

.use-phone-tips {
	color: #666;
	padding-top: 40px
}

.cat-item {
	border-top: 1px solid #000;
	margin: 100px 0 40px 0;
	height: 305px;
	overflow: hidden;
	padding: 20px 0 40px 0
}

.cake-cat, .cat-people {
	display: block
}

.cake-cat {
	width: 384px;
	height: 298px
}

.cat-people {
	height: 180px;
	margin-top: 60px;
	margin-right: 20px
}

.cat-detail {
	padding-top: 100px;
	width: 240px;
	display: block
}

.cat-item-link {
	display: block;
	overflow: hidden
}

.cat-item-link:hover {
	text-decoration: none
}

.cat-detail .cat-title, .cat-detail .cat-con {
	display: block
}

.cat-detail .cat-title {
	font-size: 20px;
	color: #999;
	font-weight: normal
}

.cat-detail .cat-con {
	color: #999;
	line-height: 1.5;
	font-size: 12px
}

.cat-mark .buy-container {
	top: 780px
}

.cat-mark .size-list li {
	text-align: center
}

.flower-mark {
	color: #999;
	padding-top: 10px;
	background: url(http://s1.static.mescake.com/touch/css/img/flower0.jpg)
		center bottom no-repeat;
	height: 130px
}

.mv-area {
	padding-left: 180px;
	height: 104px;
	cursor: pointer;
	background: url(http://s1.static.mescake.com/touch/css/img/cat-mv.png) 0
		0 no-repeat;
	width: 220px;
	font-size: 14px;
	margin-top: 40px
}

.mv-area p {
	font-size: 12px;
	padding-top: 10px
}

.mv-area .strong {
	color: #ea4633
}

.cake-tip-area {
	background: #fefdf6;
	position: static;
	padding: 10px 0;
	border-bottom: 1px solid #ccc
}

.cta-inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden
}


.footer-area {
	background: #fff;
	padding: 20px 0 40px 0;
	zoom: 1
}

.footer {
	width: 960px;
	margin: 0 auto;
	font-size: 12px
}

.foo-l {
	width: 170px
}

.foo-r {
	width: 780px;
	text-align: right;
	color: #858585
}

.f-contact {
	color: #858585;
	margin: 0 10px
}

.WB_FB_show, .copyright {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.WB_FB_show {
	margin-left: 10px
}

.copyright {
	margin-left: 10px
}

.footer-link-area {
	color: #666;
	text-align: center;
	padding: 10px 0
}

.footer-link-area a {
	color: #666
}

.footer-link-area p {
	font-size: 12px
}

.footer-area {
	padding: 20px 10px 60px 10px
}

.footer {
	width: auto
}

.foo-l {
	width: auto
}

.foo-r {
	width: auto;
	text-align: left
}

.foo-r a:first-child {
	margin-left: 0
}

.copyright {
	margin-left: 0
}

.mh-login-area {
	width: auto
}

.main-logo {
	width: 70px;
	display: inline-block;
	padding: 12px 0 8px 0;
	height: 29px;
	background-image: url(../images/main-logo.png);
	background-repeat: no-repeat;
	background-size: 70px 19px;
	margin-top: 16px
}

.mes-head img {
	display: none
}

.mes-head {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #ccc;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
	padding-right: 0;
	background: #f6f6f6
}

.h-ico-item {
	float: left;
	display: block;
	text-align: center;
	color: #333;
	font-size: 10px;
	height: 30px;
	margin: 0;
	padding: 10px 15px;
	border-right: 1px solid #ccc
}

.h-ico-item em {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin: 6px auto
}

.h-ico-area {
	padding-top: 0
}

.nb-num {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: red;
	color: #fff;
	text-align: center;
	line-height: 14px;
	font-size: 10px;
	border-radius: 4px
}

.h-ico-item {
	position: relative
}

.nb-num {
	position: absolute;
	top: -4px;
	right: -2px
}

.head-line {
	height: 2px;
	background: #ddd
}

.wap-btn-area {
	position: absolute;
	top: 50px;
	background: #fff;
	color: #666;
	overflow: hidden;
	width: 100%;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #ccc
}

.wap-btn-area li {
	width: 25%;
	float: left;
	text-align: center
}

.wap-btn-area .wap-btn {
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	border-radius: 0;
	background: 0;
	color: #666;
	padding: 10px
}

.wap-btn-area .wap-btn.current {
	background: #fff;
	color: #333;
	font-weight: bold;
	border-radius: 0;
	border-bottom: 2px solid #fd578e
}

.wap-btn {
	display: inline-block;
	padding: 6px;
	border-radius: 4px;
	color: #fff;
	background: #8aba56;
	margin: 0 6px 10px 0
}

.wap-btn:hover, .wap-btn:active {
	text-decoration: none
}

.pro-list-title {
	margin: 0 10px;
	background: #fff;
	display: none;
	font-weight: normal;
	font-size: 16px;
	padding-bottom: 6px;
	padding: 10px 10px 6px 10px;
	border-bottom: 1px solid #ddd
}

.pro-list-item {
	width: 100%;
	float: left;
	box-sizing: border-box;
	height: 235px;
	padding: 5px;
	border-bottom: 0 none;
	background: url(../images/wap-img-item-bg1.png) center center no-repeat;
	background-size: 97% 225px;
}

@media screen and (min-width: 360px) {
	.pro-list-item {
		width: 50%;
	}
}

.pro-list-item-inner {
	/* background: #fff;
	border: 1px solid #ddd; */
	padding: 10px
}

.pro-list-item-inner a {
	/* 	border-bottom: 1px solid #f6f6f6; 
	 margin-bottom: 10px; */
	display: block;
	background: url(../images/wap-img-item-bg.png) center center no-repeat;
	background-size: 110px 110px;
	height: 110px
}

.pro-list-item p {
	display: none
}

.pro-list-item p {
	padding: 0 0 10px 0;
	height: 28px;
	font-size: 12px;
	color: #575757;
	line-height: 1.5;
	height: 36px
}

.pro-list-item h5 {
	font-size: 13px;
	padding-bottom: 4px;
	font-weight: normal
}

.nb-num {
	background: #fd578e
}

.pro-list-item img {
	display: block;
	margin-left: -13px;
	width: 100%;
	max-width: 120px;
	margin: 0 auto;
	height: 120px
}

.pro-list-area {
	width: 100%
}

.status3-btn {
	background: #4EC18A;
	border: 1px solid #56C68C;
	color: #fff;
}

.content {
	width: auto
}

.content .dialog {
	width: 280px !important;
	margin: 0 auto
}

.content-area {
	margin-top: 82px;
	padding: 10px;
	min-height: 300px
}

.acc-item {
	padding: 10px
}

.acc-box {
	height: auto
}

.suc-bg-area {
	width: auto;
	margin-top: 20px
}

.suc-container {
	padding-top: 20px
}

.suc-container .box-inner {
	padding: 20px 10px
}

.suc-bg-area .global-input {
	width: 170px
}

.need-login-tip {
	text-align: left !important;
	font-size: 10px
}

.od-title-area {
	margin: 0;
	font-size: 10px
}

.order-detail-title {
	background: #fff;
	padding: 10px;
	color: #ff7e00;
	font-size: 14px;
	margin-bottom: 10px
}

.order-detail-title a {
	color: #ff7e00
}

.order-detail-con {
	padding: 10px;
	background: #fff
}

.od-ul {
	margin: 0
}

.od-ul li {
	height: 42px;
	line-height: 40px;
	font-size: 10px
}

.od-img-area {
	width: 40px;
	height: 40px;
	margin-right: 2px;
	line-height: 0;
	vertical-align: top
}

.od-img-area img {
	max-width: 40px;
	margin-top: 2px
}

.od-title1 {
	width: 61%;
	overflow: hidden
}

.od-title2, .od-title3, .od-title4 {
	width: 13%
}

.or-name-intro {
	line-height: 1.2;
	vertical-align: middle;
	display: inline-block;
	width: 130px
}

.odc-adress-area {
	padding: 30px 10px
}

.odc-adress-area p {
	width: 54%;
	font-size: 10px
}

.od-total {
	right: 10px
}

.total-area .od-title1 {
	width: 40%
}

.total-area .od-title3 {
	width: 24%
}

.total-area .or-name-intro {
	width: 70px
}

.od-candle-item {
	width: 20px;
	margin-top: 0
}

.od-img-add-ico {
	width: 36px
}

.or-handle {
	display: block;
	right: 0;
	top: 14px
}

.tt-price-area {
	padding: 10px;
	height: 100px
}

.write-mes-area {
	width: auto;
	padding: 4px
}

.write-mes-area .global-input {
	width: 240px !important
}

.total-area .tt-total {
	top: auto;
	bottom: 10px
}

.tt-title {
	line-height: 24px;
	height: auto
}

.tt-title h4 {
	margin: 0
}

.handle-area {
	visibility: visible
}

.tt-ul {
	padding: 0
}

.l-title {
	width: 80px;
	position: absolute;
	top: 10px;
	left: 4px;
	float: none
}

.tt-ul li {
	position: relative;
	padding-left: 84px
}

.tt-ul .check-container {
	width: 100%
}

.tt-ul .r-con {
	width: 100%
}

.tt-ul .global-input {
	width: 100% !important
}

.content-area {
	margin-top: 0;
	background: 0
}

.return-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10
}

.return-area a {
	color: #333
}

.ra-con {
	display: inline-block;
	font-size: 16px;
	color: #333
}

.return-area {
	height: 50px;
	line-height: 50px;
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	font-weight: bold
}

.ra-ico {
	float: left;
	display: inline-block;
	margin: 0 10px 0 0;
	width: 40px;
	height: 50px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	background: url(../images/wap-return-home.png) center center no-repeat;
	background-size: 12px 12px
}

.wap-func-more-ico {
	width: 12px;
	height: 16px;
	position: absolute;
	top: 14px;
	right: 18px;
	background: url(../images/wap-func-more.png) 0 0 no-repeat;
	background-size: 12px 16px
}

.nav-bar {
	background: #f6f6f6;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #333;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10
}

.nav-bar li {
	float: left;
	width: 20%;
	text-align: center;
	padding: 8px 0
}

.nav-bar li a {
	display: block;
	text-align: center;
	color: #333;
	font-size: 10px;
	height: auto
}

.nav-bar li a em {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 auto
}


.s-img-area-inner {
	width: auto
}

.s-img-area img {
	max-width: 280px;
	margin: 0 auto
}

.material-inner {
	width: auto
}

.s-img-intro {
	position: static;
	padding: 0 10px
}

.material-area {
	padding: 0
}

.ma-item1, .ma-item2, .ma-item3 {
	float: none;
	width: auto;
	padding: 20px 0 10px 0
}

.ma-item1 {
	background: #fef4e3
}

.ma-item2 {
	background: #fedfd5
}

.ma-item3 {
	background: #effff0
}

.wap-price-area {
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding: 10px 0 0 0
}

.wap-price-area .buy-price {
	color: #ff7e00;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 16px
}

.wap-bug-btn {
	width: 100%;
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	background: #f6f6f6;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #ddd
}


.wap-price-intro {
	position: relative;
	padding: 10px;
	line-height: 26px
}

.wap-check-area {
	background: #f6f6f6;
	padding: 10px
}

.wap-check-tip {
	color: #ff7e00;
	font-size: 10px
}

.wap-pro-tip {
	text-align: right;
	padding-right: 10px;
	color: #f9a;
	font-size: 10px;
	margin-top: -20px;
	height: 20px
}

.wca-tip {
	line-height: 1.5;
	margin-bottom: 6px
}

.special-tip {
	color: #ff7e00;
	font-weight: bold
}

.check-btn {
	padding: 0 10px;
	margin: 0 10px 10px 0;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #616161;
	background: 0;
	border: 0 none;
	text-align: center;
	border: 1px solid #d8d7d7;
	background: #e4e4e4;
	border-radius: 4px;
	display: inline-block
}

.check-btn.checked {
	background: #fc6f2a;
	border: 1px solid #ec621e;
	color: #fff
}

.wap-order-title-item {
	color: #ff7e00;
	padding: 10px
}

.wap-order-item {
	padding: 10px 10px 18px 80px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
}

.woi-img {
	border: 1px solid #ededed;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	left: 0;
	top: 0;
	position: absolute;
}

.woi-img img {
	width: 60px;
	height: 60px;
	vertical-align: middle;
}

.woi-img-num {
	width: 20px;
	left: 20px
}

.line-item {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.address-detail {
	padding-right: 30px;
	position: relative;
}

.leave-mes .global-input {
	padding: 10px;
	box-sizing: border-box;
	height: 42px;
	width: 100%;
}

.data-item {
	padding: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 10px 0;
	background: #fff;
}

.woi-tip {
	color: #999;
	font-size: 12px;
	overflow: hidden
}

.woi-price {
	float: right
}

.date-ico {
	background: url(../images/time-ico.png) 0 0 no-repeat;
	background-size: 24px 24px;
}

.date-ico, .time-ico {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.time-ico {
	background:
		url(http://s1.static.mescake.com/touch/css/img/time-ico2.png) 0 0
		no-repeat;
	background-size: 24px 24px;
}

.wap-more-ico {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px;
	display: inline-block;
	width: 8px;
	height: 8px;
	background:
		url(http://s1.static.mescake.com/touch/css/img/wap-more-ico.png) 0 0
		no-repeat;
	background-size: 8px 8px
}

.wap-little-tip {
	font-size: 12px;
	color: #ff7e00;
	padding: 0 10px
}

.wap-ad-down-ico {
	display: inline-block;
	width: 8px;
	height: 8px;
	background:
		url(http://s1.static.mescake.com/touch/css/img/wap-ad-up-ico.png) 0 0
		no-repeat;
	background-size: 8px 8px;
	margin-left: 6px
}

.pad-l-r10 {
	padding: 0 10px
}

.wap-total-price {
	text-align: right;
	margin-top: -26px;
	padding-right: 10px;
	color: #ff7e00;
	font-weight: bold
}

.wap-checkbox-item, .wap-radio-item {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px
}

.wap-total-btn-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #ff7e00;
	padding: 6px 0 0 0;
	background: #fff
}

.wap-total-btn-area p {
	color: #ff7e00;
	margin-bottom: 10px;
	margin-left: 10px;
}

.leave-mes .global-input:focus {
	box-shadow: inset 0 0 8px #eaeaea
}

.od-list-item {
	border-bottom: 1px solid #e0e0e0;
	padding: 0 10px 10px 100px;
	height: 92px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px
}

.wtb-item-btn {
	float: right;
}

.oli-tip {
	overflow: hidden;
	color: #333;
	padding: 8px 4px;
	background: #f6f6f6;
	margin-bottom: 10px
}

.oli-price {
	padding-bottom: 10px;
	overflow: hidden
}

.oli-price span {
	color: #ff7e00;
	float: right
}

.oli-cancel {
	color: #ff7e00
}

.oli-img-item {
	border: 1px solid #ccc;
	width: 80px;
	height: 80px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 80px
}

.oli-img-item img {
	width: 70px;
	height: auto;
	vertical-align: middle
}

.oli-btn-area {
	text-align: right;
	padding-top: 10px
}

.address-con p {
	padding: 0 10px 0 80px;
	position: relative
}

.address-con em {
	position: absolute;
	left: 10px;
	top: 0
}

.little-dialog {
	width: 200px;
	min-height: 100px;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -110px;
	box-shadow: 0 0 2px #333
}

.ld-btn-area {
	text-align: center
}

.little-dialog .global-input {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background: #fff;
	padding: 4px 10px
}

.ld-title {
	text-align: center;
	color: #ff7e00;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px
}

.add-ico, .minus-ico {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle
}


.num-input {
	border: 1px solid #ccc;
	height: 16px;
	line-height: 16px;
	padding: 4px 0;
	margin-bottom: 0;
	text-align: center;
	color: #333;
	vertical-align: middle
}

.minus-ico-me, .add-ico-me {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	vertical-align: middle
}

.add-ico-me {
	color: red
}

.wap-add-adress {
	padding: 0 10px
}

.wap-add-adress .check-container {
	width: 100%
}

.wap-add-adress .global-input {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	line-height: normal;
	margin-bottom: 10px
}

.wap-add-adress .wap-check-tip {
	margin-bottom: 10px
}

.scroll-area {
	display: block;
	height: 100%;
	overflow: scroll;
	box-sizing: border-box;
	padding: 60px 0
}

body {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.app-main {
	position: relative;
	height: 100%;
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 400ms ease
}

.sidebar-left-in {
	-webkit-transform: translate3d(-440px, 0, 0);
	transform: translate3d(-440px, 0, 0)
}

.sidebar-left-in {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
	-webkit-transition: -webkit-transform 400ms ease;
	-moz-transition: -moz-transform 400ms ease;
	-o-transition: -o-transform 400ms ease;
	transition: transform 400ms ease
}

.app-nav {
	position: absolute;
	top: 0;
	left: 0
}

.app-bottom {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0
}

.loading {
	background: #fff
		url(data:image/gif;base64,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)
		center center no-repeat
}

.wap-radio, .wap-checkbox {
	display: inline-block;
	width: 24px;
	height: 24px;
	background:
		url(http://s1.static.mescake.com/touch/css/img/wap-checkbox1.png) 0 0
		no-repeat;
	background-size: 24px 24px
}

.gold-coins {
	width: .8125rem;
	height: .78125rem;
	background-image: url(../images/u6_normal.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	visibility: visible
}

.preview-time {
	width: 22px;
	height: 22px;
	background-image: url(../images/time.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	margin: 4px;
	visibility: visible
}

.preview-camera {
	width: 22px;
	height: 22px;
	background-image: url(../images/video.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	margin: 4px;
	visibility: visible
}

.gray-bg {
	background: #222;
	opacity: .9;
	filter: alpha(opacity = 90);
	position: absolute;
	top: 0;
	left: 0;
	*zoom: 1;
	width: 100%;
	height: 100%
}

.dialog {
	width: 400px;
	border-radius: 2px;
	min-height: 200px;
	_height: 200px;
	border: 1px solid #ddd;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -200px;
	background: #fff;
	box-shadow: 0 0 10px #333
}

.dialog-head {
	position: relative;
	padding: 26px;
	height: 26px
}

.dia-title {
	font-size: 18px;
	line-height: 1.5;
	color: #000;
	text-align: center;
	*font-weight: bold
}

.close-ico {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #ff7e00;
	font-weight: bold;
	cursor: pointer;
	height: 16px;
	width: 16px;
	background:
		url(http://s1.static.mescake.com/touch/css/img/dialog-close-btn.png) 0
		0 no-repeat;
	text-indent: -100px;
	overflow: hidden
}

.dialog-con {
	padding: 0 40px 40px 40px
}

.dia-sub-tip .dia-st-tip, .dia-form-tip {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	margin-bottom: 10px
}

.dia-sub-tip {
	text-align: center
}

.dia-sub-tip .dialog-head {
	display: none
}

.dia-sub-tip .dia-st-tip {
	margin-bottom: 20px;
	padding-top: 40px
}

.dialog .text-area, .dialog .global-input {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background: #fff;
	padding: 10px;
	margin-bottom: 6px;
	width: 298px
}

.dialog .global-input:focus {
	box-shadow: inset 0 0 8px #eaeaea
}

.dialog .btn {
	padding: 0 40px;
	*padding: 0 20px;
	margin-top: 10px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	border-radius: 3px;
	background: #fafafa
}

.dialog .status1-btn {
	background: #00A5F6
}

.dialog .code-btn {
	width: 60px;
	padding: 0 14px;
	margin: 0 0 0 10px;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	font-size: 12px;
	*margin-top: -38px
}

.single-btn-area {
	padding-top: 10px;
	text-align: center
}

.single-btn-area .btn {
	margin-right: 0
}

.dialog input.long-btn {
	width: 320px
}

.dialog .long-btn {
	margin-right: 0;
	width: 238px;
	*width: 278px
}

.dialog .text-area:focus, .has-bor-input:focus {
	box-shadow: inset 0 0 8px #eaeaea
}

.dialog .no-border-b {
	border-radius: 3px 3px 0 0;
	border-bottom: 0 none;
	margin-bottom: 0;
	*margin-bottom: -1px
}

.dialog .no-border-t {
	border-radius: 0 0 3px 3px
}

.dialog .no-border {
	border-radius: 0;
	border-bottom: 0 none;
	margin-bottom: 0;
	*margin-bottom: -1px
}

.pass-area {
	font-size: 12px;
	overflow: hidden;
	padding-top: 10px;
	color: #7f7f7f
}

.pass-area label {
	float: left
}

.pass-area a {
	float: right;
	color: #7f7f7f;
	vertical-align: middle
}

.birth-bg {
	display: block;
	margin: 0 auto 20px auto
}

.cca-item {
	overflow: hidden;
	height: 130px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 1px
}

.cca-item-current {
	border: 2px solid #85c3e9;
	padding: 0
}

.cca-item .fl-l {
	vertical-align: middle
}

.cca-item .radiobox-item {
	margin: 50px 20px 0 30px
}

.cca-intro {
	margin: 40px 20px 0 0
}

.cca-img-area {
	width: 120px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	margin: 15px 20px 0 0;
	font-size: 0
}

.big-candle {
	height: 100px
}

.cca-func-area {
	margin-top: 30px;
	font-size: 12px
}

.cca-func-area p {
	line-height: 1.8
}

.candle-item {
	width: 40px;
	*width: 38px;
	vertical-align: middle;
	display: inline-block;
	*margin-top: 20px
}

.for4 .candle-item {
	width: 30px;
	*width: 28px
}

.more-than4 {
	line-height: 50px
}

.more-than4 .candle-item {
	width: 30px;
	*width: 28px;
	*margin-top: 0
}

.cts-img-item {
	display: block;
	margin: 0 auto 20px auto
}

.cts-intro {
	margin: 10px;
	line-height: 1.5;
	padding-left: 24px;
	position: relative;
	font-size: 12px
}

.cts-intro b {
	font-size: 14px
}

.cts-intro .check-item {
	position: absolute;
	left: 0;
	top: 4px;
	_left: -24px;
	_top: 0
}

.dialog {
	width: 300px;
	margin-left: -150px;
	top: 20px;
	box-shadow: none;
	border: 0 none
}

.close-ico {
	display: none
}

.dialog-con {
	padding: 0
}

.dialog .text-area, .dialog .global-input {
	width: 258px
}

.dialog input.long-btn {
	width: 280px
}

.dialog .long-btn {
	width: 198px
}

.cts-img-item {
	width: 200px
}

.cca-item {
	height: 100px
}

.cca-item .radiobox-item {
	margin: 40px 4px 0 4px
}

.cca-intro {
	margin: 30px 4px 0 0;
	font-size: 12px
}

.cca-img-area {
	margin: 0;
	width: 100px
}

.big-candle {
	width: 60px;
	height: auto;
	vertical-align: middle
}

.candle-item {
	width: 30px
}

.for4 .candle-item, .more-than4 .candle-item {
	width: 22px
}

.more-than4 {
	line-height: 40px;
	height: 90px;
	padding-top: 10px
}

.cca-func-area {
	margin-top: 20px
}

.recharge-area input {
	width: 40px !important
}

.slide-code-btn {
	width: 158px !important
} 
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated-quick {
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

/* 导航条  */
.nav {
	overflow: hidden;
	height: 44px;
	text-align: center;
	background: rgb(58, 193, 126);
	width: 100%;
	overflow: hidden;
	height: 52px;
	line-height: 52px;
	background: #fff;
	color: #42464a;
	position: fixed;
	left: 0;
	top: 0;
	box-shadow: 1px 1px 1px 0px rgba(195, 195, 195, 0.50);
	z-index: 100;
}
/* 导航条的返回键 */
.nav .back {
	position: absolute;
	left: 0%;
	top: 0%;
	height: 52px;
	width: 52px;
	margin: 0 -44px 0 0;
	text-indent: -300px;
	background: url(../images/back.png) no-repeat 15px center;
	background-size: 30% auto;
	z-index: 10;
}
/* 导航的右侧添加按钮 */
.nav .add {
	position: absolute;
	float: right;
	right: 0%;
	margin-left: -58px;
	margin-right: 5px;
	height: 52px;
	width: 52px;
	text-indent: -300px;
	background: url(../images/add.png) no-repeat 15px center;
	background-size: 35% auto;
	z-index: 10;
}

.nav .back:ACTIVE {
	background-color: #efefef
}

.nav .add:ACTIVE {
	background-color: #efefef
}
/* 导航的标题栏 */
.nav .tit {
	display: inline-block;
	line-height: 44px;
	font-size: 17px;
	color: #000000;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nav .txt-r {
	float: right;
	margin-left: -58px;
	margin-right: 15px;
	font-size: 16px;
	color: #47c586;
	font-stretch: wider;
}

.nav .txt-r:ACTIVE {
	background-color: #efefef
}

/** 服务说明页面 **/
.business-tos {
	background: #ffffff;
	margin: 0 auto;
	font-size: 14px;
	color: #303030;
	font-family: 宋体;
}

.business-tos p {
	line-height: 16px;
	margin: 0;
	padding: 0;
}

.business-tos .padding-10-10 {
	padding: 10px 10px 10px 10px;
}

/** 购买金币页面  **/
.buycoins .scroll-area {
	overflow: auto;
}

.buycoins .pro-list-item .action {
	min-width: 80px;
	height: 24px;
	line-height: 26px;
	font-size: 12px;
	color: #777;
	text-align: center;
	background: #f0f0f0;
	z-index: 1
}

.buycoins .pro-list-item  .action .minus, .pro-list-item  .action .plus {
	top: 0;
	background: #fff;
	border: #f0f0f0 solid 1px;
	width: 22px;
	height: 22px;
}

.buycoins .pro-list-item  .action .minus {
	left: 0;
}

.buycoins .pro-list-item  .action .minus::after {
	content: ' ';
	top: 11px;
	left: 6px;
	width: 10px;
	height: 1px;
	background: #e5e5e5;
}

.buycoins .pro-list-item  .action .plus {
	right: 0;
	border-color: #ff6f68 solid 1px;
	background: #ff6f68;
}

.buycoins .pro-list-item  .action .plus::before, .pro-list-item  .action .plus::after
	{
	content: ' ';
	background: #fff;
}

.buycoins .pro-list-item  .action .plus::before {
	top: 11px;
	left: 6px;
	width: 11px;
	height: 1px;
}

.buycoins .pro-list-item  .action .plus::after {
	top: 6px;
	left: 11px;
	width: 1px;
	height: 11px;
}

.buycoins .exp:before {
	width: 1px;
	height: 36px;
	background: #ADADAD;
	margin-right: 10px;
}

.wxshareplayvideo .weui_panel:after {
	bottom: 0;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	left: 0px;
}

.wxshareplayvideo .weui_panelafter {
	bottom: 0;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	left: 0px;
}

.splendidvideo .wrapper {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	background-color: #fafafa;
	z-index: 10;
}

.splendidvideo .video-list-item {
	width: 100%;
	float: left;
	padding: 5px;
	margin-top: 8px;
	margin-bottom: 1px;
	box-sizing: border-box;
	height: 164px;
	background: none;
	background-size: 97% 223px;
	border-bottom: 1px solid #ddd
}

.splendidvideo .video-list-item-inner {
	padding: 1px;
	height: 100%
}

.splendidvideo .video-list-item-inner a {
	border-bottom: 1px solid #f6f6f6;
	display: block;
}

.splendidvideo .video-list-item p {
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #575757;
	line-height: 19px;
}

.splendidvideo .video-list-item img {
	display: block;
	margin-left: -13px;
	width: 100%;
	margin: 0 auto;
	height: 100px
}

.splendidvideo .video-list-area {
	width: 100%;
}

@media screen and (min-width: 360px) {
	.splendidvideo .video-list-item {
		width: 50%;
	}
}

.splendidvideo .pullDown, .pullUp {
	height: 40px;
	line-height: 40px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 14px;
	TEXT-ALIGN: center;
	color: #888;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}

.splendidvideo #pullDown .pullDownIcon, #pullUp .pullUpIcon {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/refresh_loading.gif) 0 0 no-repeat;
	-webkit-background-size: 25px 25px;
	background-size: 25px 25px;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 250ms;
}


.splendidvideo .pullDown .pullDownIcon {
	-webkit-transform: rotate(0deg) translateZ(0);
}

.splendidvideo .pullUp .pullUpIcon {
	-webkit-transform: rotate(-180deg) translateZ(0);
}

.splendidvideo .pullDown.flip .pullDownIcon {
	-webkit-transform: rotate(-180deg) translateZ(0);
}

.splendidvideo .pullUp.flip .pullUpIcon {
	-webkit-transform: rotate(0deg) translateZ(0);
}

.splendidvideo .pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position: 0 100%;
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@
-webkit-keyframes loading {from { -webkit-transform:rotate(0deg)translateZ(0);
	
}

to {
	-webkit-transform: rotate(360deg) translateZ(0);
}
}

/** 月活记录页面 **/
.closinglist .weui_panel:before {
	border-top: none;
}
/** 《我的视频》 **/
.myvideo .wrapper {
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 100%;
	background-color: #fafafa;
	z-index: 10;
}

.myvideo #pullUp {
	border-top: 1px solid #e5e5e5;
}

.myvideo #pullDown, #pullUp {
	height: 40px;
	line-height: 40px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 14px;
	TEXT-ALIGN: center;
	color: #888;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}

.myvideo #pullDown .pullDownIcon, #pullUp .pullUpIcon {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/refresh_loading.gif) 0 0 no-repeat;
	-webkit-background-size: 25px 25px;
	background-size: 25px 25px;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 250ms;
}

.myvideo .sucess_play {
	background:url(../images/play-img.png);
	background-repeat: no-repeat;
	background-size: 82px 60px;
	width: 82px;
	height: 60px;
	border: none;
	position: absolute;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/** 《我的视频》中点击item播放 **/
.playvideo .weui_panel:after {
	bottom: 0;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	left: 0px;
}

.playvideo .weui_panelafter {
	bottom: 0;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	left: 0px;
}
.sportpro-app-banner {
	position: fixed;
	width: 100%;
	height: 56px;
	top: 0;
	left: 0;
	background: #FAFAFA;
	z-index: 999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #DDD
}
.sportpro-app-banner a.download {
	font-size: 13px;
    display: inline-block;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 4px;
    position: absolute;
    right: 16px;
    z-index: 1000;
    border: 1px solid #ffa103;
    color: #ffa103;
    top: 13px;
}

.sportpro-app-banner a.download:active {
	background: #ffa103;
	color: #FFF
}
.sportpro-app-banner a {
	text-decoration: none
}

.ranking-question {
	width: 18px;
	height: 18px;
	background:url(../images/ranking-question.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	visibility: visible
}
.ranking-top1 {
	width: 22px;
	height: 29px;
	background:url(../images/usertop-1@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	visibility: visible
}
.ranking-top3 {
	width: 22px;
	height: 29px;
	background:url(../images/usertop-3@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	visibility: visible
}
.ranking-top2 {
	width: 22px;
	height: 29px;
	background:url(../images/usertop-2@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	visibility: visible
}