@charset "UTF-8";
/* 公共样式 */
/* 公共头部header */
.common-header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: .9rem; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#ff512f), to(#de1573)); font-size: 0.22rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .3rem; }

.common-header .logo-header { width: .725rem; height: .7rem; }

.common-header > div { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.common-header > div .en { font-size: .2rem; -webkit-transform: scale(0.8); transform: scale(0.8); margin-top: .03rem; }

.common-header::after { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; width: .725rem; }

.common-header-v2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: .9rem; color: #fff; background-image: url("/images/0309/header_bg.png"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; font-size: 0.22rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .3rem; }

.common-header-v2 .logo img { width: 1.8rem; }

.common-header-v2 .right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 2rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.common-header-v2 .right a img { width: .32rem; height: .32rem; }

.common-header-v2 .right a img.portrait { width: .4rem; height: .4rem; border-radius: 50%; }

/* 公共样式 结束 */
/*公共底部 总高1.2rem*/
.m-footer { width: 6.4rem; position: fixed; left: 50%; bottom: 0; margin-left: -3.2rem; z-index: 100; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border-top: 1px solid #f1f1f1; }

.m-footer ul.m-footer-nav { height: 1.1rem; background-color: #fff; }

.m-footer ul.m-footer-nav > li { float: left; text-align: center; width: 25%; position: relative; height: 1.1rem; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

.m-footer ul.m-footer-nav > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 1.0rem; padding-top: .14rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-footer ul.m-footer-nav > li img { width: .5rem; height: .5rem; margin-bottom: .1rem; }

.m-footer ul.m-footer-nav > li p { font-size: .21rem; }

/*底部导航下拉菜单*/
.m-footer ul.m-footer-navlist { position: absolute; left: .05rem; bottom: 100%; background: red; width: 1.5rem; z-index: 100; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border: 1px solid #f1f1f1; border-bottom: none; background: #fff; text-align: center; padding: .1rem .05rem 0; border-top-left-radius: .06rem; border-top-right-radius: .06rem; display: none; }

.m-footer ul.m-footer-navlist li { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border-bottom: 1px dashed rgba(219, 63, 105, 0.2); }

.m-footer ul.m-footer-navlist li:last-child { border-bottom: none; }

.m-footer ul.m-footer-navlist li a { font-size: .22rem; color: #8e9396; line-height: .35rem; display: block; padding: .06rem 0; }

/* 公共底部结束 */
/* 公共padding */
.common-padding-bottom { padding-bottom: 1.2rem !important; }

/* 公用提交按钮 不固定*/
.common-confirm-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .4rem 0; }

.common-confirm-wrapper a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.common-confirm-wrapper a input { font-size: 0.26rem; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#ff512f), to(#de1573)); padding: .1rem .4rem; border-radius: .05rem; }

/* 公用提交按钮 固定底栏*/
.common-bottom-confirm-wrapper { width: 6.4rem; position: fixed; left: 50%; bottom: 0; margin-left: -3.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-sizing: border-box; box-sizing: border-box; height: .9rem; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.08); }

.common-bottom-confirm-wrapper a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.common-bottom-confirm-wrapper a input { font-size: 0.26rem; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#ff512f), to(#de1573)); padding: .1rem .4rem; border-radius: 1rem; }

/* 弹窗信息 */
.exp-layer { display: none; width: 4.5rem; padding-bottom: .3rem; }

.exp-layer h1 { text-align: center; font-size: .2rem; color: #808080; font-family: 'Microsoft YaHei'; padding: .3rem 0 .2rem 0; }

.exp-layer p { padding: 0 .4rem; margin-bottom: .15rem; font-size: .2rem; color: #808080; font-family: 'Microsoft YaHei'; overflow: hidden; }

.exp-layer p span { display: block; float: left; width: 1.2rem; padding: .15rem 0; }

.exp-layer p select { float: right; width: 2.5rem; padding: .15rem 0; border: 1px solid #a4a4a4; font-size: .2rem; color: #808080; text-align: left; font-family: 'Microsoft YaHei',Verdana; border-radius: 0; }

.exp-layer p textarea { float: right; width: 2.46rem; padding: .15rem 0; border-bottom: 1px solid #a4a4a4; font-size: .2rem; color: #808080; text-align: left; font-family: 'Microsoft YaHei',Verdana; border-radius: 0; }

.exp-layer p input { float: right; width: 2.5rem; padding: .15rem 0; border-bottom: 1px solid #a4a4a4; font-size: .2rem; color: #808080; text-align: center; font-family: 'Microsoft YaHei',Verdana; border-radius: 0; }

.exp-layer .btninfo { display: block; width: 2rem; margin: 0 auto; margin-top: .5rem; padding: .15rem 0; text-align: center; background: -webkit-gradient(linear, left top, right top, from(#ff512f), to(#de1573)); color: #fff; font-size: .2rem; font-family: 'Microsoft YaHei'; border-radius: .15rem; }

/*---    << 列表无信息样式 >>    ---*/
.m-noinfo { background: #fff; text-align: center; padding: .5rem 0; }
.m-noinfo i { display: block; font-size: 1rem; color: #b1b1b1; }
.m-noinfo .noinfoTitle { font-size: .35rem; color: #808080; padding: .15rem 0; }
.m-noinfo .noinfoTxt { font-size: .25rem; color: #b1b1b1; }