﻿/*
**重新架构M版，适配APP、微信、手机浏览器以及全新配色
*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;-webkit-overflow-scrolling : touch;}
body,button,input,select,textarea{font:14px/1.5 tahoma,Verdana,arial,microsoft yahei,"\5b8b\4f53";*line-height:1.5;color:#676b70;}
a{color:#676b70;text-decoration:none;hide-focus:expression(this.hideFocus=true);outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,area,a,button{border:0;outline:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,textarea,button,select{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
ol,ul{list-style:none;}
small{font-size:12px}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a:focus,input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body { background:#eff2f5;/*移动端去除点击阴影*/-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;-webkit-flex-flow:row;display:-moz-flex;-moz-flex-flow:row;display:-ms-flex;-ms-flex-flow:row;display:-o-flex;-o-flex-flow:row;display:flex;flex-flow:row;}
.c666 { color:#676b70;}
.c999 { color:#93a0ae;}
.red1{color:#f44263;}
.red2 {color:#e95d4e;}
.orange { color:#f36713;}
.yellow { color:#f4a425;}
.blue { color:#45a1de;}
.green { color:#1dccaa;}
.purple { color:#c44cde;}
.black { color:#2c3e50;}
.grey { color:#93a0ae;}
.hide { display:none;}
.m_b_30 {margin-bottom:30px; }
.m10 { margin:10px;}
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot?t=1'); /* IE9*/
    src: url('../fonts/../fonts/iconfont.eot?t=1#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=1') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf?t=1') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
a[href*=tongji] {display: none;}
/*表单控件美化*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	input[type="checkbox"],select,input[type="radio"] {position: relative;-webkit-appearance: none;-webkit-user-select: none;border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 2px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);margin: 0 1px 0 0;}
	input[type='checkbox'] {bottom: 2px;height: 15px;vertical-align: middle;width: 15px;}
	input[type='checkbox']:checked::before {position: absolute;left: 3px;top: 6px;content: '';height: 2px;background-color: #f44623;width: 72%;-webkit-transform: rotate(120deg);}
	input[type='checkbox']:checked::after {position: absolute;left: 2px;top: 8px;content: '';height: 2px;width: 4px;background-color: #f44623;-webkit-transform: rotate(-150deg);}
	input[type="radio"]{border-radius: 100%;height: 20px;vertical-align: middle;width: 20px;bottom:1px;margin-right:3px;}
	input[type='radio']:checked::before {background-color: #f44623;border-radius: 100%;bottom: 3px;content: '';display: block;left: 3px;position: absolute;right: 3px;top: 3px;}
	input[type='checkbox']:active,select:active,input[type='radio']:active {background-image: -webkit-linear-gradient(#fcfcfc, #f8f8f8 38%, #e7e7e7);box-shadow: none;text-shadow: none;}
	select {-webkit-appearance: none;height: 28px;-webkit-padding-end: 18px;-webkit-padding-start: 6px;background-position: right center;background-repeat: no-repeat;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),-webkit-linear-gradient(#fcfcfc, #fcfcfc 38%, #fcfcfc);}
	select:hover {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),}
	select:active {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),}
	select:disabled{color: #999;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),-webkit-linear-gradient(#f8f8f8, #f8f8f8 38%, #f8f8f8);}
}

/*边框*/
.border_top {border-top:solid 1px #dadada;-webkit-border-image: url(../images/border.gif) 2 0 round;border-image: url(../images/border.gif) 2 0 round;border-width:1px 0 0 0;}
.border_bottom {border-bottom:solid 1px #dadada;-webkit-border-image: url(../images/border.gif) 2 0 round;border-image: url(../images/border.gif) 2 0 round;border-width: 0 0 1px 0;}
.border_top_bottom {border:solid 1px #dadada;-webkit-border-image: url(../images/border.gif) 2 0 round;border-image: url(../images/border.gif) 2 0 round;border-width: 1px 0; }
.border_left {border-left:solid 1px #dadada;-webkit-border-image: url(../images/border2.gif) 0 2 round;border-image: url(../images/border2.gif) 0 2 round;border-width: 0 0 0 1px;}
.border_right {border-right:solid 1px #dadada;-webkit-border-image: url(../images/border2.gif) 0 2 round;border-image: url(../images/border2.gif) 0 2 round;border-width: 0 1px 0 0;}
/*四个方向箭头*/
.arrow_r {display:inline-block;width:25px;height:25px; background:url(../images/arrow.png) center no-repeat;background-size:100%;}
.arrow_d {display:inline-block;width:25px;height:25px; background:url(../images/arrow.png) center no-repeat;background-size:100%;transform:rotate(90deg)}
.arrow_l {display:inline-block;width:25px;height:25px; background:url(../images/arrow.png) center no-repeat;background-size:100%;transform:rotate(180deg)}
.arrow_u {display:inline-block;width:25px;height:25px; background:url(../images/arrow.png) center no-repeat;background-size:100%;transform:rotate(-90deg)}

.icon_edit, .icon_tel, .icon_del, .icon_star, .icon_star1, .icon_ask, .icon_answer,.icon_notice {width:20px;height:20px;background:center no-repeat;display:inline-block;background-size:100% 100%; }
/*编辑图标*/
.icon_edit { background-image:url(../images/icon_edit.png);}
/*拨打电话图标*/
.icon_tel { background-image:url(../images/icon_tel.png);}
/*删除图标*/
.icon_del { background-image:url(../images/icon_del.png);background-size:auto 100%;}
/*五角星图标*/
.icon_star { background-image:url(../images/icon_star.png);margin-right:1px;}
.icon_star1 { background-image:url(../images/icon_star1.png);}
/*问答图标*/
.icon_ask { background-image:url(../images/icon_ask.png);}
.icon_answer { background-image:url(../images/icon_answer.png);}
/*通知图标*/
.icon_notice {background-image:url(../images/icon_notice.png); }
/*全局头部*/
.topbar { background:#45a1de;}
.back_btn{display:block;width:45px;height:45px;float:left;background:url(../images/back.png) no-repeat;background-size:100%;}
.top_home{display:block;width:45px;height:45px;float:right;background:url(../images/more.png) no-repeat;background-size:100%;}
.back_btn i,.top_home i{display:none;}
.page_title{text-align:center;height:45px;line-height:45px;font-size:16px;color:#fff;overflow:hidden;}
.home_menu{
	height:50px;
	background-color:#333;
	display:none;
	/*border-bottom:solid 1px #dadada;*/
}
.home_menu a{
	width: 25%;
    height: 40px;
    display: block;
    text-align: center;
    padding: 5px 0;
    float: left;
    text-shadow: 0 1px 0 #000;
    color: #eee;
}
.home_menu a i{
	display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: url(../images/title_nav.png) no-repeat;
    background-size: 80px 20px;
}
.home_menu a i.go_index{
	background-position: 0 0;
}
.home_menu a i.go_fenlei{
	background-position: -20px 0;
}
.home_menu a i.go_cart{
	background-position: -40px 0;
}
.home_menu a i.go_me{
	background-position: -60px 0;
}


.home_menu a span{font-size:12px;}
/*底部*/
footer { background:#fff;padding-bottom:70px;clear:both;}
.footbar{height:40px;padding:0 10px;background:#fff;margin-top:10px;border:solid 1px #dadada;-webkit-border-image: url(../images/border.gif) 2 0 round;border-image: url(../images/border.gif) 2 0 round;border-width: 1px 0 1px 0;}
.footbar a{display:block;height:30px;line-height:30px;float:left;margin:5px 0;padding:0 12px;border-radius:4px;}
.login_btn{background:#eff2f5;margin-right:10px;}.backtop_btn{background:#eff2f5;float:right !important;}
.footlink{text-align:center;line-height:20px;margin-top:10px;}
.footlink a{margin:0 20px;color:#45a1de;}
/*ios风格菜单*/
.ios_menu { margin:20px 0;border:solid 1px #EEEEEE;border-width:1px 0;background:#fff;}
.ios_menu a,.ios_menu .item { margin-left:10px;padding-right:10px;height:50px;line-height:50px;display:block;border:solid 1px #dadada;-webkit-border-image: url(../images/border.gif) 2 0 round;border-image: url(../images/border.gif) 2 0 round;border-width:1px 0 0 0;}
.ios_menu a:first-child { border-width:0;}
.ios_menu b { color:#2c3e50;font-size:15px;}
.ios_menu i {float:right;margin:15px 0;width:20px;height:20px;}
.ios_menu span {float:right;color:#93a0ae;}
/*按钮样式*/
.btn1 { color:#fff;background:#f44263;border-radius:6px;width:95%;height:40px;text-align:center;line-height:40px;font-size:16px;margin:0 auto;display:block;}
.btn3 { color:#fff;background:#45a1de;border-radius:3px;width:100px;height:35px;text-align:center;line-height:35px;display:inline-block;}
/* layer弹层移动版样式 */
.layermbox{position:absolute;left:0;top:0;width:100%;z-index:19891014}
.layermmain,.laymshade{position:fixed;left:0;top:0;width:100%;height:100%}
.layermbtn span,.layermchild{display:inline-block;position:relative}
.laymshade{background-color:rgba(0,0,0,.5);pointer-events:auto}
.layermmain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}
.layermmain .section{display:table-cell;vertical-align:middle;text-align:center}
.layermchild{text-align:left;background-color:#fff;font-size:14px;border-radius:6px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.18s;animation-duration:.18s}
.layermborder{border:1px solid #999}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.layermanim{animation-name:bounceIn;-webkit-animation-name:bounceIn}
.layermbox0 .layermchild{max-width: 80%;min-width: 85%;}
.layermbox1 .layermchild{border:none;border-radius:0}
.layermbox2 .layermchild{width:auto;max-width:260px;min-width:40px;border:none;background-color:rgba(0,0,0,.6);color:#fff}
.layermchild h3{padding:0 45px 0 10px;height:50px;line-height:50px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;border-bottom:1px solid #EBEBEB}
.layermbtn span,.layermchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.layermcont{padding:22px 15px;line-height:22px;border-radius:5px;text-align: center;}
.layermbox1 .layermcont{padding:0}
.layermbox2 .layermcont{text-align:center;padding:30px 30px 0;line-height:0}
.layermbox2 .layermcont i{width:1.5rem;height:1.5rem;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
40%{transform:scale(1);-webkit-transform:scale(1)}
}
.layermbox2 .layermcont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.layermbox2 .layermcont i.laymloadtwo{-webkit-animation-delay:-.16s;animation-delay:-.16s}
.layermbox2 .layermcont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}
.layermbtn{position:relative;height:45px;line-height:45px;font-size:0;text-align:center;border-top:1px solid #EBEBEB}
.layermbtn span{width:100%;text-align:center;font-size:14px;cursor:pointer;border-radius:0 5px 0 0}
.layermbtn span:first-child{height:100%;background-color:#fff;border-radius:0 0 5px 5px}
.layermbtn:before{content:'\20';position:absolute;width:1px;height:39px;left:50%;top:0;background-color:#EBEBEB}
.layermend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}
.layermend::after,.layermend::before{position:absolute;left:5px;top:13px;content:'';width:20px;height:2px;background-color:rgba(0,0,0,.3);transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}
.layermend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}

/*底部loading */
.loading_bottom { padding:5px;}
.loading_bottom i { border-radius:0;width:.5rem;height:.8rem;background:#999;margin-right:0;}
/*新首页*/
.index {
    min-width:320px;
    width:100%;
	position: fixed;
	height: 100%;
	width: 100%;
	background: url("../images/bg.png") no-repeat;
	background-size: cover;
}
.index-logo {
	position: absolute;
	top: 10px;
	left: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.index-logo-img {
	width: 120px;
}
.index-title {
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-align: center;
}
.index-yTitle {
	font-size: 8px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0;
}
.index-centent {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.index-qrcode {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.return-text {
	font-size: 14px;
	color: #dadada;
	cursor: pointer;
	background-color: transparent;
}
.qr-text {
	font-size: 24px;
	color: #000000;
	margin-top: 30px;
	letter-spacing: 0.2em;
}
input[type=text]:focus {
	outline: none;
	border: none;
	background-color: #fff;
}
input[type=number]:focus {
	outline: none;
	border: none;
	background-color: #fff;
}
.content-input {
	height: 5%;
	width: 30%;
	min-width: 300px;
	min-height: 50px;
	padding-left: 15px;
	border: none;
	margin-bottom: 3%;
}
.content-input:after {
	border: none;
}
.content-btn {
	background-color: #ffffff;
	height: 5%;
	width: 15%;
	min-width: 200px;
	color: #626161;
	font-weight: bold;
}
.hidden-input {
	display: none;
}
.hidden-qrcode {
	display: none;
}
.qrcode-btn {
	width: 300px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 20px;
}

.download-btn {
	color: #ffffff;
	cursor: pointer;
	background-color: transparent;
	border-bottom: 1px solid #c6c5c5;
}
