/*@import url(public.css);  引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; list-style-type: none; vertical-align: middle; }
div { margin: 0 auto; }
body { margin: 0px; color: #000; font-family: "Microsoft YaHei"; background: #fff; font-size: .24rem; line-height: 22px; text-align: left; vertical-align: middle; }
a { cursor: pointer;  color:#000; text-decoration: none; }
#msgList{ height:100%; overflow:hidden;}
#bot { width: 100%;   background:#fff;z-index:99; position:fixed; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#bot .item {  width: 33.33333333333%; text-align: center; padding: .1rem 0; }
#bot .item img { width: .6rem; height: .6rem; display: block; margin: 0 auto; }
#btnShowFilter{ display:none;}
#array002{  margin:0; }
.g-form .item .right .showAllNumber{ display:none;}
.g-form .item .right div{ margin:0;}
.none{ display:none;}
.page21 .cnav .item { display: inline-block; }
input{ outline:0;}
textarea{ outline:0; border:0;}
body { padding-bottom: 1.5rem }



.bt { width: 120px; font-size: 15px; text-align: right }
.bt:after { content: '：' }
.nr input { width: 450px; box-sizing: border-box; height: 28px }
.nr textarea { width: 450px; height: 90px; box-sizing: border-box }
.tplist { width: 100%; }

.tplist > div, .tplist > div div{ box-sizing: border-box; padding: 10px; line-height: 80px; text-align: center; float: left; position: relative; margin: 0; }
.tplist > div img, .tplist > div div img { display: block; max-height: 80px; max-width: 80px; }
.tplist > div span, .tplist > div div span { display: block; width: 20px; height: 20px; line-height: 20px; color: #fff; border-radius: 50%; background: #ff0000; position: absolute; right: 0px; top: 0px; cursor: pointer }
.tplist a.add { display: block; width: 100px; height: 100px; float: left; text-indent: 1000px; background: url(/images/icon-upload.png) no-repeat center center; background-size: 80px 80px; border: 0px }
.tplist > figure { box-sizing: border-box; padding: 10px; line-height: 80px; text-align: center; float: left; position: relative; margin: 0; }

.tplist:after { content: '\20'; display: block; overflow: hidden; font-size: 0px; line-height: 0px; height: 0px; border: 0px; clear: both; }

.g-form .item .picker select { width: 100%; background:#fff; direction: rtl; border: 0; height: .6rem; outline: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.top1 { background-color: #0099ff; padding: .2rem .2rem .2rem .2rem; position: relative; color: #fff; line-height: .5rem;color:#fff;  }
.top1 a { display: inline-block; color: #fff; background: url(/images/fh.png) no-repeat left center; background-size: auto 80%; padding-left: .5rem ; font-size:.3rem}
.btn.btn-blue a, .g-form .item .btn a{ color: #fff; }
.g-form .item2 { padding: .1rem .3rem;  line-height: .6rem; min-height: 0.6rem; display: flex; }
.g-form .item2 a { text-align: center; flex:auto;   }
.g-form .item2 a:last-child {  border:0;}

/*------------------------以上设置专门为css3自适应而定义，使字体设置rem单位达到自适应效果,IE6-8不支持-----------*/
/* 为方便后续配合，请尽量不要修改此文件。 QQ: 215611388 */
.mobile { margin: 0 auto; min-width: 320px }

.phColor { color: #cccccc; }

.blue { color: #0099ff; }

.green { color: #09bb07; }

.orange { color: #ff7802; }

.gray { color: #b9bcc7; }

.red { color: #fc4444; }

page { background-color: #f6f6f6; font-family: "微软雅黑"; font-size: .26rem; color: #333; }

button { font-size: .26rem; color: #333; }

view, text, input, navigator, textarea, label, img { -webkit-box-sizing: border-box; box-sizing: border-box; }

scroll-view { height: 100%; }

map { width: 100%; min-height: 3rem; }

video { border: none; outline: none; display: block; width: 100%; }

img { width: 100%; }

.wrap { width: 100%; overflow-x: hidden; overflow-y: scroll; }

.g-operate, .g-fixedOperate, .g-form .item, .g-title, .g-list .item, .marquee, .g-searchBox, .g-filter, .alert .operate, .alert-Filter .list, .page01 .top-operate, .page01 .top-operate .picker, .page03 .panel .user, .page03 .info, .page30 .list .item, .page23 .list .item, .page24 .user, .page24 .list .item, .page26 .choose-box, .page29 .choose, .page34 .title { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-form .img-box, .g-uploadBox, .page01 .cnav, .page03 .cnav, .page21 .cnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-form .item .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page32 .step { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-btnInvite, .page29 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: 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; }

.g-fixedOperate, .alert { width: 100vw; position: fixed; z-index: 999; }

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.g-list .txt1, .g-list .line, .page30 .list .txt1, .page23 .list .txt1 { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.shadow { -webkit-box-shadow: 0 .05rem .1rem 0 #eee; box-shadow: 0 .05rem .1rem 0 #eee; }

button { padding: 0; margin: 0; border: none; background-color: transparent; }

button:after { display: none; }

.btn { line-height: .47rem; padding: 0 .2rem; border-radius: .1rem; border: #0099ff 1px solid; text-align: center; background-color: #0099ff; color: #fff; }

.btn:hover { opacity: .8; color: #fff; }

.btn.btn-blue { background-color: #0099ff; border-color: #0099ff; margin:0; }

.btn.btn-gray { background-color: #b9bcc7; border-color: #b9bcc7; }

.btn.btn-red { background-color: #fc4444; border-color: #fc4444; }

.btn.btn-orange { background-color: #ff7802; border-color: #ff7802; }

.btn.btn-white { background-color: transparent; border-color: #eee; color: #333; }

input { border: #eee 1px solid; height: .8rem; border-radius: .1rem; width: 100%; padding: 0 .1rem; width: 100%; }

.arrow { background: url("https://zupin.pclbjx.com/images/arrow.png") right center no-repeat; background-size: 0.14rem .28rem; padding-right: .3rem; }

.picker { background: url("https://zupin.pclbjx.com/images/arrow-down.png") right center no-repeat; background-size: .26rem .16rem; padding-right: .4rem; }

.b { font-weight: bold; }

.small { font-size: .875em; }

.bg { min-height: 100vh; background-color: #fff; }

.lineCenter { text-decoration: line-through; }

.del { text-decoration: line-through; }

.g-addDeskTips { position: fixed; right: 1rem; top: .16rem; border-radius: .1rem; background-color: #fff; color: #0099ff; border: #cccccc 1px solid; line-height: .6rem; border-radius: .6rem; padding: 0 .3rem; background-color: #f6f6f6; }

.g-addDeskTips:after { content: ''; width: .24rem; height: .16rem; background: url("https://zupin.pclbjx.com/images/arrow-top.png") center top no-repeat; background-size: 100% 100%; position: absolute; top: -.15rem; right: .3rem; }

.g-operate { padding: .4rem .3rem; font-size: .36rem; }

.g-operate .btn { line-height: 0.88rem; border-radius: .1rem; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: .36rem; }

.g-operate .btn-white { background-color: #fff; }

.g-fixedOperate { bottom: 0; font-size: .36rem; }

.g-fixedOperate .btn { border-radius: 0; line-height: 0.88rem; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: .36rem; }

.g-form { margin-bottom: .2rem; background-color: #fff; font-size: .28rem; border-top: #eee 1px solid; }

.g-form .item { padding: .1rem .3rem; border-bottom: #eee 1px solid; line-height: .6rem; min-height: 0.6rem; }

.g-form .item .input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .2rem; padding: 0; min-height: .6rem; border: none; text-align: right; }

.g-form .item .tt { min-width: 1.5rem; display: inline-block; }

.g-form .item > picker, .g-form .item .picker { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; text-align: right; margin-left: .2rem; padding-left: 0; }

.g-form .item .picker2 { margin: 0; padding: 0; text-align: left; background: url("https://zupin.pclbjx.com/images/arrow.png") right center no-repeat; background-size: 0.14rem .24rem; padding-right: .3rem; float: right }

.g-form .item.diqu { text-align: right; }

.g-form .item .tLeft { text-align: left !important; margin-left: 0; }

.g-form .item.noFlex { display: block; padding-bottom: .2rem; }

.g-form .item .textarea { background-color: #f6f6f6; padding: .2rem; width: 100%; height: 1.6rem; }

.g-form .item .btn { margin-left: .2rem; line-height:0.5rem; font-size:.2rem}

.g-form .item .btn.ml0 { margin-left: 0; }

.g-form .item .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.g-form .btn-yzm { height: .6rem; line-height: .6rem; border: none; width: 2rem; z-index: 99; margin-left: .2rem; }

.g-form .picker { background: url("https://zupin.pclbjx.com/images/arrow.png") right center no-repeat; background-size: 0.14rem .24rem; padding-right: .3rem; }

.g-form .picker.noArrow { background: none; text-align: left; }

.g-form .tips { color: #999; font-size: .22rem; }

.g-form .img-box .img { width: 2.2rem; height: 1.6rem; border-radius: 0; position: relative; margin-right: .15rem; margin-top: .15rem; }

.g-form .img-box .img:nth-child(3n) { margin-right: 0; }

.g-title { height: .8rem; background-color: #f6f6f6; padding: 0 .3rem; font-size: .28rem; font-weight: bold; }

.g-title .more { color: #999; font-size: .24rem; font-weight: normal; }

.g-list { background-color: #fff; padding: 0 .3rem; }

.g-list .item { padding: .2rem 0; border-top: #eee 1px solid; }

.g-list .item:first-child { border: none; }

.g-list .img { width: 1.2rem; height: 1.2rem; margin-right: .2rem; }

.g-list .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; line-height: .4rem; }

.g-list .txt1 { font-size: .28rem; }

.g-list .txt2 { font-size: .24rem; height: .8rem; overflow: hidden; color: #999; }

.g-list .line { font-size: .24rem; height: .4rem; color: #999; }

.marquee { padding: .1rem 1.2rem;box-sizing:border-box;position:relative; border-top: #eee 1px solid;height: .8rem; border-bottom: #eee 1px solid; background-color: #fff; display:block}

.marquee .txt { padding:0rem .2rem;position:absolute;left:0px;top:.1rem; border-right: #eee 1px solid; height: .6rem; line-height: .6rem;  }

.marquee .marquee-box { height: .6rem; line-height: .6rem;overflow:hidden }

.marquee .swiper_item { font-size: .24rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.marquee a.more {position:absolute;right:0px;top:.1rem; height: .6rem; line-height: .6rem; padding:0rem .2rem; }

.g-searchBox { background-color: #fff; padding: .1rem .3rem; }

.g-searchBox .input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .2rem; padding: 0 .2rem; height: .5rem; line-height: .5rem; border-color: #ddd; }

.g-searchBox .btn { height: .5rem; line-height: .5rem; }

.g-filter { height: .8rem; padding: 0 1rem; }

.g-filter .item .icon { margin-left: .15rem; width: .26rem; height: 0.14rem; }

.g-btnInvite { position: fixed; z-index: 99; right: .3rem; bottom: 2.2rem; width: 1.2rem; height: 1.2rem; border-radius: 100%; background-color: #ccebff; -webkit-box-shadow: 0 .1rem .15rem 0 #eee; box-shadow: 0 .1rem .15rem 0 #eee; padding-bottom: .1rem; line-height: .3rem; text-align: center; font-size: .22rem; color: #0099ff; }

.g-btnInvite img { width: 1.2rem; height: 1.2rem; border-radius: 100%; display: block; margin: 0 auto 0; }

.g-notice { background-color: #0099ff; padding: .2rem .3rem .2rem 1.1rem; position: relative; color: #fff; line-height: .42rem; }

.g-notice .tt { position: absolute; left: .3rem; }

.g-notice.style2 { padding-left: .3rem; }

.g-uploadBox .item { width: 2rem; height: 2rem; margin: .1rem; border-radius: .1rem; position: relative; }

.g-uploadBox .item .img { display: block; width: 100%; height: 100%; border-radius: .1rem; }

.g-uploadBox .btn-upload { background: url("https://zupin.pclbjx.com/images/icon-upload.png") center center no-repeat; background-size: 100% 100%; }

.g-uploadBox .btn-delete { width: .4rem; height: .4rem; background: url("https://zupin.pclbjx.com/images/icon-close.png") center center no-repeat; background-size: 100% 100%; position: absolute; right: -.1rem; top: -.1rem; border-radius: 100%; }

.g-faceUpload .face { width: 2rem; height: 2rem; margin: .1rem; border-radius: 100%; position: relative; overflow: hidden; background-color: #ccc; }

.g-faceUpload .face .faceImg { display: block; width: 100%; height: 100%; border-radius: .1rem; }

.g-faceUpload .face .icon-add { text-align: center; line-height: 1.8rem; font-size: 1rem; color: #999; }

.cp-banner { background-color: red; }


.alert { top: 0; z-index: 1000; height: 100vh; background-color: rgba(0, 0, 0, 0.5); }

.alert .box { border-radius: .1rem; background-color: #fff; z-index: 9; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.alert .box-bottom { position: absolute; left: 0; bottom: 0; background-color: #fff; width: 100%; z-index: 9; }

.alert .title {  border-bottom: #eee 1px solid; line-height: .8rem; font-size: .3rem; padding: 0 .2rem; }

.alert .btn-close { width: .6rem; height: .6rem; background: url("https://v.uicut.com/xcx-temp2019/20190606/close.png") center center no-repeat; background-size: .26rem .26rem; position: absolute; right: .1rem; top: .1rem; }

.alert .btn-close:hover { opacity: .8; }

.alert .operate .btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .2rem; }

.alert .operate .btn:first-child { margin-left: 0; }

.alert .over-close { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.alert-Filter .box { width: 6.9rem; }

.alert-Filter .list { padding: .2rem; max-height: 80vh; overflow-x: hidden; overflow-y: scroll; }

.alert-Filter .list .item { width: 3.1rem; line-height: .7rem; border-radius: .1rem; background-color: #f6f6f6; text-align: center; margin-bottom: .2rem; }

.alert-Filter .list .item.on { background-color: #0099ff; color: #fff; }

.citybox { width: 100%; height: 100vh; background-color: rgba(20,20,20,0.2); display: none; border-bottom: 1px solid #ddd; z-index: 10000; position: fixed; left: 0px; top: 0px }
.citybox .bt { width: 100%; height: 5vh; line-height: 5vh; font-size: 15px; background: #fff; position: absolute; left: 0px; bottom: 80vh; border-radius: 10px 10px 0px 0px; text-align: center }
.citybox .bt .off { position: absolute; left: 10px; top: 0px; color: #777 }
.citybox .bt .ok { position: absolute; right: 10px; top: 0px; color: #ff6600 }

.citybox .box { width: 100%; height: 80vh; background: #fff; position: absolute; left: 0px; bottom: 0px }
.scroll-view { height: 100%; float: left; width: 96%; }
.con1 .city-box { width: 100%; text-align: center; display: block; height: 100%; overflow-y: auto; }

.con2 .city-box { width: 50%; text-align: center; float: left; display: block; height: 100%; overflow-y: auto; }

.con3 .city-box { width: 33%; text-align: center; float: left; display: block; height: 100%; overflow-y: auto; }

.citybox .item { font-size: 15px; line-height: 35px; border: 0; }
.citybox .item.true { color: deepskyblue }
.citybox .item { font-size: 15px; line-height: 35px; border: 0;  display:block; }
.citybox .item.true { color: deepskyblue }


/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.page01 { padding-bottom: .1rem; }

.page01 .top-operate { padding: .1rem .3rem; background-color: #fff;}

.page01 .top-operate .logo { width: 3.05rem; height: .72rem; }

.page01 .top-operate .picker { padding-right: 0; font-size: .24rem; background: none; float:right; margin:0; }

.page01 .top-operate .icon { width: .4rem; margin-right: .05rem; }

.page01 .cnav { background-color: #fff; margin-bottom: .1rem; padding: .1rem; }

.page01 .cnav .item { display:inline-block; width: 25%; text-align: center; padding: .1rem 0; }

.page01 .cnav img { width: .6rem; height: .6rem; display: block; margin: 0 auto .1rem; }

.page01 .publish-tips { position: fixed; bottom: 1.35rem; border-radius: .1rem; background-color: #fc4444; color: #fff; font-size: .22rem; line-height: .36rem; padding: 0 .1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.page03 .panel { background: url("/images/bg71.jpg") center 0 no-repeat; background-size: cover; height: 4rem; position: relative; color: #fff; margin-bottom: .2rem; }

.page03 .panel .user { padding: .6rem .3rem; }

.page03 .panel .face-box { width: 1.2rem; height: 1.2rem; border: rgba(255, 255, 255, 0.9) 1px solid; background-color: #fff; -webkit-box-shadow: 0 .05rem .1rem 0 rgba(255, 255, 255, 0.3); box-shadow: 0 .05rem .1rem 0 rgba(255, 255, 255, 0.3); border-radius: 100%; overflow: hidden; }

.page03 .panel .face { width: 1.2rem; height: 1.2rem; display: block; border-radius: 100%; }

.page03 .panel .center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin: 0 .2rem; }

.page03 .panel .txt1 { font-size: .32rem; margin-bottom: .1rem; }

.page03 .panel .txt2 { font-size: .24rem; }

.page03 .panel .btn { display:inline-block; margin-top: 0; }

.page03 .panel .btn:first-child { margin-right: .1rem; }

.page03 .info { background-color: rgba(0, 0, 0, 0.1); padding: .1rem .3rem; position: absolute; bottom: 0; left: 0; width: 100%; }

.page03 .info .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative;  }

.page03 .info .item:nth-child(2):after { content: ''; width: 1rem; height: .50rem; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 50%; margin-top: -25rem; }

.page03 .cnav { background-color: #fff; margin-bottom: .1rem; padding: .3rem; }

.page03 .cnav .item { display:inline-block; width: 33.33%; text-align: center; padding: .3rem 0; }

.page03 .cnav img { width: .6rem; height: .6rem; display: block; margin: 0 auto .1rem; }

.page19, .page20 { padding-bottom: 1rem; }

.page21 { padding-bottom: 1rem; }

.page21 .cnav { background-color: #fff; margin-bottom: .1rem; padding: .3rem; }

.page21 .cnav .item { width: 33.33%; text-align: center; padding: .3rem 0; }

.page21 .cnav img { width: .8rem; height: .8rem; display: block; margin: 0 auto .1rem; }

.page30 .list, .page23 .list { background-color: #fff; padding: 0 .3rem; }

.page30 .list .item, .page23 .list .item { padding: .2rem 0; border-top: #eee 1px solid; }

.page30 .list .item:first-child, .page23 .list .item:first-child { border: none; }

.page30 .list .img, .page23 .list .img { width: 1.2rem; height: 1.2rem; margin-right: .2rem; }

.page30 .list .center, .page23 .list .center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; line-height: 35remx; }

.page30 .list .txt1, .page23 .list .txt1 { font-size: .28rem; margin-bottom: .15rem; }

.page30 .list .txt2, .page23 .list .txt2 { font-size: .24rem; overflow: hidden; color: #999; }

.page30 .list .status, .page23 .list .status { background-color: #ff7802; }

.page30 .list .btn, .page23 .list .btn { display:block; height: .5rem; line-height: .5rem; border: none; margin-top: .1rem; }

.page30 .list .btn:first-child, .page23 .list .btn:first-child { margin-top: 0; }

.page24 .user { background-color: #fff; margin-bottom: .2rem; padding: .3rem; }

.page24 .user .face { width: 1.4rem; height: 1.4rem; border-radius: 100%; overflow: hidden; margin-right: .3rem; }

.page24 .user .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: .4rem; }

.page24 .user .txt1 { font-size: .32rem; font-weight: bold; margin-bottom: .2rem; }

.page24 .list { background-color: #fff; }

.page24 .list .item { line-height: .8rem; border-bottom: #eee 1px solid; }

.page24 .list .item:last-child { border: none; }

.page24 .list .item text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 0 .2rem; border-left: #eee 1px solid; }

.page24 .list .item text:first-child { text-align: left; border: none; }

.page24 .list .item:first-child { font-weight: bold; }

.page26 .choose-box { padding: .3rem; background-color: #fff; }

.page26 .choose-box .item { margin: .1rem 0 .1rem 0; line-height: .50rem; border-radius: .1rem; background-color: #f6f6f6; padding: .1rem .1rem; width: 2rem; color: #666666; text-align: center; }

.page26 .choose-box .item .txt1 { font-size: .32rem; color: #333; font-weight: bold; }

.page26 .choose-box .item.on { background-color: #ff7802; color: #fff; }

.page26 .choose-box .item.on .txt1 { color: #fff; }

.page27 .list { padding: .3rem .6rem; }

.page27 .list .item { margin-top: .6rem; height: 1rem; border-radius: .1rem; color: #fff; text-align: center; line-height: 1rem; font-size: .32rem; }

.page27 .list .item.c1 { display: block; background: -webkit-gradient(linear, left top, right top, from(#04d1fe), to(#0099ff)); background: -webkit-linear-gradient(left, #04d1fe 0%, #0099ff 100%); background: -o-linear-gradient(left, #04d1fe 0%, #0099ff 100%); background: linear-gradient(to right, #04d1fe 0%, #0099ff 100%); }

.page27 .list .item.c2 { display: block; background: -webkit-gradient(linear, left top, right top, from(#a1e5b6), to(#09bb07)); background: -webkit-linear-gradient(left, #a1e5b6 0%, #09bb07 100%); background: -o-linear-gradient(left, #a1e5b6 0%, #09bb07 100%); background: linear-gradient(to right, #a1e5b6 0%, #09bb07 100%); }

.page27 .list .item.c3 { display:block; background: -webkit-gradient(linear, left top, right top, from(#ffa37a), to(#fc4444)); background: -webkit-linear-gradient(left, #ffa37a 0%, #fc4444 100%); background: -o-linear-gradient(left, #ffa37a 0%, #fc4444 100%); background: linear-gradient(to right, #ffa37a 0%, #fc4444 100%); }

.page27 .list .tips { color: #999; text-align: center; line-height: .4rem; }

.page28 .box { background-color: #fff; font-size: .26rem; line-height: .42rem; text-align: justify; }

.page28 .box .txt { padding: .2rem; }

.page28 .box img, .page28 .box .img { display: block; }

.page29 { height: 100vh; padding-bottom: 1rem; }

.page29 .choose { padding: .6rem .8rem; width: 100%; margin: 0; box-sizing: border-box;  }

.page29 .choose .item { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #0099ff; color: #fff; line-height: 2.55555556; }

.page29 .choose img { width: 1.2rem; height: 1.2rem; display: block; margin: 0 auto .1rem; }

.page29 .choose_wd { display: inline-block; padding: .6rem .3rem; margin: 0 auto; width: 80%; text-align: center; background: #fff; border: 1px solid #999 }

.page29 .choose_wd .item { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.page32 .box { background-color: #fff; }

.page32 .step { padding: .3rem; border-bottom: #eee 1px solid; }

.page32 .step .line { width: 0.012rem; height: 1rem; background-color: #eee; margin: 0 .2rem; }

.page32 .tips-box { font-size: .24rem; line-height: .42rem; text-align: justify; color: #666; padding: .3rem; border-bottom: #eee 1px solid; }

.page32 .g-faceUpload { padding: .3rem; }

.page32 .g-faceUpload .tips { line-height: .6rem; color: #999; font-size: .24rem; }

.page33 { padding-bottom: 1rem; }

.page33 .box { background-color: #fff; font-size: .26rem; line-height: .42rem; text-align: justify; }

.page33 .box .txt { padding: .2rem; }

.page33 .box img, .page33 .box .img { display: block; }

.page34 { padding-bottom: 1rem; }

.page34 .box { background-color: #fff; padding: .3rem; }

.page34 .box2 { background-color: #fff; padding: .1rem .3rem; margin-top: .1rem; }

.page34 .title { margin-top: .2rem; line-height: .50rem; margin-bottom: .1rem; }

.page34 .textarea { border: #eee 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .2rem; line-height: .42rem; width: 100%; display: block; border-radius: .1rem; background-color: #f6f6f6; }

.page34 .input { background-color: #f6f6f6; padding: 0 .2rem; }

.page34 .g-uploadBox { margin-top: .3rem; }

.page34 .tips { line-height: .6rem; color: #999; font-size: .24rem; }