@charset "UTF-8";
.lineGray { height: 5px; background: #F4F5F8; }

.mgbt13 { margin-bottom: 1.3rem; }

/*箭头*/
span.arrow { display: inline-block; width: 9px; height: 9px; border: solid #666666; border-width: 1px 1px 0 0; transform: rotate(45deg); margin-right: 2px; }

/*按钮*/
.btn { display: block; height: 0.88rem; margin: 0 0.3rem 0.24rem 0; line-height: 0.88rem; text-align: center; font-size: 18px; border-radius: 5px; }

.btn.blue { color: white; background-color: #0099ff; }

.btn.green { color: white; background-color: #23c3ab; }

.btn.red { color: white; background-color: #ff3b2f; }

.btn.gray { color: #333333; background-color: #ededed; }

.btn.unactive { opacity: 0.3; }

/*状态*/
.state.yellow { color: #ffc300; }

.state.gray { color: #888888; }

.state.blue { color: #0099ff; }

/*底部按钮*/
.bottomBox { position: fixed; bottom: 0; left: 0; width: 100%; height: 1.3rem; background: white; }
.bottomBox .bottomBtn { margin: 0.24rem 0.3rem; background-color: #0099ff; border-radius: 0.1rem; color: white; }

/*居中搜索框*/
.searchBox { position: relative; padding: 0.2rem 0.3rem; height: 1rem; overflow: hidden; background: white; }
.searchBox input { width: 100%; height: 0.6rem; background-color: #f5f6f8; padding: 0 40px 0 30px; font-size: 15px; border-radius: 0.1rem; }
.searchBox .cancle { position: absolute; top: 0.2rem; right: 0.4rem; color: #999999; line-height: 0.6rem; }
.searchBox .searchIcon { position: absolute; left: 0.4rem; top: calc(0.5rem - 8px); display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 8px; background: url(../images/search.png) center center/cover no-repeat; }

.centerSearchBox { position: relative; padding: 0.2rem 0.3rem; height: 1rem; overflow: hidden; background: white; }
.centerSearchBox input { width: 100%; height: 0.6rem; border-radius: 0.5rem; background-color: #f5f6f8; border: none; text-align: center; padding: 0 3px; font-size: 15px; }
.centerSearchBox .searchText { position: absolute; z-index: 2; width: 100%; top: 0.2rem; left: 0; text-align: center; }
.centerSearchBox .searchText p { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 0.6rem; color: #bbbbbb; background-color: #f5f6f8; }
.centerSearchBox .searchText .searchIcon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 8px; background: url(../images/search.png) center center/cover no-repeat; }

/*整行tab切换*/
.tabBox { height: 0.9rem; padding: 0 0.2rem; }
.tabBox .tab { float: left; width: 20%; text-align: center; font-size: 16px; line-height: 0.9rem; color: #999999; }
.tabBox .tab.active { position: relative; color: #4e9fee; }
.tabBox .tab.active:after { content: ''; position: absolute; width: 0.3rem; height: 3px; bottom: 0; left: calc(50% - 0.15rem); background: #4e9fee; border-radius: 2px; }

.scrollTabBox { height: 0.9rem; white-space: nowrap; overflow-x: auto; }
.scrollTabBox .tab { display: inline-block; padding: 0 0.3rem; text-align: center; font-size: 16px; line-height: 0.9rem; color: #999999; }
.scrollTabBox .tab.active { position: relative; color: #4e9fee; }
.scrollTabBox .tab.active:after { content: ''; position: absolute; width: 0.3rem; height: 3px; bottom: 0; left: calc(50% - 0.15rem); background: #4e9fee; border-radius: 2px; }

/*中间tab切换*/
.centerTabBox { width: 4.44rem; height: 0.66rem; margin: 0.2rem auto; border: solid 1px #0099ff; line-height: 0.6rem; border-radius: 0.6rem; overflow: hidden; background-color: #0099ff; }
.centerTabBox div { float: left; width: 50%; height: 100%; color: #0099ff; text-align: center; font-size: 16px; background: white; }
.centerTabBox div.active { background-color: transparent; color: white; }

.form { padding-left: 0.3rem; }
.form .formItem { min-height: 0.9rem; padding: 0.22rem 0.3rem 0.22rem 0; font-size: 15px; background: -webkit-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat; background: -moz-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat; background: -ms-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat; background-size: 100% 1px; }
.form .formItem .icon { display: block; width: 22px; height: 22px; margin-right: 0.16rem; }
.form .formItem .flex1 { color: #888888; font-size: 15px; }
.form .formItem .txt { min-width: 1.9rem; color: #333333; }
.form .formItem .txt span { font-size: 12px; color: #888888; }
.form .formItem input, .form .formItem textarea { width: 100%; color: #888888; font-size: 15px; }
.form .formItem textarea { display: block; height: 1.2rem; line-height: 0.4rem; margin-top: 0.2rem; resize: none; }
.form .formItem .select, .form .formItem .selectDate { position: relative; padding-right: 15px; background: url(../images/arrow.png) center right/8px 14px no-repeat; }
.form .formItem .addPerson { display: block; width: 22px; height: 22px; margin-left: 0.3rem; }
.form .formItem .arrow { display: block; width: 8px; height: 14px; margin-left: 0.3rem; }
.form .formItem .personList { overflow: hidden; padding-top: 0.2rem; }
.form .formItem .personList .person { position: relative; display: inline-block; height: 21px; padding: 0 0.26rem; border-radius: 0.4rem; margin: 0.1rem 0.1rem 0.06rem 0; background: #f5f6f8; font-size: 11px; }
.form .formItem .personList .person .personDel { position: absolute; top: -5px; right: -5px; width: 12px; height: 12px; }
.form .formItem .textarea { color: #888888; margin-top: 0.16rem; }
.form .formItem .imgWrap { padding-top: 0.3rem; overflow: hidden; }
.form .formItem .imgWrap .imgItem { position: relative; float: left; width: 22%; height: 1.42rem; margin-right: 3%; margin-bottom: 3%; }
.form .formItem .imgWrap .imgItem img.img { width: 100%; height: 100%; }
.form .formItem .imgWrap .imgItem img.imgdel { position: absolute; top: -7px; right: -7px; width: 18px; height: 18px; }
.form .formItem .imgWrap .imgAdd { float: left; width: 22%; height: 1.42rem; text-align: center; border: dashed 1px #ebebeb; }
.form .formItem .imgWrap .imgAdd img { width: 0.63rem; height: 0.52rem; }
.form .formItem .imgWrap .imgAdd p { font-size: 10px; color: #d3d3d3; }

/*switch切换*/
.switch { position: relative; display: inline-block; width: 36px; height: 20px; border-radius: 13px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.switch .slider { position: absolute; display: inline-block; width: 18px; height: 18px; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); border-radius: 50%; top: 0; }

.switch-on { border: 1px solid #dfdfdf; box-shadow: #64bd63 0px 0px 0px 13px inset; transition: border 0.4s, box-shadow 0.2s, background-color 1.2s; background-color: white; cursor: pointer; }
.switch-on .slider { right: 0; transition: background-color 0.4s, left 0.2s; }

.switch-off { border: 1px solid #dfdfdf; transition: border 0.4s, box-shadow 0.4s; background-color: white; box-shadow: #dfdfdf 0px 0px 0px 0px inset; cursor: pointer; }
.switch-off .slider { left: 0; transition: background-color 0.4s, left 0.2s; }

.switch-on.switch-disabled { opacity: .5; cursor: auto; }

.switch-off.switch-disabled { background-color: #F0F0F0 !important; cursor: auto; }

/*多选框*/
.ios-select-widget-box.olay { position: absolute; z-index: 500; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: rgba(0, 0, 0, 0.75); padding-top: 44px; }
.ios-select-widget-box.olay .layer { position: fixed; z-index: 1000; width: 100%; height: 100%; background-color: #f2f2f2; bottom: 0; left: 0; visibility: visible; }
.ios-select-widget-box.olay .layer .ios-select-loading-box { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); display: none; }
.ios-select-widget-box.olay .layer .ios-select-loading-box > .ios-select-loading { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OEMxMEI3NDI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OEMxMEI3NTI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4QzEwQjcyMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4QzEwQjczMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GeWqMwAAA+BJREFUeNrMmVlsTGEUx+9cXZQiLZWKklhbQSSlSMUWSxAiJGJ5aSQehOiDF7yI4EFILW99I3iRSJGUPkiILSKp2OuJVtHWkrRVapn2jv+R/ycnn5l27rQz10l+mWlyl/+c833nO+c0FIlEnATMBbPAIn5OBuPAENAKToC74BtoB59AG/D9spBPgaPBdrAFjJH7Fa66TkRuNe8gP8Bb8Ap8j/eFaXFelwv286WZfKG2WL9SX5cFCuntBvAc/OoPD64HJ8EI5Q3tmW7whl4pAl/AUfAEDKZnQ1HuFXGPQGOiAsW7x8A26wUhirgMLnGtfe3hGcO5NApARpRnSchrY0UhlkAJxxmw0npYBzgOKinSj6WDCfRyphWFJnAPdMUjUH71WbDKElcDykGL0zcbCEroVf389+CW7Uk3ygNk/azghYIHDoCN/SDO4W6+A55aAiUrzImWz7StA2WWuF2gIpEc1ovVgQeWyELm06gCc8ARJU44DM45yTPZII8tkXO5DP4RuI8iPYqr4YmQbJN8+E4JlA1abAuUBbtZeU526O4khDWW3QdhK9TZWmAZd6/x3inw0UmdSZJ/pgSKlilGoMvTwoiTw/20k3p7yTyovRgScTNAvgrvFSbkVJuE+LU6GiXEefJHqfKefF5zgrMGVRnJZ4HEerryXjdzU1DWbB2BI10mRuPBej+1WhKsi8vLeDDXZRllwtvoBG8davNmS4gHUZyTQIWSrM1iQpyZptafo4QGabp9+JNmOijMY9MTtGWpEHe5PDHMGsz/DwQOUwI7XVYUZheP1ZVEAJbOFsGswTYR+EKF2NWVRABWwHPYeLDFZWKOKJFLAhRYpMQJjS7rsWYlcjlTT6pNOr5pahfL5m12KaparUPpZTcEILCEjjGniCy9iMk3F9hImzCXcZqQKhOnLFShjbBX/psQP4Aq5UUpdfZEGXEkKzGvZf4zu/exOdV0T1LJCZTx4gK2msm2Uq494z1pS29Ea5ra2RPrrm4HpwvJsplgtTW/kXq0M1ZffF2F2uMNe+nJUD+HVWaLm8AAtXNrOXTqcfQh2fwQmKdST4TTgAp6ui+WTWFTrUpedu15Fs29Do/kuDsIZlsiW7njryZQ2MrAaD5Yqko88+w6zoPCfsdv5VwjnnXayA67zYmUdGM/e0i+E7nWivnDPUWEz6iyPedngLkY7ARDrQeb72GOz5roVY/eylMHvxflXjkpLoKHfZ2wmhJIkvcylUi9BAnTa9U9DD59CzQm/csaZv0cn0JbOeK4ye/xbfcE/w0hYZvElnU8GEXBGRQjeewzi5B6rtP6RGY9vwUYACMHTam1T1ebAAAAAElFTkSuQmCC) no-repeat 0 0; background-size: contain; -webkit-animation: loading-keyframe 1s infinite linear; animation: loading-keyframe 1s infinite linear; }
.ios-select-widget-box.olay header.iosselect-header { height: 44px; line-height: 44px; background-color: #eee; width: 100%; z-index: 9999; text-align: center; }
.ios-select-widget-box.olay header.iosselect-header a { font-size: 16px; color: #0099FF; text-decoration: none; }
.ios-select-widget-box.olay header.iosselect-header a.close { float: left; padding-left: 15px; height: 44px; line-height: 44px; }
.ios-select-widget-box.olay header.iosselect-header a.sure { float: right; padding-right: 15px; height: 44px; line-height: 44px; }
.ios-select-widget-box.olay .one-level-contain, .ios-select-widget-box.olay .two-level-contain, .ios-select-widget-box.olay .three-level-contain, .ios-select-widget-box.olay .four-level-contain, .ios-select-widget-box.olay .five-level-contain { height: 100%; overflow: hidden; }
.ios-select-widget-box.olay .iosselect-box { overflow: hidden; background-color: #fff; }
.ios-select-widget-box.olay .iosselect-box > div { display: block; float: left; background-color: transparent; position: relative; z-index: 10001; }
.ios-select-widget-box.olay ul li { font-size: 13px; height: 35px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #111; opacity: .3; }
.ios-select-widget-box.olay ul li.at { font-size: 16px; opacity: 1; }
.ios-select-widget-box.olay ul li.side1 { font-size: 15px; opacity: .7; }
.ios-select-widget-box.olay ul li.side2 { font-size: 14px; opacity: .5; }
.ios-select-widget-box.olay hr { width: 100%; border: none; background: -webkit-linear-gradient(top, transparent 50%, #ebebeb 50%) bottom center no-repeat; background: -moz-linear-gradient(top, transparent 50%, #ebebeb 50%) bottom center no-repeat; background: -ms-linear-gradient(top, transparent 50%, #ebebeb 50%) bottom center no-repeat; background-size: 100% 1px; height: 1px; position: absolute; margin: 0; z-index: 10000; }
.ios-select-widget-box.olay .cover-area1 { top: 149px; }
.ios-select-widget-box.olay .cover-area2 { top: 183px; }
.ios-select-widget-box.olay #iosSelectTitle { margin: 0; padding: 0; display: inline-block; font-size: 16px; font-weight: normal; color: #333; }

.ios-select-widget-box.one-level-box .one-level-contain { width: 100%; }
.ios-select-widget-box.one-level-box .two-level-contain, .ios-select-widget-box.one-level-box .three-level-contain, .ios-select-widget-box.one-level-box .four-level-contain, .ios-select-widget-box.one-level-box .five-level-contain { width: 0; }

.ios-select-widget-box.two-level-box .one-level-contain, .ios-select-widget-box.two-level-box .two-level-contain { width: 50%; }
.ios-select-widget-box.two-level-box .three-level-contain, .ios-select-widget-box.two-level-box .four-level-contain, .ios-select-widget-box.two-level-box .five-level-contain { width: 0; }

.ios-select-widget-box.three-level-box .one-level-contain, .ios-select-widget-box.three-level-box .two-level-contain, .ios-select-widget-box.three-level-box .three-level-contain { width: 33.3%; }
.ios-select-widget-box.three-level-box .four-level-contain, .ios-select-widget-box.three-level-box .five-level-contain { width: 0%; }

.ios-select-widget-box.four-level-box .one-level-contain, .ios-select-widget-box.four-level-box .two-level-contain, .ios-select-widget-box.four-level-box .three-level-contain, .ios-select-widget-box.four-level-box .four-level-contain { width: 25%; }
.ios-select-widget-box.four-level-box .five-level-contain { width: 0%; }

.ios-select-widget-box.five-level-box .one-level-contain, .ios-select-widget-box.five-level-box .two-level-contain, .ios-select-widget-box.five-level-box .three-level-contain, .ios-select-widget-box.five-level-box .four-level-contain, .ios-select-widget-box.five-level-box .five-level-contain { width: 20%; }

.ios-select-body-class { overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0; }

.fadeInUp .layer { -webkit-animation: fadeInUp .3s; animation: fadeInUp .3s; }

.fadeOutDown .layer { -webkit-animation: fadeOutDown 0.3s !important; animation: fadeOutDown 0.3s !important; }

@-webkit-keyframes loading-keyframe { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@keyframes loading-keyframe { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; } }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: none; } }
@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, 100%, 0); } }

/*# sourceMappingURL=form.css.map */
.ios-select-widget-box.olay .layer{
    border-radius: .2rem .2rem 0 0;
    overflow: hidden;
}
.ios-select-widget-box.olay{
        background: rgba(0, 0, 0, 0.5);
}
.ios-select-widget-box.olay header.iosselect-header{
    background:#f2f4f7;
}
.ios-select-widget-box.olay header.iosselect-header a{
    color:#4bb2d5;
}
.ios-select-body-class{
  position: initial;
}
.ios-select-widget-box.olay{
  position: fixed;
}