@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,ul,ol,li,span,a,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em,i,b,strong,pre,legend,button,input,textarea,select,address,cite,dfn,var,code,kbd,samp,small,sup,sub,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{ margin:0; padding:0; font-weight: normal; font-style: normal; box-sizing:border-box; }
ul,ol,li{list-style:none;}
a{text-decoration:none; }
img{ border:0;}
table{border-collapse:collapse; border-spacing: 0; }
input,select,textarea,button{ outline:none; resize: none; -webkit-appearance : none;}
*:focus{outline:none}
html,body{ width: 100%; height: 100%;   font-family:"Microsoft Yahei","微软雅黑","\5FAE\8F6F\96C5\9ED1"; font-size: 14px; color: #222; background-color: #f8f8f8; }
a{ color: #222; }
a:link,a:hover,a:active,a:visited{ color: #222; }
/*防止iPhone按钮自动圆角*/
input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;  -webkit-appearance : none ; border-radius: 0;}
input::-ms-clear, input::-ms-reveal{display: none;}
.yahei{ font-family:"Microsoft Yahei","微软雅黑"; }

.clearfix{ *zoom: 1; }
.clearfix:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }

.icon{ display: block; background-repeat: no-repeat; }
.icon-search{ background-image: url("../images/icon-search-bg.png"); }
.icon-bmkszc{ background-image: url("../images/icon-bmkszc.png"); }
.icon-dbwyzc{ background-image: url("../images/icon-dbwyzc.png"); }
.icon-sbbhfs{ background-image: url("../images/icon-sbbhfs.png"); }
.icon-fmzlsq{ background-image: url("../images/icon-fmzlsq.png"); }
.icon-cpwgsj{ background-image: url("../images/icon-cpwgsj.png"); }
.icon-syxxzl{ background-image: url("../images/icon-syxxzl.png"); }

.icon-rjzzq{ background-image: url("../images/icon-rjzzq.png"); }
.icon-rjzzqjj{ background-image: url("../images/icon-rjzzqjj.png"); }
.icon-zbbq{ background-image: url("../images/icon-zbbq.png"); }

.icon-footer-sy{ background-image: url("../images/icon-footer-sy.png"); }
.icon-footer-fw{ background-image: url("../images/icon-footer-fw.png"); }
.icon-footer-ss{ background-image: url("../images/icon-footer-ss.png"); }
.icon-footer-me{ background-image: url("../images/icon-footer-me.png"); }

.icon-arrow-right{ background-image: url("../images/icon-arrow-right.png"); }

.icon-alipay{ background-image: url("../images/icon-alipay.png"); }
.icon-weixin{ background-image: url("../images/icon-weixin.png"); }
.icon-correct{ background-image: url("../images/icon-correct.png"); }



.grid-view{ overflow: hidden; padding-top: 1px; }
.grid-view .grid-col{ float: left; width: 33.33333333%; border: solid 1px #eee; border-right: 0; margin-top: -1px; }
.grid-view .grid-col:nth-child(1){ }
.grid-view .grid-col:nth-child(6){ }
.grid-view .grid-col:nth-child(9){  }
.grid-view .grid-col .menu{ display: block; padding-bottom: 80%; position: relative; text-align: center; }
.grid-view .grid-col .menu .list{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;  }
.grid-view .grid-col .menu .icon{ display: inline-block; width: 35px; height: 35px; margin-top: 16%; }
.grid-view .grid-col .menu .text{ display: block; padding-top: 5px; font-size: 13px; line-height: 14px; }

#footer-nav{ border: solid 1px #e9e9e9; background-color: #f9f9f9; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5;}
#footer-nav .menu{ display: block; float: left; width: 25%;}
#footer-nav a{ display: block; height: 55px; }
#footer-nav .menu .icon{ display: inline-block; width: 24px; height: 24px; margin-top: 6px; background-repeat: no-repeat; background-position: 0px 0px; background-size: 100% 100%; }
#footer-nav .menu .text{ display: block; color: #999; font-size: 11px; line-height: 14px; margin-top: 0px; }
#footer-nav .menu.active .icon-footer-sy{ background-image: url("../images/icon-footer-sy-active.png"); }
#footer-nav .menu.active .icon-footer-fw{ background-image: url("../images/icon-footer-fw-active.png"); }
#footer-nav .menu.active .icon-footer-ss{ background-image: url("../images/icon-footer-ss-active.png"); }
#footer-nav .menu.active .icon-footer-me{ background-image: url("../images/icon-footer-me-active.png"); }
#footer-nav .menu.active .text{ color: #ff9900; }

#footer-nav .menu{ width: 33.3333%; }
#footer-nav .menu:nth-child(2){ display: none; }

/* ---------- 登录 ---------- */
.m-login-index{
	padding-top: 45px;
	background-color: #fff;
}
.m-login-logo{
	margin: 0px auto;
	margin-bottom: 30px;
	width: 154px;
}
.m-login-logo img{
	width: 100%;
}
.login-tab{
	margin-bottom: 20px;
	text-align: center;
}
.login-tab a{
	display: inline-block;
	margin-right: 35px;
	width: 60px;
	line-height: 2.2em;
	font-size: 14px;
	color: #999;
}
.login-tab a:last-child{
	margin-right: 0px;
}
.login-tab a.active{
	color: #ff9900;
	border-bottom: 2px solid #ff9900;
}
.m-login-index .button{
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 92%;
	height: 45px;
	font-size: 17px;
	border-radius: 4px;
	border: none;
}
.m-login-index .button.disabled{
	background:#cccccc;
}
.go-register{
	margin-top: 7px;
	padding: 0 30px;
	text-align: right;
}
.go-register a{
	font-size: 13px;
	color: #ff9900;
	text-decoration: underline;
}

/* ---------- 首页 start ---------- */
.page-index{ padding-bottom: 55px; }
.section-search.section-search-index{
	position: fixed;
	width: 100%;
	background-color: rgba(255,255,255,0);
	z-index: 99;
}
.section-search.section-search-index .search-wrap{ display: block; background-color: rgba(255,255,255,0.9); text-align: center; height: 30px; line-height: 30px; border-radius: 15px; color: #999; opacity: 1; box-shadow: 0 0 4px 0 #bbb;}
.section-search{ padding: 10px 10px; background-color: #fff; }
.section-search .search-wrap{ display: block; background-color: #fff; text-align: center; height: 30px; line-height: 30px; color: #999; }
.section-search-index.section-search .search-wrap{text-align: left; padding-left: 12px;}
.section-search .search-wrap .icon-search{ display: inline-block; width: 14px; height: 14px; background-size: 100% 100%; vertical-align: top; margin-top: 7px; }
.section-search .search-wrap .text{ display: inline-block; vertical-align: top; }

.section-banner .swiper-container .swiper-slide{ display: block; text-align: center; overflow: hidden; }
.section-banner .swiper-container .swiper-slide img{ width: 100%; }
.section-banner .swiper-container .swiper-pagination{ text-align: right; bottom: 5px; padding-right: 5px; }
.section-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px; background: #fff; margin: 0 2.5px; opacity: 0.6; background-color: #fff; transition: 0.2s;}
.section-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ width: 14px; border-radius: 3px; background: #fff;}

.section-server{margin-bottom: 10px; padding-top: 15px; overflow: hidden; background-color: #fff;border-bottom: 0.5px solid #E5e5e5;}
.section-server a{
	float: left;
	width: 25%;
	text-align: center;
}
.section-server a img{
	margin-bottom: 5px;
	width: 42px;
}
.section-server a p{
	font-size: 12px;
}
.section-body{
	background-color: #fff;
}
.section-body-title{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 14px;
}
.icon-fire{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-fire.png) no-repeat center;
	background-size: 20px;
	vertical-align: middle;
}
.server-list>li{
	overflow: hidden;
}
.mui-table-view-cell.mui-active{
	background-color: #fff;
}
.server-list .mui-table-view-cell>a{
	white-space: normal;
}
.section-body-content .server-image{
	float: left;
	width: 110px;
}
.server-image img{
	width: 100%;
}
.server-detail{
	float: left;
	padding-left: 15px;
	width: calc(100% - 112px);
}
.section-body-title span{
	margin-left: 4px;
	vertical-align: middle;
}
.section-body{ color: #666;}
.server-detail h2{
	margin-bottom: 5px;
	height: 1.3em;
	font-size: 16px;
	overflow: hidden;
}
.mui-table-view-cell .server-detail p{
	margin-bottom: 10px;
	height: 3em;
	line-height: 1.5em;
	font-size: 13px;
	color: #999;
	overflow: hidden;
	white-space: normal;
	text-align: justify;
}
.server-detail-bottom{
	font-size: 12px;
}
.server-detail-price strong{
	color: #ff9900;
	font-size: 16px;
	font-weight: normal;
}
.server-detail-bottom{
	text-align: left;
	overflow: hidden;
}
.server-list .server-detail-bottom span{
	float: none;
}
.server-detail-num{
	float: right;
	margin-top: 4px;
	color: #999;
}
.server-detail-num i{
	color: #ff9900;
}
.section-content{ background-color: #fff; margin-top: 15px; }
.section-content .s-header{ padding: 6px 10px; border-top: solid 1px #eee; }
.section-content .s-header .text{ display: block; float: left; font-size: 14px; }
.section-content .s-header .more{ display: block; float: right; color: #999; font-size: 12px; margin-top: 1px; }
.section-content .grid-view .grid-col .menu .icon{ background-repeat: no-repeat; background-position: 0px 0px; background-size: 100%; }
/* ---------- 首页 end ---------- */

/* ---------- 二级页 start ---------- */
.page-second{ padding-top: 60px; padding-bottom: 55px;}
.page-second .tabs{ background-color: #fff; border-bottom: solid 1px #e4e4e4; position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 99;}
.page-second .tabs .tab{ display: block; float: left; width: 33.33333333%; height: 100%; line-height: 49px; text-align: center; font-size: 15px; }
.page-second .tabs .tab.active{ border-bottom: solid 2px #ff9900; color: #ff9900; }
.page-second .section-content .menu{ border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; }
.page-second .section-content .menu .s-cont{ padding: 10px 0; }
.page-second .section-content .menu .s-cont dt{ float: left; width: 30%; text-align: center; }
.page-second .section-content .menu .s-cont dt .icon{ display: inline-block; width: 80px; height: 80px; padding: 15px; border: solid 1px #e4e4e4; border-radius: 5px; }
.page-second .section-content .menu .s-cont dt img{ width: 100%; height: 100%; border-radius: 5px; }
.page-second .section-content .menu .s-cont dd{ float: left; width: 70%; }
.page-second .section-content .menu .s-cont dd h3{ font-size: 16px; margin-top: -3px; }
.page-second .section-content .menu .s-cont dd h4{ font-size: 14px; color: #666; margin-bottom: 2px; padding: 0px 5px 0px 0; max-height: 42px; line-height: 21px; overflow: hidden;
    -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical; }
.page-second .section-content .menu .s-cont dd h5{ }
.page-second .section-content .menu .s-cont dd h5 .i-1{ font-size: 12px; color: #ff9900; }
.page-second .section-content .menu .s-cont dd h5 .i-2{ font-size: 14px; color: #ff9900;}
.page-second .section-content .menu .s-btn{ text-align: right; padding-left: 10px; }
.page-second .section-content .menu .s-btn .btns{ padding: 12px 10px; border-top: solid 1px #e9e9e9; }
.page-second .section-content .menu .s-btn a{ display: inline-block; padding: 7px 15px; border-radius: 3px; margin: 0 5px; }
.page-second .section-content .menu .s-btn .btn-gray{ border: solid 1px #ddd; background-color: #f8f8f8; color: #333; }
.page-second .section-content .menu .s-btn .btn-primary{ background-color: #ff9900; color: #fff; }

/*详情页*/
.brand-detail-img{
	height: 268px;
}
.brand-detail-img img{
	width: 100%;
}
.brand-detail-content{
	padding-bottom: 50px;
	background-color: #f8f8f8;
}
.brand-detail-info{
	background-color: #fff;
}
.brand-detail-info h2{
	font-size: 17px;
	color: #222;
}
.brand-detail-info p{
	margin: 5px 0;
	font-size: 13px;
	color: #999;
}
.brand-detail-select{
	background-color: #fff;
}
.brand-detail-price span{
	margin-right: 40px;
	font-size: 16px;
	color: #999;
}
.brand-detail-price span:last-of-type{
	margin-right: 0px;
}
.brand-detail-price span strong{
	color: #ff9900;
}
.brand-detail-select-title{
	font-size: 16px;
	color: #999;
}
.select-project{
	margin-top: 7px;
	margin-bottom: 15px;
}
.select-project a{
	display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
	background-color: #F5F5F5;
}
.select-project a.active{
	color: #fff;
	background-color: #ff9900;
}
.change-buyNumber{
	float: right;
}
.brand-total-price{
	margin-top: 15px;
	padding-right: 15px;
	text-align: right;
}
.brand-total-price div{
	display: inline-block;
	margin-left: 10px;
	font-size: 16px;
	vertical-align: bottom;
}
.brand-total-price div strong{
	color: #ff9900;
	font-size: 1.2em;
}
.brand-detail-more{
	margin-top: 12px;
	background-color: #fff;
}
.brand-detail-more.fixed-container{
	padding-top: 45px;
}
/*详情tab*/
.brand-tab{
	background-color: #fff;
	border-bottom: 1px solid #E4E4E4;
}
.brand-tab.tab-fixed{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}
.brand-tab a{
	display: block;
	float: left;
	width: 50%;
	height: 45px;
	line-height: 45px;
	color: #666;
	text-align: center;
}
.brand-tab a.active{
	color: #ff9900;
	border-bottom: 2px solid #ff9900;
}
.m-tab-content-detail{
	display: none;
}
.m-tab-content-detail.active{
	display: block;
}
.brand-detail-more .m-tab-content-detail img{
	width: 100%;
}
.upward-open{ overflow: hidden; }
.price-tips{
	display: inline-block;
	margin-top: 2px;
	margin-left: 5px;
	font-size:12px;
	color:#999999;
	vertical-align: bottom;
}
.price-tips span{
	display: inline-block;
	vertical-align: middle;
}
.brand-total-price .price-tips{
	margin-bottom: 3px;
}
.price-tips i{
	display: inline-block;
	vertical-align: middle;
}
/* 详情弹窗 */
.upward-ui{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 100px;  }
.upward-ui.action{ display: block; }
.upward-ui .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; }
.upward-ui .cont{ position: relative; z-index: 1; height: 100%; background-color: #fff; }
.upward-ui .s-header{ height: 42px; padding: 10px 10px 0; border-bottom: solid 1px #ddd; background-color: #f9f9f9; position: absolute; top: 0; left: 0; width: 100%; font-size: 14px; }
.upward-ui .s-header .text{ display: block; float: left; }
.upward-ui .s-header .close{ display: block; float: right; color: #ff9900; }
.upward-ui .s-bodyer{ height: 100%; overflow: auto; padding: 42px 0 45px; }
.upward-ui .detail-img{ width: 100%; margin-top: -4px; }
.upward-ui .btn-full{ display: block; height: 45px; line-height: 45px; text-align: center; background-color: #ff9900; color: #fff; font-size: 18px; position: absolute; bottom: 0; left: 0; width: 100%; }
/* 立即办理弹窗 */
.upward-ui.upward-ui-handle .s-header{ height: 0; padding: 0; border-bottom: 0; }
.upward-ui.upward-ui-handle .s-bodyer{ padding-top: 0; overflow: visible; }
.upward-ui.upward-ui-handle .close{ position: absolute; right: 10px; top: 10px; }
.upward-ui-handle .article-title{ padding: 15px 0; }
.upward-ui-handle .article-title dt{ float: left; width: 35%; text-align: center; margin-top: -30px; }
.upward-ui-handle .article-title dt .icon{ display: inline-block; width: 90px; height: 90px; padding: 15px; border: solid 1px #e4e4e4; border-radius: 5px; background-color: #fff; }
.upward-ui-handle .article-title dt img{ width: 100%; height: 100%; border-radius: 5px; }
.upward-ui-handle .article-title dd{ float: left; width: 65%; margin-top: -5px; padding-right: 40px; }
.upward-ui-handle .article-title dd h3{ font-size: 16px; }
.upward-ui-handle .article-title dd h4{ font-size: 14px; color: #999; padding: 2px 0; overflow: hidden;
    -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical; }
.upward-ui-handle .article-bodyer{ padding: 0 15px 105px; height: 100%; overflow: auto; }
.upward-ui-handle .article-price{ font-size: 16px; border-top: solid 1px #e4e4e4; padding: 10px 0; }
.upward-ui-handle .article-price li{ padding: 2px 0px; }
.upward-ui-handle .article-price .row-title{ display: inline-block; color: #666; }
.upward-ui-handle .article-price .word-space{ word-spacing: 12px; }
.upward-ui-handle .article-price i{ color: #ff9900; }

.upward-ui-handle .article-item{ border-top: solid 1px #e4e4e4; padding: 10px 0 15px; }
.upward-ui-handle .article-item h3{ font-size: 16px; color: #666; }
.upward-ui-handle .article-item .list{ float: left; padding: 5px 10px; font-size: 14px; color: #333; background-color: #f3f3f3; margin: 10px 12px 0 0px; border-radius: 5px; }
.upward-ui-handle .article-item .list.active{ color: #fff; background-color: #ff9900; }

.upward-ui-handle .article-urgent{ display: none; }

.upward-ui-handle .article-buyNumber{ padding: 10px 0 0; }
.upward-ui-handle .article-buyNumber table{ border-top: solid 1px #e4e4e4; }
.upward-ui-handle .article-buyNumber table td{ padding: 12px 0; }
.upward-ui-handle .article-buyNumber .td-title{ color: #666; font-size: 16px; word-spacing: 12px; }
.upward-ui-handle .article-buyNumber .td-cont{ text-align: right; }
.upward-ui-handle .article-buyNumber .td-cont .change-buyNumber{ display: inline-block; border-radius: 2px; overflow: hidden; }
.upward-ui-handle .article-buyNumber .td-cont .change-buyNumber .btn{ display: block; float: left; width: 30px; height: 30px; line-height: 26px; cursor: pointer; text-align: center; font-size: 20px; color: #666; border: solid 1px #ccc; }
.upward-ui-handle .article-buyNumber .td-cont .change-buyNumber .buy-num{ float: left; width: 46px; height: 30px; border: solid 1px #ccc; text-align: center; color: #666; margin: 0 -1px;}
.upward-ui-handle .article-total{ font-size: 14px;  padding: 10px 0 0; text-align: right; }
.upward-ui-handle .article-total span{ display: inline-block; margin-left: 12px; font-size: 16px; }
.upward-ui-handle .article-total .price-totle{ color: #ff9900; font-size: 17px; }
.upward-ui-handle .article-promise{ color: #999; font-size: 12px; padding: 30px 0 0; }
/* ---------- 二级页 end ---------- */

/* ---------- 确认订单 start ---------- */
.page-confirmOrder{  }
.page-confirmOrder .section-ordercar{ padding-top: 15px; }
.page-confirmOrder .section-ordercar .menu{ background-color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; }
.page-confirmOrder .section-ordercar .menu .s-cont{ padding: 10px 0; }
.page-confirmOrder .section-ordercar .menu .s-cont dt{ float: left; text-align: center; }
.page-confirmOrder .section-ordercar .menu .s-cont dt .icon{ display: inline-block; margin-left: 15px; width: 110px; height: 88px; padding: 0px; border: solid 1px #e4e4e4; border-radius: 2px; }
.page-confirmOrder .section-ordercar .menu .s-cont dt img{ width: 100%; height: 100%; border-radius: 5px; }
.page-confirmOrder .section-ordercar .menu .s-cont dd{ float: left; margin-left: 10px; width: calc(100% - 140px); }
.page-confirmOrder .section-ordercar .menu .s-cont dd h1{ font-size: 16px; margin-top: -3px; }
.page-confirmOrder .section-ordercar .menu .s-cont dd h2{ font-size: 14px; color: #666; padding: 4px 0 0; margin-top: 0.3rem}
.page-confirmOrder .section-ordercar .menu .s-cont dd h3{ font-size: 12px; color: #666;  margin-top: 0.3rem}
.page-confirmOrder .section-ordercar .menu .s-cont dd h4{ color: #ff4422; font-size: 16px;  margin-top: 0.3rem;}
.page-confirmOrder .section-ordercar .menu .s-cont dd h4 i{color: #ff9900;}
.page-confirmOrder .section-ordercar .menu .article-buyNumber{ padding: 10px 0 10px 15px; }
.page-confirmOrder .section-ordercar .menu table{ border-top: solid 1px #e4e4e4; }
.page-confirmOrder .section-ordercar .menu table td{ padding: 12px 0; }
.page-confirmOrder .section-ordercar .menu .td-title{ color: #666; font-size: 16px; word-spacing: 12px; }
.page-confirmOrder .section-ordercar .menu .td-cont{ text-align: right; padding-right: 15px; }
.change-buyNumber{ display: inline-block; border-radius: 2px; overflow: hidden; }
.change-buyNumber .btn{ display: block; float: left; width: 30px; height: 30px; line-height: 26px; cursor: pointer; text-align: center; font-size: 18px; color: #666; border: solid 1px #ccc; }
.change-buyNumber .btn.btn-reduce{ border-radius: 4px 0 0 4px; }
.change-buyNumber .btn.btn-add{ border-radius: 0 4px 4px 0; }
.change-buyNumber .buy-num{ float: left; padding: 0; width: 46px; height: 30px; border: solid 1px #ccc; font-size: 14px; text-align: center; color: #666; margin: 0 -1px; border-radius: 0;}

.page-confirmOrder{ overflow-y: auto; }
.page-confirmOrder .section-remarks{ background-color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 15px; }
.page-confirmOrder .section-remarks dt{ padding: 10px 15px; border-bottom: solid 1px #e4e4e4; }
.page-confirmOrder .section-remarks dd{ padding: 10px 15px; }
.page-confirmOrder .section-remarks dd textarea{ width: 100%; height: 80px; border: 0; }
.page-confirmOrder .section-remarks dd textarea::-webkit-input-placeholder{ color: #bbb; font-size: 14px; }
.page-confirmOrder .section-total{ font-size: 14px;  padding: 10px 15px 10px; text-align: right; background-color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 15px; }
.page-confirmOrder .section-total span{ display: inline-block; margin-left: 12px; font-size: 16px; }
.page-confirmOrder .section-total .price-totle{ color: #ff9900; font-size: 17px; }
.page-confirmOrder .btn-full{ display: block; margin-top: 30px; height: 45px; line-height: 45px; text-align: center; background-color: #ff9900; color: #fff; font-size: 18px; bottom: 0; left: 0; width: 100%; z-index: 99;}
/* ---------- 确认订单 end ---------- */

/* ---------- 支付页面 start ---------- */
/*开关*/
body .mui-switch-mini{ width: 52px; }
body .mui-switch{ background-clip: border-box; border: 1px solid #ddd; }
body .mui-switch.mui-active{ border-color: #ff9900; background-color: #ff9900; }
body .mui-switch .mui-switch-handle{ left: 1px; top: 0; }
body .mui-switch.mui-active .mui-switch-handle{
    -webkit-transform: translate(21px,0);
    transform: translate(21px,0);
}

.page-payment .row{ position: relative; }
.page-payment .row.alipay-way{border-top: 1px solid #E4E4E4;}
.page-payment .row a{ display: block; padding: 10px 10px; }
.page-payment .r-left{ display: block; float: left; }
.page-payment .r-right{ display: block; float: right; }
.page-payment .r-right .icon-arrow-right{ display: block; float: right; width: 8px; height: 13px; margin: 3px 0 0 8px; background-size: 100% 100%; }

.page-payment .section-fapiao{ background-color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 15px; }
.page-payment .section-fapiao .row-ordernumber{ font-size: 12px; border-bottom: solid 1px #e4e4e4; padding: 10px; }
.page-payment .section-fapiao .row-ordernumber i{  }
.page-payment .section-fapiao .row-switch{ margin-bottom: -1px; }
.page-payment .section-fapiao .row-switch .r-left{ margin-top: 4px; }
.page-payment .section-fapiao .row-linkfp{ display: none; padding: 0; padding-left: 10px; }
.page-payment .section-fapiao .row-linkfp a{ display: block; border-top: solid 1px #e4e4e4; padding: 10px 10px 10px 0; }
.page-payment .section-fapiao .row-linkfp.active{ display: block; }
.page-payment .section-fapiao .row-linkfp .r-right{ color: #999; }

.page-payment .section-paymethod{ background-color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 15px; }
.page-payment .section-paymethod .row a{ padding: 14px 10px; }
.page-payment .section-paymethod .r-left .icon{ display: block; float: left; width: 24px; height: 19px; margin-right: 10px; background-size: 100% 100%; }
.page-payment .section-paymethod .r-left .text{ display: block; float: left; }
.page-payment .section-paymethod .r-right .icon{ display: block; float: right; width: 16px; height: 12px; background-size: 100% 100%; margin: 3px 0 0; }
.page-payment .section-paymethod .r-right .icon.icon-correct{ display: none;}
.page-payment .section-paymethod .active .r-right .icon.icon-correct{ display: block;}

.page-payment .section-coupon{ background-color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 15px; }
.page-payment .section-coupon .row a{ padding: 14px 10px; }
.page-payment .section-coupon .r-left .text{ display: block; float: left; }
.page-payment .section-coupon .r-left .coupon-num{ display: block; float: left; margin-left: 8px; margin-top: 2px; padding: 1px 4px; font-size: 10px; color: #fff; background-color: #ff0000; border-radius: 1px;}
.page-payment .section-coupon .r-left .icon{ display: block; float: left; height: 16px; line-height: 17px; margin: 2px 0 0 10px; padding: 0 4px; font-size: 10px; background-color: #f23900; color: #fff; }
.page-payment .section-coupon .r-right .coupon-money{ display: block; float: left; color: red; font-size: 14px; }
.page-payment .section-coupon .r-right .no{ display: block; float: left; color: #999; font-size: 14px; }
.page-payment .section-coupon .r-right .price-cut{ display: block; float: left; color: #f23900; font-size: 14px; }

.page-payment .section-totalprice{ background-color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 15px; }
.page-payment .section-totalprice .row a{ padding: 10px; }
.page-payment .section-totalprice .r-left .text{ display: block; float: left; margin-top: 3px; }
.page-payment .section-totalprice .r-right .price{ display: block; float: left; color: #ff9900; font-size: 18px; }

.page-payment{ height: 100%; padding-bottom: 60px; overflow-y: auto; }
.page-payment .btn-full{ display: block; height: 45px; line-height: 45px; text-align: center; background-color: #ff9900; color: #fff; font-size: 18px; position: fixed; bottom: 0; left: 0; width: 100%; }
/* ---------- 支付页面 end ---------- */

/* ---------- 发票页面 start ---------- */
.ui-radios{ display: inline-block; }
.ui-radios .radio{ display: inline-block; margin-right: 22px; }
.ui-radios .radio .text{ display: block; float: left; }
.ui-radios .radio .icon-radio{ display: block; float: left; width: 15px; height: 15px; margin: 2px 5px 0 0px; background-size: 100% 100%; background-image: url("../images/icon-radio.png"); }
.ui-radios .radio.active .icon-radio{ background-image: url("../images/icon-radio-active.png"); }

body .mui-popup-button{ color: #ff9900; }
body .mui-input-group .mui-input-row{ height: 45px; padding-top: 3px; }
body .mui-input-group .mui-input-row:after{ background-color: #e4e4e4; transform: scaleY(1); }
body .mui-input-row label{ font-size: 14px; line-height: 20px; color: #222;}
body .mui-input-row input{ font-size: 14px; }
body .mui-input-row input::-webkit-input-placeholder{ color: #ccc; font-size: 14px; }


.page-fapiao{ padding-bottom: 60px; }
.page-fapiao{ padding-top: 50px; }
.page-fapiao .tabs{ background-color: #fff; border-bottom: solid 1px #e4e4e4; position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 9;}
.page-fapiao .tabs .tab{ display: block; float: left; width: 50%; height: 100%; padding-top: 14px; text-align: center; font-size: 14px; }
.page-fapiao .tabs .tab.active{ border-bottom: solid 2px #ff9900; color: #ff9900; background: url(../images/icon_way_selected.png) no-repeat right 20px center; background-size: 13px;}

.page-fapiao .mui-input-clear{ text-align: right; }
.page-fapiao .section-fapiao{ background-color: #fff; margin-top: 15px; border-top: solid 1px #e4e4e4; }
.page-fapiao .section-header{ color: #ff9900; padding: 10px; padding-left: 15px; font-size: 14px; }
.page-fapiao .section-fapiao .ui-radios{ float: right; margin-top: 10px; color: #666; }
.page-fapiao .zhuanyong{ display: none; }
.page-fapiao .zhuanyong.active{ display: block; }
.page-fapiao .btn-full{ display: block; height: 45px; line-height: 45px; text-align: center; background-color: #ff9900; color: #fff; font-size: 18px; position: fixed; bottom: 0; left: 0; width: 100%; }
/* ---------- 发票页面 end ---------- */

/* ---------- 优惠券页面 start ---------- */
.page-coupon{ padding-top: 50px; }
.page-coupon .tabs{ background-color: #fff; border-bottom: solid 1px #e4e4e4; position: fixed; top: 0; left: 0; width: 100%; height: 50px; }
.page-coupon .tabs .tab{ display: block; float: left; width: 50%; height: 100%; padding-top: 12px; text-align: center; font-size: 16px; }
.page-coupon .tabs .tab.active{ border-bottom: solid 2px #ff9900; color: #ff9900; }

.page-coupon{ height: 100%; background-color: #f4f4f4; padding-bottom: 60px; overflow-y: auto; }
.page-coupon .section-coupon{ padding: 0 10px; }
.page-coupon .section-coupon .row{ margin-top: 15px; height: 70px; position: relative; }
.page-coupon .section-coupon .row .icon-yuan{ display: block; width: 20px; height: 20px; position: absolute; left: 30%; margin-left: -10px; background-color: #f4f4f4; border-radius: 50%; }
.page-coupon .section-coupon .row .icon-yuan-top{ top: -12px;  }
.page-coupon .section-coupon .row .icon-yuan-bottom{ bottom: -12px;  }
.page-coupon .section-coupon .r-left{ display: block; float: left; width: 30%; height: 100%; text-align: center; border-radius: 6px 12px 12px 6px; background-color: #fff; border-right: dashed 1px #bfbfbf; }
.page-coupon .section-coupon .r-left span{ display: block; }
.page-coupon .section-coupon .r-left .lg{ font-size: 24px; font-weight: bold; color: #ff9900; margin: 6px 0 -6px 0; }
.page-coupon .section-coupon .r-left .sm{ margin-top: 7px; font-size: 12px; color: #666; }
.page-coupon .section-coupon .r-right{ display: block; float: left; width: 70%; height: 100%; position: relative; border-radius: 12px 6px 6px 12px; background-color: #fff; padding: 0 20px 0 18px; overflow: hidden; }
.page-coupon .section-coupon .r-right span{ display: block; }
.page-coupon .section-coupon .r-right .lg{ font-size: 15px; color: #666; margin: 12px 0 0px 0; }
.page-coupon .section-coupon .r-right .sm{ margin-top: 6px; font-size: 12px; color: #999; }
.page-coupon .section-coupon .icon-radio{ display: none; width: 22px; height: 22px; position: absolute; right: 30px; top: 22px; background-image: url("../images/icon-radio-active.png"); background-size: 100% 100%;}
.page-coupon .section-coupon .line{ display: block; width: 16px; height: 100%; background-color: #ff9900; position: absolute; right: 0; top: 0; border-radius: 0 6px 6px 0;}
.page-coupon .section-coupon .row.active .icon-radio{ display: block; }
.page-coupon .btn-full{ display: block; height: 45px; line-height: 45px; text-align: center; background-color: #ff9900; color: #fff; font-size: 18px; position: fixed; bottom: 0; left: 0; width: 100%; }
.page-coupon .section-coupon .row-disable .line{ background-color: #ccc; }
.page-coupon .section-coupon .row-disable.active .icon-radio{ display: none; }

.page-coupon .section-nocoupon{ text-align: center; padding-top: 20%; }
.page-coupon .section-nocoupon .img{ width: 30%; }
.page-coupon .section-nocoupon .text{ display: block; color: #ccc; font-size: 13px; padding: 5px 0 20px; }
.page-coupon .section-nocoupon .btn{ display: inline-block; height: 45px; line-height: 45px; text-align: center; background-color: #ff9900; color: #fff; font-size: 18px; width: 60%; border-radius: 20px; }
/* ---------- 优惠券页面 end ---------- */

/*底部固定按钮*/
.bottom-btn-container{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #E4E4E4;
	overflow: hidden;
}
.two-btn-container .button{
	float: left;
	width: 50%;
	text-align: center;
	color: #ff9900;
	background-color: #fff;
	line-height: 45px;
}
.button.button-primary{
	color: white;
	background: #ff9900;
	background-size: cover;
}

.m-order-confirm-container{
	text-align: center;
}

.m-confirm-img {
	display: inline-block;
	margin-top: 64px;
	margin-bottom: 20px;
	width: 100px;
	height: 100px;
}
.m-confirm-img img {
	width: 100%;
}
.m-confirm-tips{
	margin-bottom: 60px;
	line-height:16px;
	font-size: 20px;
}

.m-confirm-button.submit-button {
	display: inline-block;
	width: 90%;
	height: 40px;
	line-height: 38px;
	color: #fff;
	background-color: #ff9900;
	border-radius: 3px;
}

/*服务保障*/
.fwbz-container{
}
.fwbz-container li{
	padding: 15px;
}
.fwbz-img{
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	overflow: hidden;
}
.fwbz-img img{
	width: 100%;
}
.fwbz-detail{
	display: inline-block;
	margin-left: 15px;
	width: calc(100% - 85px);
	vertical-align: middle;
}
.fwbz-detail h2{
	margin-bottom: 5px;
	font-size: 16px;
}
.fwbz-detail a{
	color: #8f8f94;
	font-size: 14px;
}
.fwbz-detail p{
	font-size: 14px;
}
#my-loading{ display: block; width: 32px; height: 32px; background: url("../images/icon-loadidng.gif") no-repeat center; z-index: 99; position: fixed; left: 50%; top: 40%; margin: -16px 0 0 -16px; border-radius: 50%; }

.hide{display: none}

/*活动弹框*/
.activity-popup-container{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	z-index: 99;
}
.activity-popup-container:before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
}
.activity-popup{
	position: relative;
	display: inline-block;
	width: 300px;
    height: 350px;
	background: url(../activity/1111/images/h5/activity-popup.png) no-repeat center 0;
	background-size: 100% auto;
	vertical-align: middle;
}
.activity-popup .close{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 24px;
    height: 24px;
}
.activity-popup .button{
	display: inline-block;
	margin-top: 257px;
    width: 190px;
    height: 42px;
}

/*联系人*/
.section-contact{
	margin-top: 15px;
    border-top: solid 1px #e4e4e4;
}

.section-contact .section-header{
	color: #ff9900;
    padding: 10px;
    padding-left: 15px;
    font-size: 14px;
    background-color: #fff;
}
.section-contact .mui-input-row label{
	width: 100px;
}
.section-contact .mui-input-row label~input{
	width: calc(100% - 100px);
}

/*app下载*/
.app-download{
	padding: 20px 15px;

}
.app-download-top{
	margin-bottom: 20px;
}
.app-download-top .app-img{
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 3px 0 #ddd;
}
.app-download-top .app-img img{
	width: 100%;
}
.app-download-top .app-title{
	float: left;
	padding-left: 15px;
	width: calc(100% - 100px);
}
.app-download-top .app-title h2{
	margin-bottom: 7px;
	font-size: 19px;
	font-weight: bold;
}
.app-download-top .app-title p{
	margin-bottom: 18px;
	color: #aaa;
}
.app-download-top .app-title .button{
	display: inline-block;
	padding: 5px 15px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	background-color: #ff9900;
	border-radius: 2em;
}
.app-download-bottom{

}
.app-download-bottom h2{
	margin-top: 25px;
	margin-bottom: 6px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
}
.app-introduce{
	position: relative;
	padding-bottom: 20px;
	color: #666;
}
.app-introduce .icon-arrow-d{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 20px;
	height: 20px;
}
.app-introduce-content{
	height: 3em;
	line-height: 1.5em;
	color: #666666;
	text-align: justify;
	overflow: hidden;
}
.app-introduce.open .app-introduce-content{
	height: auto;
}
.app-introduce .icon{
	background-image: url("../images/icon-adown.png");
	background-size: cover;
}
.app-introduce.open .icon{
	background-image: url("../images/icon-aup.png");
	background-size: cover;
}
.app-slide-imgs{
	font-size: 0px;
	overflow-x: auto;
}
.app-slide-imgs::-webkit-scrollbar{
	display: none;
}
.app-slide-imgs-box{
	width: 150%;
	overflow: hidden;
}

.app-slide-imgs img{
	margin-right: 15px;
	width: calc(33% - 12px);
	border: 1px solid #eee;
}
.app-slide-imgs img:last-of-type{
	margin-right: 0px;
}
.go-appdownload-box{
	text-align: center;
}
a.go-appdownload{
	display: inline-block;
	margin: 30px auto;
	color: #aaa;
}
a.go-appdownload i{
	text-decoration: underline;
	color: #ff9900;
}
.m-confirm-button.button-white{
	color: #ff9900;
	border: 1px solid #ff9900;
	background-color: #fff;
}
.m-login-success-btns .button-white{
	margin-top: 20px;
}
.m-login-success p.m-login-success-p{
	margin-top: -10px;
	padding: 0 50px;
	color: #666;
	font-size: 14px;
	line-height: 1.7em;
}
.m-login-success .m-login-success-btns{
	margin-top: 25px;
}