@charset "UTF-8";

/**
 * Description: M站公共CSS样式
 * User: zhaoyiming
 * Date: 2017/7/12
 */

/*
* 初始化
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin:0;
	padding:0;
}
html,body{
	width:100%;
	height:100%;
}
body{
	font-size:14px;
	font-family:Arial,"Lucida Grande",Verdana,"Microsoft YaHei";
	background-color:#e8e8e8;
	color:#333;
}
li{
	list-style:none;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
input{
	outline:none;
	border:none;
	-webkit-appearance:none;
}
input[type=radio]{
	display:none;
}
.clearfix:after{
	display:block;
	height:0;
	clear:both;
	content:"";
}
.height100{
	height:100%;
}
.oh{
	overflow:hidden;
	position:fixed;
}
.fz12{
	font-size:12px;
}
.fz13{
	font-size:13px;
}
.fz14{
	font-size:14px;
}
.fz15{
	font-size:15px;
}
.fz16{
	font-size:16px;
}
.bottom-border{
	border-bottom:1px solid #e8e8e8;
}
.right-border{
	border-right: 1px solid #ececec;
}
.ml10{
	margin-left:10px;
}
.mr10{
	margin-right:10px;
}
.mr5{
	margin-right:5px;
}
.mb15{
	margin-bottom:15px;
}
.mb10{
	margin-bottom:10px;
}
.pt45{
	padding-top:45px;
}
.pb45{
	padding-bottom:50px;
}
.pb10{
	padding-bottom:10px;
}
.pt10{
	padding-top:10px;
}
.pt3{
	padding-top:3px;
}
.pb3{
	padding-bottom:3px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.gray{
	color:#595959;
}
.bolder{
	font-weight:bold;
}
.mark-box{
	display:inline-block;
	color:#fff;
	padding:2px 7px;
	border-radius:5px;
	margin-right:6px;
}
.height30{
	height:30px;
	line-height:30px;
}
.po-rela{
	position:relative;
}
.po-abso{
	position:absolute;
}
.po-abso-left{
	left:0;
}
.po-abso-right{
	right:0;
}
.po-abso-rule{
	right:23px;
	top:1px;
}
.po-abso-right10{
	right:10px;
	top:3px;
}
.po-fix{
	position:fixed;
}
.more-btn{
	position:absolute;
	right:-3px;
}
.more-btn i{
	width:7px;
	height:7px;
	border-radius:50%;
	display:inline-block;
	margin-right:3px;
}
.more-btn i:nth-child(1){
	background-color:#b9b9b9;
}
.more-btn i:nth-child(2){
	background-color:#888;
}
.more-btn i:nth-child(3){
	background-color:#646464;
}
.red{
	background-color:#ff2b35;
}
.f-red{
    color:#f00;
}
.bg-white{
	background-color:#fff;
}
.wrap{
	width:100%;
	min-width:320px;
	max-width:640px;
	margin:0 auto;
	padding-bottom:50px;
	overflow:hidden;
}
.show-more{
	display:block;
	background:url("../images/ur-jrig.png") no-repeat 98% 17px;
	background-size: 8px 12px;
}
.inpt-txt{
	height:35px;
	line-height:35px;
	border:none;
	outline:none;
}
.mg-center{
	display:block;
	margin:0 auto;
}
.code-btn{
	display:inline-block;
	height:35px;
	padding:0 13px;
	line-height:35px;
	color:#fff;
	border:none;
}
.inpt-box{
	height:40px;
	overflow:hidden;
}
.inpt-box input{
	width:100%;
	padding-left:65px;
}
.inpt-box span{
	display:inline-block;
	top:5px;
	left:10px;
	line-height:35px;
}
.common-btn{
	width:90%;
	height:40px;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	color:#fff;
}
.effective-btn{
	background-color:#f11721;
}
.invalid-btn{
	background-color:rgb(153, 153, 153);
}
.choose-pay{
	height:60px;
	line-height:60px;
}
.choose-pay label{
	display:block;
}
.ur-pay{
	display:inline-block;
	width:44px;
	height:37px;
	padding-top:7px;
}
.ur-paytit{
	display:inline-block;
	height:44px;
	line-height:44px;
	color:#595959;
}
.payway{
	top:18px;
	right:10px;
	display:inline-block;
	width:22px;
	height:22px;
	background:url("../images/ura-wxz.png") no-repeat;
	background-size:22px 22px;
	border-radius:50%;
}
.payway-checked{
	background:url("../images/ura-lxz.png") no-repeat;
	background-size:22px 22px;
}
.checked-btn{
	background:url("../images/fe-cgxuanbg.jpg") no-repeat;
	background-size:22px 22px;
}
.topay{
	bottom:0;
	width:100%;
	max-width:640px;
	height:50px;
	background-color:#fff;
	border-top:1px solid #dadada;
}
.topay span,.topay a{
	display:block;
	line-height:50px;
}
.topay span{
	width:45%;
	padding-left:5%;
}
.topay a{
	width:30%;
	text-align:center;
	color:#fff;
}
.border-btn{
	padding:4px 10px;
	color:#000;
	font-size:14px;
	border:1px solid #999;
	border-radius:6px;
}
.bg-btn{
	padding:4px 22px;
	color:#fff;
	font-size:14px;
	background-color:#ff2b35;
	border-radius:6px;
}
/*
* 遮罩层
*/
.mask{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	position:fixed;
	right:0;
	bottom:0;
	z-index:3;
	display:none;
}
.loading{
	width:54px;
	height:55px;
	position:fixed;
	top:45%;
	left:50%;
	margin-left:-27px;
	display:none;
}
.flex-item{
	flex:1;
}
/*
* 顶部浮动的页面介绍及返回按钮
*/
.fixed-header{
	position:fixed;
	top:0;
	z-index:2;
	width:100%;
	min-width:320px;
	max-width:640px;
	background-color:#fff;
}
.fixed-header .explain{
	position:relative;
	height:45px;
	font-size:16px;
	text-align:center;
	line-height:45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 23px;
}
.fixed-header .explain a{
	position:absolute;
	top: 7px;
	left: 10px;
	display:block;
	width:21px;
	height:31px;
	background:url("../images/back_hack.png") no-repeat left center;
	background-size:10px 16px;
}

/*
* 新增white-mask类 17-08-24
*/
.white-mask {
	display:none;
	width:100%;
	height:100%;
	background-color:#fff;
	position:fixed;
	right:0;
	bottom:0;
	z-index:3;
}

.height45{
	height:45px;
	line-height:45px;
    overflow:hidden;
}

/*
* 返回顶部
*/
.to-top {
	display: block;
	position: fixed;
	z-index: 5;
	bottom: 60px;
	right: 20px;
	width: 45px;
	height: 45px;
}

/**
 * 客服
 */
.to-customer {
	display: block;
	position: fixed;
	z-index: 5;
	bottom: 140px;
	right: 20px;
	width: 45px;
	height: 45px;
}

.add-ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/**弹出框的样式**/
.img-replace {   display: inline-block;  overflow: hidden;  text-indent: 100%;  color: transparent;  white-space: nowrap;}
.cd-popup-trigger {  display: block;  width: 170px;  height: 50px;  line-height: 50px;  margin: 3em auto;  text-align: center;  color: #FFF;  font-size: 14px;  font-size: 0.875rem;  font-weight: bold;text-transform: uppercase;  border-radius: 50em;  background: #35a785;  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);}
@media only screen and (min-width: 1170px) {  .cd-popup-trigger {    margin: 6em auto;  }}
.cd-popup {  position: fixed;  left: 0;  top: 0;  height: 100%;  width: 100%;   opacity: 0;  visibility: hidden; }
.cd-popup.is-visible {  opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;  transition: opacity 0.3s 0s, visibility 0s 0s;  z-index: 12;}
.cd-popup-container {  position: relative;  width: 60%;  margin: 60% auto;  background: rgba(0, 0, 0, 0.5);  border-radius: .4em;  text-align: center;}
.cd-popup-container p {  padding: 1em 1em;  color:#ffffff;  font-size:14px;}
@media only screen and (min-width: 1170px) {  .cd-popup-container {    margin: 8em auto;  }}