/*
 * =========================================================================
 * 泛约UI框架  Verson 0.1  永不放弃  2017.12.10
 * =========================================================================
 * UI设计说明:1.白字黑字灰色字应均为正文文字,不可点击;2.彩色字
 *使用以下全局类，须注意：
 *1.在vue自己的标签（如:<popup></popup>）中是失效的
 */

/*通用标签控制类*/

/*在 iOS 微信浏览器中，可以通过 CSS 属性 -webkit-text-size-adjust 来禁止浏览器自动调整字体大小。这是最简洁、无延迟的方案。该方法直接阻止了微信对字体的缩放行为，页面将始终以设计时的字体大小显示*/
body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    }

* {margin: 0;padding: 0;outline: 0;font-size: 1rem;font-family: normal, sans-serif, 黑体;}

input, select {height: 2.4rem;font-size: inherit;padding-left: 5px}

div, span {font-size: inherit;color: inherit}

a { color: #227bf8; border: solid #227bf8; border-width: 0 0 1px 0; }

h1 { color: #666; font-size: 1.5rem; font-weight: bolder; }

h2 { color: #555; font-size: 1.4rem; font-weight: bolder; }

h3 { color: #545454; font-size: 1.3rem; font-weight: bolder; }

h4 { color: #6c656c; font-size: 1.2rem; font-weight: bolder; }

h5 { color: #857e85; font-size: 1rem; font-weight: bolder; }

p { margin: 0.2rem; text-align: justify; line-height: 1.8rem;color: #605960}

p:first-letter, h1, h2 { /*段略或标题首行缩进*/ margin-left: 2rem; }

label { color: #0093d6 }

table { width: 100%; border-collapse: collapse; border: solid 1px dimgrey; }

table th { border: 1px solid #aaa; text-align: center; font-weight: bold; padding: 2mm 0; margin: 0; }

table td { border: 1px solid #d4d4d4; text-align: center; font-weight: normal; padding: 1.5mm 0; margin: 0; }

.ST { font-family: "宋体", serif; }

/*一、布局控制类*/
/*                                       基本控制*/
.DispIB { /*行内块级元素*/ display: inline-block }

.DispN { /*隐藏*/ display: none }

/*    1.弹性布局系列*/
.XL { /*横向左对齐*/ display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap }

.XR { /*横向右对齐*/ display: flex; display: -webkit-flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; align-items: flex-start }

.XLR { /*横向两端对齐*/ display: flex; display: -webkit-flex; flex-direction: row; justify-content: space-between; }

.XLR_Center { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; }

.XYC { /*子元素居中,前提是当前Box有height值*/ display: flex; flex-direction: column; justify-content: center; align-items: center; }

.YL { /*纵向左对齐*/ display: flex; display: -webkit-flex; flex-direction: column; }

.YR { /*纵向右对齐*/ display: flex; display: -webkit-flex; flex-direction: column; align-items: flex-end }

.YB { /*纵向底部对齐*/ display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-end; }

.YC { /*纵向居中*/ display: flex; display: -webkit-flex; flex-direction: row; align-items: center; }

.YTop { /*纵向居中*/ display: flex; display: -webkit-flex; flex-direction: row; align-items: flex-start }



/*纵向默认为顶对齐*/

.YTB { /*纵向两端对齐*/ display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; }

.FG { /*占满剩余空间*/ display: flex; display: -webkit-flex; flex-direction: row; flex-grow: 1 }

.Item { order: 0; flex: 0 1 auto; }

/*    2.通用布局系列*/
.AlignC { /*水平居中*/ text-align: center; }

.AlignL { /*居左*/ text-align: left }

.AlignR { /*居右*/ text-align: right }

.AlignM { /*垂直居中*/ vertical-align: middle; }

/*     3.浮动显示控制*/
.RightTop { position: relative; height: 15px; top: -1.2rem; left: -0.6rem; margin-right: -1.2rem }

.R00 { position: relative; width: 0; height: 0; left: 0; top: 0; overflow: visible }

/*请注意：absolute是从屏幕的最左上角开始的*/
.R01 { position: relative; left: 90vw; top: -1rem; width: 10vw }

.R04 { position: relative; top: -2.4rem; left: 75vw; width: 30vw; }

.R05 { position: relative; top: -1.5rem; left: 90vw; }

/*    4.对象与容器边界*/
.PA1 { padding: 1mm }

.PA2 { padding: 2mm }

.PA3 { padding: 3mm }

.PA4 {padding: 4mm}

.PA5_12 {padding: 5mm 12mm;}

.MP1 { margin: 1mm; padding: 2mm; }

.MP4 { margin: 2mm; padding: 2mm }

.ML2 { margin-left: 2mm; }

.ML2Rem { margin-left: 2rem; }

.ML4 { margin-left: 4mm; }

.MR4 { margin-right: 4mm }

.MLR2 { margin-left: 2mm; margin-right: 2mm }

.MLR4 { margin-left: 4mm; margin-right: 4mm }

.MT2 { margin-top: 3mm }

.MT5 { margin-top: 5mm }

.MB2 { margin-bottom: 2mm }

.MTB2 { margin: 2mm 0; }

.MTB4 { margin: 40px 0; }

.MTB8 { margin: 80px 0; }

.MT4B2 { margin: 40px 0 20px; }

/*    5.容器大小控制-----宽*/
.W2 {width: 2vw}

.W5 { width: 5vw; }

.W6 {width: 6vw }

.W9 {width: 9vw }

.W12 {width: 12vw}

.W16 { width: 16vw;}

.W20 {width: 20vw;}

.W25 {width: 25vw; }

.W26 {width: 26vw;}

.W32 {width: 32vw; }

.W40 {width: 40vw; }

.W50 { width: 50vw;}

.W60 {width: 60vw}

.W75 { width: 75vw; /* 前面有字段名称,加上它要占整行*/ }

.W80 {width: 80vw}

.W84 { width: 84vw;}

.W85 { width: 85vw; }

.W86 {width: 86vw}

.W90 {width: 90vw;}

/*-----------------------高*/
.H1 { height: 1.4rem; overflow: hidden; }

.H3 { height: 3rem }

.H4 { height: 4rem }

.H5 { height: 90px }

.H6 { height: 6.5rem; }

.H25vw { height: 25vw; }

.H30vw { height: 30vw; }

.H14vw { height: 14vw; }

.H10vw { height: 10vw; }

.H8vw { height: 8vw; }

.H6vw { height: 6vw; }

.H90 {height: 90vh}

/*----------------------行高设置*/
.LH100 { line-height: 100%; /*行高设置*/ }

.LH120 {line-height: 120%;}

.LH150 { line-height: 150%; }

.LH200 { line-height: 200%; }

.LH300 { line-height: 300%; }

/*-----------------------宽高*/

.WH44 { width: 4mm; height: 4mm; }

.WH55 { width: 50px; height: 50px; }

.WH77 { width: 7mm; height: 7mm; }

.WH99 { width: 9mm; height: 9mm; }

.WH129 { width: 12mm; height: 9mm; }

.WH64 { width: 6mm; height: 5mm; }

.WHaa { width: 1cm; height: 1cm; }

.WHab { width: 1.6cm; height: 1.2cm }

.WHbb { width: 1.1cm; height: 1.1cm; }

.WHcc { width: 14mm; height: 14mm; }

.WHcd { width: 16mm; height: 20mm; }

.WH3A { width: 40vw; height: auto; margin: 2mm; }

.WHvp { width: 95vw; height: 40vh; }

.WHa { width: 100vw; height: auto }

.W16Ha { width: 16mm; height: auto }

.Uwh { width: 1.5rem; height: auto }

.Mtextarea1 { width: 80vw; height: 10vh; padding: 2mm 4mm }

.Mtextarea2 { width: 80vw; height: 20vh; padding: 2mm 4mm }

.Mtextarea3 { width: 80vw; /*原来是92vw*/ height: 30vh; padding: 2mm 4mm }

.WH85vw30vh { width: 85vw; height: 30vh; padding: 2mm 4mm }

.WH100vw30vh {width: 100vw;height: 30vh}

.AvatarWH { width: 16mm; height: 20mm; }

.AvatarWH2 { /*专门用于显示头像*/ width: 9mm; height: 12mm; }

.WautoH30vh {width: auto;height: 30vh}

/*二、形状形态控制类*/
/*    1.背景色*/
.BGBlack { /*背景色------黑色*/ background: #000000 }

.BGWhite { /*白色背景*/ background: #ffffff; }

.BGDeepGray { background-color: #5E5E5E; }

.BGGray { /*灰色背景*/ background-color: #6a6a8a; }

.BGLightGray { /*浅灰色背景*/ background-color: #eeeeee; }

.BGRed { /*红色背景*/background: #ff1105;}

.BGDeepBlue { /*背景色------蓝色*/ background: #192aac; }

.BGBlue { /*背景色------蓝色*/ background: #0093d6; }

.BGLightBlue { background-color: #f1f4fa; }

.BGDeepGreen { /*背景色------深绿*/ background: #158a80; }

.BGGreen { /*背景色------绿色*/ background-color: #09be82; }

.BGLightGreen { /*背景色------浅绿色*/ background: #d8ffe7 }

.BGO { /*背景色------棕色*/ background: #ffe38e }

.BGY { /*背景色------浅黄*/ background: #fffae3 }

.Opa { /*半透明*/ opacity: 0.5 }

/*      2.线框控制*/
.Div2 { /*宽分割线*/height: 15px; width: 100%; background-color: #eee; }

.BoxT { /*上边框------黑色线*/
    border: solid #3a3b40;
    border-width: 1px 0 0 0;
    }

.BoxT4 { /* 上边框------浅灰色线*/
    border: solid #d1d1d1;
    border-width: 1px 0 0 0;
    color: #685d04
    }

/*      -------------------下边框*/
.BottO {
    border: solid #ffb004;
    border-width: 0 0 1px 0
    }

.BottGray {
    border: solid #efefef;
    border-width: 0 0 1px 0
    }

.BottRed {
    border: solid #a73129;
    border-width: 0 0 1px 0
    }

.BottWhite {
    border: solid #FFFFFF;
    border-width: 0 0 1px 0
    }

.BottBlue {
    border: solid #1f98ff;
    border-width: 0 0 1px 0
    }

/*上下边框*/
.BD_Top2_Bott1 { border: solid #d1d3df; border-width: 2px 0 1px 0; padding: 4mm 0 3mm; }

/*      -------------------四周实线边框*/
.BDLightGray { /*浅色四边框*/ border: 1px solid #bfbfbf; }

.BDBlue { border: 1px solid #1f98ff; }

.BDGreen { border: 1px solid #036863; }

.SubBox {
    padding: 1.5mm 1mm;
    margin: 1mm 0.5mm;
    border: 1px solid #babcc4;
    /*border: 1px solid #8b8d94;*/
    }

.BoxGray1 { /*灰色实线边框------白背景*/
    border: 1px solid #c1c1c1;
    background-color: white;
    }

.Box41 {
    border: 1px solid #ddd;
    background-color: white;
    color: #ddd;
    }

.Box42 {
    border: 1px solid #04597d;
    background-color: white;
    color: #04597d
    }

.Box43 {
    border: 1px solid #898989;
    background-color: white;
    color: #898989;
    }

.Box5 {
    border: 1px solid #3a3b40;
    }

/*      -------------------四周虚线边框*/
.BoxDot {
    border: 1px dotted #3a3b40;
    }

.BoxBR {
    border: 1px dotted #eb353d;
    }

/*      -------------------特殊边框*/
.BDLeft { /*灰色左边*/
    border: solid #d1d3df;
    border-width: 0 0 0 1px;
    }

.BDRight { /*灰色左边*/
    border: solid #d1d3df;
    border-width: 0 1px 0 0;
    }

.BDLeftBott { /*黑色左下*/
    border: solid #d1d3df;
    border-width: 0 0 1px 1px
    }

.BDCircle { /*圆形框*/
    border-radius: 50%; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
    -moz-border-radius: 50%; /* Mozilla浏览器的私有属性 */
    -webkit-border-radius: 50%; /* Webkit浏览器的私有属性 */
    }

.BD_Radius1 { /*圆角控制*/ border-radius: 6px; }

/*圆角颜色块*/
.BMP {
    border-radius: 6px;
    margin: 1mm;
    padding: 1mm 0 3mm
    }

/*右边的两个角为圆角
.BoxC2 {
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}
*/

.BoxShadow { /*灰色有投影框*/
    border: 1px solid #555555;
    -moz-box-shadow: 5px 5px 5px #222; /* For Firefox3.6+ */
    -webkit-box-shadow: 5px 5px 5px #222; /* For Chrome5+, Safari5+ */
    box-shadow: 5px 5px 5px #222; /* For Latest Opera */
    }

.MVideoFrame {
    width: 12mm;
    height: 9mm;
    border-right: 2px dotted #5f5f5f;
    border-left: 2px dotted #5f5f5f;
    outline: #131313 solid 1px;
    }

/*视频缩略图背景框*/

/*三、各类按钮*/
/*圆按钮:ANGray BoxC WHbb XYC LH120*/
/*    1.右上角保存退出和取消退出圆按钮*/
.RCB {
    width: 9mm;
    height: 9mm;
    padding: 1px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    }

/*    2.右侧箭头按钮定义*/
.Fill1 {
    fill: #04597d;
    }

.Fill2 {
    fill: #685750;
    }

.Fill3 {
    fill: #ffffff;
    }

.Fill4 {
    fill: #036863;
    }

/*    3.与箭头按钮配合的div标签控制

*/

.DivOpen {
    overflow: hidden;
    max-height: 800px;
    transition: max-height 1s;
    }

.DivClose {
    overflow: hidden;
    max-height: 0;
    transition: max-height 1s cubic-bezier(0, 1, 0, 1) -.1s;
    }

/*四、表格之表头居中,内容居左*/
.Table0 {
    border-collapse: collapse;
    border: solid 1px #3a3b40;
    font-size: 1rem
    }

.Table0 th {
    text-align: center;
    font-weight: bold;
    border: solid 1px #3a3b40;
    padding: 5px
    }

.Table0 td {
    font-weight: normal;
    border: solid 1px #3a3b40;
    min-height: 1rem;
    padding: 5px
    }

/*五、文字*/
/*    1.----色彩*/
.TW { /*白色*/ color: #ffffff; }

.TC { /*黑色*/ color: #000000; }

.TB { /*浅蓝 */ color: #1f98ff; }

.TG { color: #036863; }

.TP { color: #a700ff; }

.TY { color: #ffffcc; }

.TE { /*红色fb4341*/ color: #eb353d; text-shadow: none; }

.TF { /*灰色*/ color: #898989; text-shadow: none; }

/*      --------大小*/
.T1 {
    font-size: 0.4rem;
    font-weight: normal;
    }

.T2 {
    font-size: 0.8rem;
    font-weight: normal;
    }

.T3 {
    font-size: 0.9rem;
    font-weight: normal;
    }

.T4 {
    font-size: 1rem;
    font-weight: normal;
    }

.T5 {
    font-size: 1.2rem;
    font-weight: normal;
    }

.T6 {
    font-size: 1.3rem;
    font-weight: normal;
    }

.T7 {
    font-size: 1.4rem;
    font-weight: bolder;
    }

.T8 {
    font-size: 1.6rem;
    font-weight: bolder;
    }

.T9 {
    font-size: 2.4rem;
    font-weight: bolder;
    }

.NoWrap {
    white-space: nowrap;
    }

/*六、部件*/
.aui-switch { /*开关*/
    width: 2.3rem;
    height: 1.2rem;
    position: relative;
    vertical-align: top;
    border: 1px solid #dddddd;
    background-color: #dddddd;
    border-radius: 0.6rem;
    background-clip: content-box;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }

.aui-switch:before {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.6rem;
    background-color: #fff;
    content: '';
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
    }

.aui-switch:checked {
    border-color: #0093d6;
    background-color: #0093d6;
    }

.aui-switch:checked:before {
    left: 1.1rem;
    }

.AN { /*小圆角按钮公用属性*/
    border-radius: 5px;
    padding: 1.2mm 2mm;
    line-height: 120%;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden
    }

.ANBlue {
    background: #0093d6;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #0093d6;
    color: #ffffff;
    }

.ANGray {
    background: #6a6a8a;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #aaaadc;
    color: #ffffff;
    }

.ANGray2 {
    background: #efefef;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #d6d6d6;
    color: #7b7b7b;
    }

.ANGreen {
    background: #036863;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #036863;
    color: #FFFFFF;
    }

.ANRed {
    background: #eb353d;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #eb353d;
    color: #FFFFFF;
    }

.ANYellow {
    background: #fffee3;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #cfd2a8;
    color: #4e4c0c;
    }

.AN3 { /*大圆角按钮*/
    background: #039276;
    border: 1px solid #ffffff;
    border-radius: 60px;
    color: #ffffff;
    padding: 1.5mm 2.4mm;
    text-align: center;
    box-shadow: 0 0 0 1px #039276;
    }

.AN4 { /*无外框按钮*/
    background: #82716b;
    border-radius: 7px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1mm 1.5mm;
    min-width: 2rem;
    font-size: 1rem;
    font-family: "宋体", serif;
    font-weight: normal;
    white-space: nowrap;
    overflow: visible;
    }

.AN5 { /*圆按钮*/
    border-radius: 100%;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8mm;
    height: 8mm;
    font-size: 0.7rem;
    font-family: "宋体", serif;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    }

.AN51 { /*圆按钮蓝色*/
    background: #0093d6;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #0093d6;
    }

.AN52 { /*圆按钮绿色*/
    background: #039276;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #039276;
    }

.AN53 { /*圆按钮灰色无外框*/
    background-color: #a6aaac;
    }

.AN532 { /*圆按钮灰色有外框*/
    background-color: #7f8385;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #7f8385;
    }

.AN54 {
    background: #039276;
    }

.HalfANL {
    white-space: nowrap;
    text-align: center;
    background-color: #fffae3;
    border: solid #bfbfbf;
    border-width: 0 1px 1px 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 2mm 1.5mm;
    width: 20vw;
    }

.SelesCss1 {
    width: 20vw;
    height: 1.6rem;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #bfbfbf;
    background-color: #ececec;
    margin-right: 1px;
    padding: 1.5mm;
    }

.SelesCss2 {
    border-color: #036863;
    color: #036863;
    background: #ffffff url('../static/img/ButtonPic/active1.png') no-repeat right bottom;
    }

/*    1.验证码
.MyCheckCode1 {
  background: 0 0 / 100% 100% url('../static/img/MyCheckCode.jpg') no-repeat;
  width: 8rem;
  height: 3rem;
  position: relative;
  left: 1px;
  top: 2mm;
  line-height: 150%;
  text-align: center;
}
*/
/*    2.蒙版*/
.MaskCss {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    outline: 0;
    background-color: #0befc9;
    filter: alpha(opacity=60);
    background-color: rgba(0, 0, 0, 0.6);
    }

.PopWin {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow: auto; /* 开启滚动条 */
    width: 100vw;
    height: 100vh;
    overscroll-behavior: contain; /*这一行一下子解决了浮层底部跟随滚动的问题*/
    }

/*    3.头部底部*/
.Header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: dimgrey;
    border: solid #d6d6d6;
    border-width: 0 0 1px 0;
    padding-top: 1mm;
    }

/*    4.单选或多选检查框*/

/*    4.动画*/
.slide-fade-enter-active {
    transition: all .3s ease;
    }

.slide-fade-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
    }

.slide-fade-enter, .slide-fade-leave-to
    /* .slide-fade-leave-active for below version 2.1.8 */
{
    transform: translateY(10px);
    opacity: 0;
    position: absolute;
    }

.FullScr1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    overflow: hidden;
    }

.FullScr2 {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    }

.v-enter-active {
    transition: all 0.3s ease-out;
    }

.v-leave-active {
    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
    }

.v-enter-from, .v-leave-to {
    transform: scale(0.3) translateX(30px);
    opacity: 0;
    }

.SCss {
    white-space: nowrap;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2mm 1.5mm;
    margin-bottom: -1px;
    }

.SCss1 {
    background-color: #ececec;
    border: solid #bfbfbf;
    border-width: 1px 1px 0 1px;
    }

.SCss2 {
    color: #036863;
    background-color: #ffffff;
    border: solid #036863;
    border-width: 1px 1px 0 1px;
    }

.Cell {
    display: flex;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    border: solid #ddd;
    border-width: 0 0 1px 1px;
    }

.FullCell {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    }

.body-locked {
    position: absolute;
    overflow: hidden;
    height: 100vh;
    }