@charset "utf-8";

*, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* A11Y：移除了 outline 样式，注意设置其他 :focus 样式，方便残障人士识别焦点 */
*:focus { outline: none;}

html,body { min-height: 100%; }
body { -webkit-user-select: none; user-select: none; background: #fff; }
.allbg{ background: #f2f6f9;}
.allbgf0{ background: #f0f0f0;}
body, input, textarea, select, button { font-size: 16px; line-height: 1.5; color: #333; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,h4, h5, h6, form, fieldset, legend,input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0;}
li{ list-style: none;}
caption, th { text-align: left;}
q:before,
q:after { content: "";}
input:password {ime-mode: disabled;}
input { line-height: normal;}
a{ color: #0af; text-decoration: none;}
a:hover{ /* opacity: 0.7; filter:alpha(opacity=70);*/}
a,img { -webkit-touch-callout: none;}

/*单选*/
.radio_box{ display:inline-block; position:relative; overflow: hidden;  width:22px; height:22px; top:2px; vertical-align: middle; margin-left: 12px; }
.radio_box input{ display: none; }
.radio_box label{ width:16px; height:16px; position:absolute; top:0px; left:0; border:0px solid #2dd19f; border-radius:50%; background:#eee; cursor:pointer; }
.radio_box input:checked + label:after{ content:''; width:16px; height:16px; position:absolute; top:0px; left:0px; background:#33b1eb; border-radius:50%; }

.k-copyright{ position: fixed; bottom: 0; width: 100%; z-index: -10; height: auto; overflow: hidden; padding-bottom: 20px; font-size: 14px; line-height: 1.5; color: #999; text-align: center;}
.f-copyright{ float: left; width: 100%; height: auto; overflow: hidden; padding-bottom: 20px; margin-top: 10px; font-size: 14px; line-height: 1.5; color: #999; text-align: center;}


/*所有 placeholder 默认值*/
.am-list-body .am-list-item .am-list-control input::-webkit-input-placeholder,
.am-list-body .am-list-item .am-list-control textarea::-webkit-input-placeholder{ color: #999; font-size: 14px; }
.am-list-body .am-list-item .am-list-control input:-moz-placeholder,
.am-list-body .am-list-item .am-list-control textarea:-moz-placeholder{ color:#999; font-size: 14px; }
.am-list-body .am-list-item .am-list-control input::-moz-placeholder,
.am-list-body .am-list-item .am-list-control textarea::-moz-placeholder{ color:#999; font-size: 14px; }
.am-list-body .am-list-item .am-list-control input:-ms-input-placeholder,
.am-list-body .am-list-item .am-list-control textarea:-ms-input-placeholder{ color:#999; font-size: 14px; }

input::-webkit-input-placeholder{ color: #999; font-size: 14px; }
input:-moz-placeholder{ color:#999; font-size: 14px; }
input::-moz-placeholder{ color:#999; font-size: 14px; }
input:-ms-input-placeholder{ color:#999; font-size: 14px; }
textarea::-webkit-input-placeholder{ color: #999; font-size: 14px; }
.theme-popover-mask{ display: block; position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }
.arrow-right{ float: right; display: inline-block; width: 12px; height: 48px; background:url(../../images/eightFunction/arr-right.png) no-repeat center; background-size:12px 12px; }
.arrow-right2{ float: right; display: inline-block; width: 12px; height: 55px; background:url(../../images/eightFunction/arr-right.png) no-repeat center; background-size:12px 12px; }
.arrow-up{ float: right; display: inline-block; width: 12px; height: 48px; background:url(../../images/eightFunction/arr-up.png) no-repeat center; background-size:12px 12px; }
.arrow-down{ float: right; display: inline-block; width: 12px; height: 48px; background:url(../../images/eightFunction/arr-down.png) no-repeat center; background-size:12px 12px; }
.mgleft10{ margin-left: 10px; }
.mgb10{ margin-bottom: 10px;}
.mgtop10{ width: 100%; height: 10px; margin-top: 10px; }
.mt5{ margin-top: 7px; }
.pt10{ padding-top: 10px;}
.box10{ float: left; width: 100%; height: 10px; }
.bottomline{ border-bottom: 1px solid #f0f0f0; }
.hid{ display: none;}
.button-color { font-size:18px; background: #2fb3f1;}
.bluecolor{ color: #2fb3f1; }
.aq{ display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 8px;  background:url(../../images/eightFunction/aq.png) no-repeat center; background-size:14px 14px; }
/*弹出对话框强制更改样式*/
.am-dialog .am-dialog-wrap {
    padding-top: 25px;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 7px;
    -webkit-background-clip: padding-box;
    background-color: #fff;
    line-height: 21px
}

.inbg-wp{ float: left; width: 100%; height: auto; background:url(../../images/eightFunction/jb-bg.jpg) no-repeat center ; background-size:100% auto;  }
.jgcx{ float: left; width: 100%; height: auto; margin-top: 225px; padding: 0 10px; box-sizing: border-box; }
.jgcx a{ float: right; display: block; width: 114px; height: 40px; line-height: 40px; font-size: 15px; color: #fff; border-radius: 20px; border: 1px solid #fff; text-align: center;}

.jb-pic{ float: left; width: 100%; height: auto; margin-top: 85px;}
.jb-pic a{ display: block; width: 230px; height: 71px; margin: 0 auto; background:url(../../images/eightFunction/jb-pic.png) no-repeat center; background-size:230px 71px;  }
.jb-sp{ float: left; width: 100%; height: auto; margin-top: 18px;}
.jb-sp a{ display: block; width: 230px; height: 71px; margin: 0 auto; background:url(../../images/eightFunction/jb-sp.png) no-repeat center; background-size:230px 71px;  }

.pg2-xm{ float: left; width: 100%; min-height: 55px; overflow: hidden; background: #fff; padding: 0 10px; box-sizing: border-box; }
.pg2-xm .tit{ float: left; width: 80%; height: 55px; line-height: 55px; font-size: 15px; color: #333; }
.pg2-xm .tit span{ display: block; width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #333;}
.pg2-xm .tit span i{ font-style: normal; color: #666;}
.pg2-xm .content{ float: right; width: 20%; height: 55px; line-height: 55px; font-size: 15px; color: #666; text-align: right; }
.pg2-xm .tit9{ float: left; width: 50%; height: 55px; line-height: 55px; font-size: 15px; color: #333; }
.pg2-xm .content9{ float: right; width: 50%; height: 55px; line-height: 55px; font-size: 15px; color: #666; text-align: right; }
.pg2-xm .content9 input{ width: 100%; padding: 14px 0; color: #333; text-align: right; font-size: 16px; outline: none; border: 0; background: none; }
.pg2-xm .tit8{ float: left; width: 30%; height: 55px; line-height: 55px; font-size: 15px; color: #333; }
.pg2-xm .content8{ float: right; width: 70%; height: 55px; line-height: 55px; background: #88abda; font-size: 15px; color: #666; text-align: right; }

.wf-jb{ float: left; width: 100%; min-height: 48px; overflow: hidden; background: #fff; padding: 0 10px; box-sizing: border-box; }
.wf-jb .tit{ float: left; width: 80%; height: 48px; line-height: 48px; font-size: 15px; color: #333; }
.wf-jb .tit span{ display: block; width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #333;}
.wf-jb .tit span i{ font-style: normal; color: #666;}
.wf-jb .content{ float: right; width: 20%; height: 48px; line-height: 48px; font-size: 15px; color: #666; text-align: right; }
.wf-jb .tit9{ float: left; width: 50%; height: 48px; line-height: 48px; font-size: 15px; color: #333; }
.wf-jb .content9{ float: right; width: 50%; height: 48px; line-height: 48px; font-size: 15px; color: #666; text-align: right; }
.wf-jb .content9 input{ width: 100%; padding: 14px 0; color: #333; text-align: right; font-size: 15px; outline: none; border: 0; background: none; }
.wf-jb .tit8{ float: left; width: 30%; height: 48px; line-height: 48px; font-size: 15px; color: #333; }
.wf-jb .content8{ float: right; width: 70%; height: 48px; line-height: 48px;  font-size: 15px; color: #666; text-align: right; }


.up-wp{ float: left; margin-top: 10px; width: 100%; height: 36px; background: #fff; border-bottom: 1px solid #f0f0f0; }
.up-wp .tit{ width: 90%; height: auto; margin-top: 7px; margin-left: 10px; font-size: 15px; }
.up-wp .tit i{ display: inline-block; width: 3px; height:12px; background: #2fb3f1; margin-right: 5px; }
.up-wp .tit span{ font-size: 12px; color: #999;}

.upfile-wp{ float: left; width: 100%; height: auto; overflow: hidden; background: #fff; padding: 10px; box-sizing: border-box; }
.uploader-wp{ float: left; width: 100%; height: auto; overflow: hidden; text-align: justify; text-align-last:justify; }
.uploader-wp .z1{ background: url(../../images/eightFunction/upts.jpg) no-repeat center; background-size: 400px 400px;}
.uploader-wp .z5{ background: url(../../images/eightFunction/ups3.png) no-repeat center; background-size: 400px 400px;}
.uploader-wp .z4{ background: url(../../images/eightFunction/upts2.jpg) no-repeat center; background-size: 400px 400px;}
.upfile-wp .picsm{ float: left; color: #666; font-size: 13px; line-height: 1.8; margin: 10px 0; }
.upfile-wp .picsm span{ color: #333;}
.uploader-picwp { display:inline-block; position: relative; width: 48%; height: 174px; border: 1px solid #D9D9D9; border-radius: 5px; box-sizing: border-box; }
.uploader-picwp img{ width: 100%; height: 100%; border-radius: 5px; }
.closep{ position: absolute; right: 0; top: 0; z-index: 88; width: 16px; height: 16px; border-radius: 0 5px 0 0; background: url(../../images/eightFunction/closeb.png) no-repeat center; background-size: 16px 16px;}
.xloaders { position: absolute; z-index: 999; width: 60px; height:40px; top:30%; left: 55px;  text-align-last:center; text-align: center; background: rgba(0,0,0,.6); border-radius: 5px; }

    /*file*/
.uploader-input { display:inline-block; position: relative; margin: 0; width: 100%; height: 174px; border: 1px solid #D9D9D9; border-radius: 5px; box-sizing: border-box; }
.uploader-input:before,
.uploader-input:after {
    /*content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #D9D9D9;*/ }
.uploader-input:before { width: 2px; height: 39.5px;}
.uploader-input:after { width: 39.5px; height: 2px; }
.uploader-input:active { border-color: #999999;}
.uploader-input:active:before,
.uploader-input:active:after { background-color: #999999;}
.uploader-input img{width: 100%; height: 100%; border-radius: 5px; }

.uploader-input2 { display:inline-block; position: relative; width: 48%; height: 174px; border: 1px solid #D9D9D9; border-radius: 5px; box-sizing: border-box; }
.uploader-input2:before,
.uploader-input2:after {
    /*content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #D9D9D9;*/ }
.uploader-input2:before { width: 2px; height: 39.5px;}
.uploader-input2:after { width: 39.5px; height: 2px; }
.uploader-input2:active { border-color: #999999;}
.uploader-input2:active:before,
.uploader-input2:active:after { background-color: #999999;}
.uploader-input2 img{width: 100%; height: 100%; border-radius: 5px; }

.upinput{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.tongyi{ float: left; width: 100%; height: auto; font-size: 15px; color: #666; margin: 0; }
.tongyi .nl{ float: left; display: block; width: 90%;  height: auto; line-height: 16px; font-size: 15px; margin: 0 0 0 6px; }
.check-on{ float: left;  display: none; width: 12px; height: 12px; margin: 1px 0 0 10px; background: url("../../images/eightFunction/check-on.png") no-repeat; background-size: 12px 12px; }
.check-off{ float: left;  display: block; width: 12px; height: 12px; margin: 1px 0 0 10px; background: url("../../images/eightFunction/check-off.png") no-repeat; background-size: 12px 12px; }

.pg2-title{ float: left; width: 100%; height:32px; line-height: 32px; padding: 0 10px; font-size: 14px; color: #999;  box-sizing: border-box; }
.xx-list{ float: left;  width: 100%; height:48px; padding: 0 10px; box-sizing: border-box; background: #fff; }
.xx-list .bt{ float: left; width: 35%; height:48px; line-height: 48px; color: #666; font-size: 16px; }
.xx-list .content{ float: left; width: 65%; height: 48px; line-height: 48px; font-size: 16px; color: #333; }
.xx-list .content2{ float: left; width: 55%; height: 48px; line-height: 48px; font-size: 16px; color: #333;  }
.xx-list .content2 input{ width: 100%; padding: 14px 0; color: #333; font-size: 16px; outline: none; border: 0; background: none; }
.xx-list .content3{ float: left; width: 35%; height: 48px; line-height: 48px; font-size: 16px; color: #333;  }
.xx-list .content3 input{ width: 100%; padding: 14px 0; color: #333; font-size: 16px; outline: none; border: 0; background: none; }
.xx-list .but{ float: left; width: 30%; height: 48px; text-align: right; }
.xx-list .but button{ width: 74px; height: 28px; line-height: 28px; font-size: 12px; color: #2fb3f1; border: 1px solid #2fb3f1; margin-top: 10px;  background: none; border-radius: 5px; text-align: center }
.xx-list .yu{ float: left; width: 8%; height:48px; line-height: 48px; color: #333; font-size: 16px; }

.xx-listm{ float: left;  width: 100%; height:auto; padding: 0 10px; box-sizing: border-box; background: #fff; }
.xx-listm .bt{ float: left; width: 35%; height:48px; line-height: 48px; color: #666; font-size: 16px; }
.xx-listm .content4{ float: left; width: 65%; height: auto; line-height: normal; font-size: 16px; color: #333; padding-top: 13px; padding-bottom: 10px; }

.xx-tit{ float: left;  width: 100%; height:auto; padding: 0 10px; box-sizing: border-box; background: #fff; }
.xx-tit .bt{ float: left; width: 65%; height:48px; line-height: 48px; color: #999; font-size: 16px; padding-left: 30px; box-sizing: border-box; background: url("../../images/eightFunction/time.png") no-repeat left center; background-size: 18px 18px; }
.xx-tit .content{ float: right; width: 35%; height:48px; line-height: 48px; text-align: right; font-size: 16px; color: #46baf2; }


.qus2{ float: right; width: 20%; height: 48px;}
.qus2 a{ display: block; width: 100%; height: 22px; line-height: 22px; border-radius: 5px; margin-top: 12px; border: 1px solid #2fb3f1; font-size: 12px; text-align: center;  }

.wordCount{ float: left; width: 100%; padding: 10px; box-sizing: border-box; background: #fff; }
.wordCount textarea{ width: 100%; height: 100px; border: none; outline: none; resize : none; }




/*下拉菜单强制更改样式*/
.weui-cell3 {
    width: 100%;
    height: auto;
}
.weui-cell3:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 15px;
    z-index: 2;
}
.weui-cell3:first-child:before {
    display: none;
}

.weui-cell3_select .weui-cell3__bd:after {
    /*
        display: inline-block;
        height: 48px;
        width: 12px;
        position: absolute;
        top: 0;
        right: 0px;
        margin-top: 0px;
        background:url(../../images/eightFunction/arr-down.png) no-repeat center; background-size:12px 12px;
    */
}
.weui-cell3_select .weui-cell3__bd{ background:url(../../images/eightFunction/arr-right.png) no-repeat center right; background-size:12px 12px; }
.weui-select3 {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 100%;
    height: 48px;
    line-height: 48px;
    position: relative;
    left: 0px;
    z-index: 1;
    text-align: left;
    font-size: 16px;
    color: #333;
}
.weui-cell3_select-before {
    padding-right: 15px;
}
.weui-cell3_select-before .weui-select3 {
    width: 105px;
    box-sizing: border-box;
}
.weui-cell3_select-before .weui-cell3__hd {
    position: relative;
}
.weui-cell3_select-before .weui-cell3__hd:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.weui-cell3_select-before .weui-cell3__hd:before {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}
.weui-cell3_select-before .weui-cell3__bd {
    padding-left: 15px;
}
.weui-cell3_select-before .weui-cell3__bd:after {
    display: none;
}
.weui-cell3_select-after {
    padding-left: 15px;
}
.weui-cell3_select-after .weui-select3 {
    padding-left: 0;
}











