/*———— 苏水儿 2016/12/8 ————*/
html,body,div,ul,ol,li,p,dl,dd,dt,a,span,i,button,img,h1,h2,h3,h4,h5,h6,input,form,textarea,button{margin:0; padding:0; box-sizing: border-box; -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent;}
ul li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; color:#000;}
input,button,textarea{border:0; outline:0;-webkit-appearance: none;}
input[type='search']{/*add:防止闪屏*/-webkit-user-modify: read-write-plaintext-only;}
textarea{width:100%; line-height:1.6;}
img{display:block; border:0;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html,body{width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; font-family: Helvetica; overflow: hidden;}
body{display: -webkit-box; display:box; -webkit-box-orient: vertical; box-orient: vertical;}
body{
line-height: 1.6;
font-size: 16px;
/*设备像素比为1的时候，字体大小为12px;*/
}
[data-dpr="2"] body{
font-size: 32px;
/*设备像素比为2的时候，字体大小为24px;*/
}
[data-dpr="3"] body{
font-size: 48px;
/*设备像素比为3的时候，字体大小为36px;*/
}
/*做ios顶部状态栏的兼容*/
.iostop{padding-top:20px;}
.iosxtop{padding-top:40px;}
/*预置常用样式*/
/*清除高度塌陷*/
.ssoverflow{clear:both; overflow: hidden;}
/*清除浮动，高度塌陷*/
.ssclear{zoom:1;}
.ssclear:after{content:'.'; visibility: hidden; clear:both; display: block; height:0; line-height:0; font-size:0;}
/*css3盒子*/
.ssbox{display:-webkit-box; display:box;}
/*css3垂直排列*/
.ssvertical{-webkit-box-orient:vertical; box-orient:vertical;}
/*盒子垂直排列*/
.ssBoxV{display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical;}
/*css3垂直排列加弹性*/
.ssVflex{-webkit-box-orient:vertical; box-orient:vertical; -webkit-box-flex:1; box-flex:1;}
/*css3水平居中*/
.sscenter{-webkit-box-pack:center; -moz-box-pack:center; -ms-box-pack:center; box-pack:center;}
/*css3水平均分*/
.ssjustify{-webkit-box-pack:justify; -moz-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}
/*css3垂直居中*/
.ssaligncenter{display:-webkit-box; display:box; -webkit-box-align: center; box-align:center;}
/*盒子竖直排列，内容水平居中*/
.ssbvc{display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-align: center; box-align:center;}
/*css3盒子内容水平居中*/
.ssboxHcenter{display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center;}
/*css3盒子内容水平均分*/
.ssboxHj{display: -webkit-box; display: box; -webkit-box-pack:justify; box-pack:justify;}
/*css3盒子内容垂直排列且居中*/
.ssboxVcenter{display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
/*css3盒子垂直排列，内容绝对居中*/
.ssorientcenter{display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:center;}
/*css3盒子内容【水平】【垂直】绝对居中*/
.ssboxcc{display:-webkit-box; display: box; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center;}
/*加弹性*/
.ssflex{-webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1;}
/*禁止用户选择复制文字，***不能给input，select加！！！*/
.forbiddenOption,i{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
/*禁用元素上的事件*/
.noEvents{pointer-events: none;}
/*解除禁用事件*/
.actEvents{pointer-events: auto;}
/*文字超出出现省略号*/
.ellipsis{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:100%;}
/*类似于ellipsis 需要和其他3个属性 overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical;一起用 */
.ellipsis1{-webkit-line-clamp:1; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical;}
.ellipsis2{-webkit-line-clamp:2; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical;}
/*input搜索框的样式，不写 line-height，只写 height， 左侧有个 搜索图标*/
input[type='search']{width:100%; position:relative; padding-left:0.75rem; border-radius: 5px; border:0; outline:none; background-color:transparent; background-image: url(../images/sear.png); background-repeat: no-repeat; background-position:0.16rem center; background-size:auto 60%; height:30px;}
input[type=search]::-webkit-search-cancel-button{
-webkit-appearance: none; /*此处只是去掉默认的小×*/
}
/*文字居中*/
.txtcenter{text-align: center;}
/*文字居右*/
.txtright{text-align: right;}
/*左右padding 30px*/
.pd30{padding-left:0.4rem; padding-right:0.4rem;}
div.margin0{margin:0;}
/***********通用的基本布局结构————————————————********/
#view{-webkit-box-flex:1; box-flex:1; background:#fff;}
#view.bgcf0{background-color:#f0f0f0;}
#header{clear:both; overflow: hidden; position:relative;}
.header_hd{position: relative; z-index:10;}
#footer{clear:both; overflow: hidden;}
#contentf,#content{overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; _padding-bottom:1px;/*这个属性为了防止底部塌陷*/}
/*需要横向滚动条*/
#content.overflowx{overflow-x:auto;}
/*隐藏滚动条*/
/*#content::-webkit-scrollbar{display: none;}*/
.content_wrap,.content_wrap2{background:#f0f0f0; width:100%;}
#header .backbtn{display: block; width:1.333333rem; height:1.173333rem; background:url(../img/icon_back.png) no-repeat center; background-size:30%; position:absolute; z-index:100; left:0; bottom:0;}
#header h2{height:1.173333rem; line-height: 1.173333rem; font-size:0.48rem; text-align: center; font-weight: normal; -webkit-font-smoothing: antialiased;}
#header .person_icon,#header > .add{display: block; position:absolute; z-index:100; right:0.4rem; bottom:0; width:1.12rem; height:1.173333rem; background:url(../images/person_icon.png) no-repeat center; background-size:50% 50%;}
#header .cancel{display: block; line-height:1.173333rem; padding:0 0.133333rem; position: absolute; z-index:10; right:0.2rem; bottom:0;}
#header > span{z-index:10;}
#header .add{z-index:10; right:0.2rem; background:url(../images/add.png) no-repeat center; background-size:50% 50%;}
/*设置字体*/
/*[data-dpr="1"] #header > h2{
font-size: 18px;
}
[data-dpr="2"] #header > h2{
font-size: 36px;
}*/
/*白色底的最外层content*/
.content_wrapf{background:#fff;}
.content_wrap{padding:0.2rem 0.4rem;}
.content_wrap .richtext_wrap{_margin-top: 0.266667rem;}
.content_wrap .richtext_wrap > .mycontent{padding-top:0.3rem;}
.content_wrap .richtext_wrap .banner_wrap{height:6.4rem; margin-bottom:0.2rem;}
.content_wrap .richtext_wrap .banner_wrap > img{display: block; width:100%; height:6.4rem; background:url(../images/750-280.png) no-repeat center; background-size:cover;}
/*.content_wrap > div > h2{text-align: center;}*/
.content_wrap > div > h4{font-weight: normal; margin-top:0.066667rem;}
.content_wrap > div > p{line-height: 2.4;}
/*设置字体大小*/
[data-dpr="1"] .content_wrap > div > h2{font-size:16px;}
[data-dpr="2"] .content_wrap > div > h2{font-size:32px;}
[data-dpr="1"] .content_wrap > div > h4{font-size:12px;}
[data-dpr="2"] .content_wrap > div > h4{font-size:24px;}
[data-dpr="1"] .content_wrap > div > p{font-size:12px;}
[data-dpr="2"] .content_wrap > div > p{font-size:24px;}
/*二级页面，列表页banner图的样式*/
#content > div > div:first-child > img{height:6.933333rem; width:100%;}
/*页面中的列表详情*/
.list_detail_wrap{margin-top:0.4rem;}
.list_detail_wrap > .list_tit{}
.list_detail_wrap > .list_tit > h3{height:1.1rem; line-height: 1.1rem; padding-left:0.4rem; font-weight: normal;}
.list_detail_wrap > .list_tit > h3 > span{margin-right:0.4rem; padding-right:0.5rem; background:url(../images/more.png) no-repeat right center; background-size:auto 37%;}
.list_detail_wrap > ul{padding:0 0.4rem;}
.list_detail_wrap > ul > li{height:1.2rem; line-height:1.2rem; padding-left:3px; padding-right:0.6rem; background:url(../images/r_icon.png) no-repeat right center; background-size:auto 30%;}
.list_detail_wrap > ul > li > span{line-height: 0.96rem; margin-right: 0.3rem;}
/*.list_detail_wrap > ul > li:last-child{border-bottom:0;}*/
/*调用iscroll的列表，样式与上面的一样*/
.ssiscroll_wrap{position:relative;}
.ss_scroller-content > ul{padding:0 0.4rem;}
.ss_scroller-content > ul > li{height:0.96rem; line-height: 0.96rem; padding-right:0.6rem; background:url(../images/r_icon.png) no-repeat right center; background-size:auto 30%;}
.ss_scroller-content > ul > li:last-child{_border-bottom:0;}
/*左边是图标，右边是两行，第一行是标题，第二行是几个字的简介*/
#content .list_nav_tit{padding:0.48rem 0; padding-left:1.333333rem; padding-right:0.4rem; background:#fff;}
#content .list_nav_tit > dt{margin-right:0.266667rem; width:1.333333rem; _height:1.333333rem;}
#content .list_nav_tit > dd{}
/*表单审核进度提示开始*/
.progress{padding:0.4rem 0.4rem 0.2rem; margin-bottom:0.133333rem; background-image:url(../images/top_pro_bg.png); background-repeat: no-repeat; background-position: center top; background-color:#fff; background-size:100% 0.2rem;}
.progress_txt{display:-webkit-box; display:box; -webkit-box-pack:justify; box-pack:justify;}
.progress_txt > li{width:33.333333333%; padding-top:0.45rem; position:relative; text-align:center; color:#999; display:-webkit-box; display:box; -webkit-box-orient:vertical; -webkit-box-pack:end; box-pack:justify;}
.progress_txt > li > .progress_icon{display: block; width:0.346667rem; height:0.346667rem; position:absolute; z-index:5; left:50%; top:0; margin-left:-0.173333rem; background:url(../images/progress_static.png) no-repeat center; background-size:contain;}
.progress_txt > li > .progress_b{position:absolute; z-index:2; top:0.1733335rem; border-top:2px solid #bfbfbf;}
.progress_txt > li:nth-of-type(1) > .progress_b{width:100%; right:0;}
.progress_txt > li:nth-of-type(2) > .progress_b{width:100%; left:0;}
.progress_txt > li:nth-of-type(3) > .progress_b{width:100%; left:0;}
.progress_txt > li.act{color:#ba9859;}
.progress_txt > li:nth-of-type(3).fail{color:#e53636; background: url(../images/progress_fail.png) no-repeat center top; background-size:0.346667rem 0.346667rem;}
.progress_txt > li:nth-of-type(1).act > .progress_icon{background: url(../images/progress_succ.png) no-repeat center top; background-size:0.346667rem 0.346667rem;}
.progress_txt > li:nth-of-type(2).act > .progress_icon{background: url(../images/progress_succ.png) no-repeat center top; background-size:0.346667rem 0.346667rem;}
.progress_txt > li:nth-of-type(3).act > .progress_icon{background: url(../images/progress_succ.png) no-repeat center top; background-size:0.346667rem 0.346667rem;}
.progress_txt > li:nth-of-type(1).act > .progress_b,
.progress_txt > li:nth-of-type(2).act > .progress_b,
.progress_txt > li:nth-of-type(3).act > .progress_b{border-top-color:#ba9859;}
.progress_txt > li:nth-of-type(3).fail > .progress_icon{background: url(../images/progress_fail.png) no-repeat center top; background-size:0.346667rem 0.346667rem;}
.progress_txt > li:nth-of-type(3).fail > .progress_b{border-top-color:#e53636;}
.progress_tip{margin-top:5px; display: none;}
.progress_tip.act{display: block;}
.progress_tip > span{float:left; text-indent: 1.5em;}
/*表单审核进度提示结束*/
/*————————————————————footer——————————————————————————————————————————————————————————————————————————————————————————————————————*/
#footer{height:1.306667rem; border-top:1px solid #d9d9d9; _margin-top: 1px;}
/*不需要上边框的footer,在有些页面底部需要一个框，永久展示时，不需要上边框。*/
#footer.nobt{border-top:0;}
.submit_wrap{height:1.306667rem; _margin:0 0.2rem; _border-radius: 5px; pointer-events:none;}
/*不撑满整个屏幕宽度的，两边留padding或者margin,要在submit_wrap加一个父级div,class='submit_wrap_pd'*/
/*加上边距和左右padding*/
div.submit_wrap_mt_pd,div.submit_wrap_pd{padding-top:1px; padding-bottom:1rem;}
div.submit_wrap_mt_pd > .submit_wrap{margin:0 0.4rem; margin-top:0.8rem; border-radius: 5px;}
div.submit_wrap_pd > .submit_wrap{margin:0 0.4rem; border-radius: 5px;}
.submit_wrap.act{background:#ba9859; pointer-events:auto;}
.submit_wrap > p{line-height: 1.306667rem; font-size:0.426667rem; color:#fff; text-align: center;}
.footer_nav{height:1.306667rem; }
.footer_nav > li{padding-top:3px;}
.footer_nav > li > span,#footer > .footer_nav > li > a{display: block;}
.footer_nav > li > span{ margin-bottom:2px;}
.footer_nav > li:last-child > a{margin-top: 1px;}
/*4个导航按钮*/
.footer_nav > li > .footer_nav1{width:0.586667rem; height:0.586667rem; background:url(../images/footer_nav1.png) no-repeat center; background-size:contain;}
.footer_nav > li > .footer_nav2{width:1.586667rem; height:0.586667rem; background:url(../images/footer_nav2.png) no-repeat center; background-size:contain;}
.footer_nav > li > .footer_nav3{width:0.706667rem; height:0.586667rem; background:url(../images/footer_nav3.png) no-repeat center; background-size:contain;}
.footer_nav > li > .footer_nav4{width:0.666667rem; height:0.466667rem; margin-top:1px; margin-bottom: 4px; background:url(../images/footer_nav4.png) no-repeat center; background-size:contain;}
.footer_nav > li.act > .footer_nav1{background:url(../images/footer_nav1_act.png) no-repeat center; background-size:contain;}
.footer_nav > li.act > .footer_nav2{background:url(../images/footer_nav2_act.png) no-repeat center; background-size:contain;}
.footer_nav > li.act > .footer_nav3{background:url(../images/footer_nav3_act.png) no-repeat center; background-size:contain;}
.footer_nav > li.act > .footer_nav4{background:url(../images/footer_nav4_act.png) no-repeat center; background-size:contain;}
.footer_nav > li.act a{color:#ba9859;}
/*label和input框*/
.tit_input_wrap{margin:0 0.4rem;}
.tit_input_wrap > label{display:block; float:left; height:1.2rem; line-height:1.2rem;}
.tit_input_wrap > .input_wrap > input{height:1.2rem; border:0; outline: none; width:100%;}
.tit_input_wrap > div > label{display:block; float:left; height:1.2rem; line-height:1.2rem; margin-left:3px;}
.tit_input_wrap > div > .input_wrap > input{height:1.2rem; border:0; outline: none; width:100%;}
.tit_input_wrap.textalign_r > div > .input_wrap{padding-right:3px;}
.tit_input_wrap.textalign_r > div > .input_wrap > input{text-align: right;}
/*select的样式*/
.tit_input_wrap > div > .select_wrap{}
/*weui.js里面的二级联动用p标签代替*/
.tit_input_wrap > div > .select_wrap > p{width: 100%; text-align: right; line-height:1.2rem;padding-right: 0.45rem; background: url(../images/r_icon.png) no-repeat right center; background-size: auto 30%}
.tit_input_wrap > div > .select_wrap > select{-webkit-appearance: none; width:100%; border:0; outline:none; direction: rtl; height:1.2rem; line-height:1.2rem;
padding-right:0.45rem; background:url(../images/r_icon.png) no-repeat right center; background-size:auto 30%;}
.tit_input_wrap > div > .select_wrap > select > option{direction: ltr;}
/*文本展示，左边span，右边 p */
/*
*文本结构是这样的
*/
.san_p_wrap{}
.san_p_wrap > span{float:left;}
.san_p_wrap > p{word-wrap: break-word;}
/*左边距*/
.txt1{margin-left:0.4rem;}
.txt2{margin-left:1rem;}
.txt3{margin-left:1.6rem;}
.txt4{margin-left:2.0rem;}
/*180px*/
.txt5{margin-left:2.4rem;}
/*220px*/
.txt6{margin-left:2.933333rem;}
/*右边距*/
/*160px*/
.r_txt5{margin-right:2.133333rem;}
/*220px*/
.r_txt6{margin-right:2.933333rem;}
/*300px*/
.r_txt8{margin-right:4.0rem;}
/*weui图文列表panel的P最小高度占两行*/
/*高度64px*/
.minh{min-height:0.853333rem;}
.maxh{max-height:0.853333rem;}
/*一卡通页面中跳转进去的富文本，给默认的内边距*/
#txt_detail{padding:0.2rem 0.4rem;}
/*静态文本，详情页上下左右padding*/
.pd0204{padding:0.2rem 0.4rem;}
/*header标题部分需要覆盖在content上，头部主题背景色不要的情况下*/
#content #header{position:absolute; width:100%; left:0; top:0; z-index:100;}
/*************************************覆盖weui的样式*******************************************************/
/*.ssweui-mask_transparent{background:rgba(0,0,0,0.3);}*/
.ssweui-toast > i.loading_del{display:none; width:1em; height:1em; background:url(../images/close_white.png) no-repeat center; background-size:contain; font-style: normal; position:absolute; right:0.2em; top:0.22em;}
.ssweui-toast > i.loading_del.act{display: block;}
.ssweui-infinite-scroll{display:none;}
/*上传图片的加号按钮*/
.ssupload_wrap{float: left; overflow:hidden; position: relative; margin-right: 9px; margin-bottom: 9px; width: 77px; height: 77px; border: 1px solid #d9d9d9;}
.ssweui-uploader__input{width:100%; height:100%;}
.ssweui-uploader__input:before{width: 2px; height: 39.5px;}
.ssweui-uploader__input:after{width: 39.5px; height: 2px;}
.ssweui-uploader__input:before,.ssweui-uploader__input:after{content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #d9d9d9;}
/*图文列表panel,我的预审页面开始*/
/*图片右边距*/
.weui-media-box_appmsg > .ssweui-media-box__hd{margin-right:0.333333rem;}
/*图片垂直居中*/
.weui-media-box_appmsg > .ssweui-media-box__hd > img{width:100%; height:auto; display:inline-block; vertical-align: middle; line-height:60px;}
/*给左边小图加默认背景图片*/
.weui-media-box_appmsg .weui-media-box__thumb{_display:inline-block; object-fit:cover; object-position:center; max-width: 100%; height: 100%; vertical-align:middle; background: url(../images/150-100.png) no-repeat center; background-size: cover;}
/*h4标题*/
.ssweui-media-box__title{margin-bottom:7px;}
.ssweui-media-box__title > span{float:left;}
.ssweui-media-box__title > span:last-child{margin-left:10px; padding-top:3px;}
/*列表右边加 → */
.weui-panel__bd > a{position:relative; padding-right:30px;}
.weui-panel__bd > a > i.r_icon{display: block; width:14px; height:24px; position:absolute; right:14px; top:50%; margin-top:-12px; background:url(../images/r_icon.png) no-repeat center; background-size:contain;}
/*图文列表panel，我的预审页面结束*/
.weui-media-box_appmsg .w78weui-media-box__hd{width:78px; height:54px; margin-right:0.333333rem; background:url(../images/150-100.png) no-repeat center;}
/*添加默认背景图片*/
.weui-media-box__hd{background:url(../images/150-100.png) no-repeat center;}
/*weui.js级联菜单，按钮颜色，主题色*/
.weui-picker__action{color:#ba9859;}
/*a：active的背景色*/
a.weui-media-box:active{background-color: transparent;}
.weui-uploader__file{object-fit:cover; object-position:center;}
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before{color:#ba9859;}
/**************************************覆盖swiper的样式**********************************************************/
.swiper-pagination{transition:all 0s;}
/*添加默认背景图片*/
.swiper-slide{background:url(../images/750-280.png) no-repeat center;}
/***************************************加载中的loading动画，css3**********************************************************/
.load_more{display: none; text-align: center; line-height: 1.5rem; color:#ba9859;}
.load_more.act{display:block;}
[data-dpr="1"] .load_more.act{font-size:12px;}
[data-dpr="2"] .load_more.act{font-size:24px;}
.sk-wave {
margin: 10px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px; }
.sk-wave .sk-rect {
height: 100%;
width: 6px;
display: inline-block;
margin:0 1px;
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-wave .sk-rect1 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-wave .sk-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
@-webkit-keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4); }
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4); }
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
.img_upload_div{float:left;position:relative;margin-left: 10px;width:79px;height:79px;text-align: center; line-height: 79px;}
.img_upload_fgc{position:absolute;left:0;overflow:hidden;bottom:0;height: 100%;width: 0;background-color:#333333; opacity:0.5;filter:alpha(opacity=50);}
.img_upload_div>p{position:absolute;color: white;font-size:20px;font-weight: 200;vertical-align: middle;width: 79px}
/***************************************加载中的loading动画，css3 —— end —— ***********************************************/
/*富文本的样式*/
#content1{text-align: justify;}
#content1 img{display: inline-block; max-width: 100%;}
/*2018-1-5 修改头部，与新版式一致*/
#header{position:relative; background: url(../img/header_bg.png) repeat-y center!important; background-size: 100% 44px;}
#header:after{display: block; content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 4.5rem;
right: 0;
top: 0;
background: url(../img/header_bg_grid.png) no-repeat right top;
background-size: contain;}