@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0}

*{margin:0;padding:0;list-style:none}
a,img{border:0;}
a{text-decoration:none}

body{font:12px/180% Arial, Helvetica, sans-serif, "微软雅黑"; }

.Login01 {
    margin:0 5px; width: calc(100% - 10px); display: flex; justify-content: flex-start;
}
.Login01 span{padding-top:5px; width:16px; text-align:left; font-size:20px}
.Login01 p{
    text-align: center; width:calc(100% - 16px); font-size: 16px; line-height: 40px;
}
.Login02 {
    margin: 0 auto; padding: 30px 0; width:100%; text-align: center;
}
.Login02 img{max-width:100%}
.Login03 {margin:0 auto; padding:0 10px; overflow:hidden}
.Login03 li{float:left; width:100%; overflow:hidden}
.Login03 li p{float:left; width:100%; text-align:left; font-size:15px; line-height:40px}
.Login03 li div{float:left; padding:5px; width:100%; height:50px; background:#f7f7f7; border-radius:8px; border:#efeef4 solid 1px;display: flex; justify-content: space-between;}
.Login03 li div input{border: 0; width:60%; height: 40px; line-height: 40px; background:none; outline:none;}
.Login03 li div button{border: 0; height: 40px; line-height: 40px; background:none; outline:none; color:#c20010}
.Login03 li div img{margin-top:5px}
.Login03 li.Touxiang{height:100px; position:relative}
.Login03 li.Touxiang img{position:absolute; left:calc((100% - 100px) / 2); top:0; width:100px; height:100px; border-radius:50%}
.Login03 li.Touxiang input{position:absolute; left:calc((100% - 100px) / 2); top:0; width:100px; height:100px; z-index:1; opacity:0}
.Login04 {
    margin: 0 auto; padding: 30px 10px; padding-bottom: 10px; width:100%; text-align: center;
}
.Login04 button {
    width: 100%; background: #c20010; color: #fff; font-size: 16px; border: 0; border-radius: 10px; height: 50px; line-height: 50px;
}
.Login05 {
    margin: 0 auto; padding: 0 10px; width:100%; display: flex; justify-content: space-between;
}

.Mime01 {
    margin: 0 auto; padding: 0 10px; padding-top: 10px; width:100%; display: flex; justify-content: flex-start;
}
.Mime01 img{
    width: 48px; height: 48px; border-radius: 50%;
}
.Mime01 div{
    padding:4px 0 0 5px;width: 148px; line-height: 20px; font-size: 16px; font-weight: bold;
}
.Mime01 div span{
    font-size: 14px; font-weight: normal;
}

.Mime02 {
    margin: 10px; padding: 10px; width: calc(100% - 20px); background: #fff; border-radius: 8px; overflow: hidden;
}
.Mime02 dt {
    float: left; width: 100%; display: flex; justify-content: space-between;
}
.Mime02 dt h4{font-size:14px; line-height: 35px; font-weight:bold; color:#000}
.Mime02 dt a{font-size:12px; line-height: 35px; font-weight:normal}
.Mime02 dd{
    float: left; padding-top:15px; width: 100%; overflow: hidden;
}
.Mime02 dd ul{
    float: left; width: 100%; display: flex; justify-content: center;
}
.Mime02 dd ul li{width:25%; text-align:center}
.Mime02 dd ul li img{height:30px; width:30px}
.Mime02 dd ul li p{text-align:center; line-height:24px; font-size:14px}
.Mime03 {
    margin: 0 10px; padding:10px; width: calc(100% - 20px); background: #fff; border-radius: 8px; overflow: hidden;
}
.Mime03 li {
    float: left; padding: 15px 0; width: 100%; display: flex; justify-content: space-between;
}
.Mime03 li .Col01 {
    display: flex; justify-content: flex-start;
}
.Mime03 li .Col01 img{margin-top:1px; margin-right:5px; width:22px; height:22px}
.Mime03 li .Col01 p{font-size:14px}
.Mime03 li .Col02 {
    display: flex; justify-content: flex-end;
}
.Mime03 li .Col02 span{font-size:12px}
.Mime03 li .Col02 label{font-weight:normal}
.Order01 {
    margin: 0 5px; padding: 8px 0; width: calc(100% - 10px); display: flex; justify-content: space-between;
}
.Order01 li{width:20%; text-align:center; font-size:12px}
.Order01 li span.on {
      border-bottom: solid #c20010 2px;
    }

.Orderadd1 {
      margin: 0 5px; padding: 8px 0; width: calc(100% - 10px); display: flex; justify-content: flex-start;
    }
.Orderadd1 img{width:60px; height:60px}
.Orderadd1 div {
      padding-left:5px; padding-top:5px; width: calc(100% - 60px);
    }
.Orderadd1 div h3{font-size:16px; line-height:24px}
.Orderadd1 div p{font-size:14px; line-height:24px}

    
.Orderadd2{margin:0 5px; padding:5px; width:calc(100% - 10px); background:#fff; border-radius:8px; overflow:hidden}
.Orderadd2 li{float:left; padding:5px 0; width:100%; line-height:30px; display: flex; justify-content: flex-start;}
.Orderadd2 li span{width:80px}
.Orderadd2 li input{width:calc(100% - 80px); outline:none; border:0; text-align:right}

.card-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed #eee;
    color: gray;
    margin: 0 10px;
    width: calc(100% - 20px);
    min-height: 200px;
}
.card-wrap img{width:100%; height:auto}
.Order02 {
    margin: 0 10px; padding: 8px 0; width: calc(100% - 20px); overflow:hidden}
.Order02 .List01{float:left; margin-bottom:10px; padding:10px; width:100%; background:#fff; border-radius:8px; overflow:hidden}
.Order02 .List01 .Col01{float:left; width:100%; display: flex; justify-content: flex-start;}
.Order02 .List01 .Col01 img{width:80px; height:80px}
.Order02 .List01 .Col01 div{padding-left:10px; padding-top:5px}
.Order02 .List01 .Col01 div p{font-size:14px; line-height:20px}
.Order02 .List01 .Col01 div p.Hongse{font-size:16px; color:#c20010; line-height:30px}
.Order02 .List01 .Col02{float:left; padding-top:10px; width:100%; display: flex; justify-content: flex-end;}
.Order02 .List01 .Col02 li{margin-left:10px}
.Order02 .List01 .Col02 .Hui{padding:5px 10px; border:#d3d3d3 solid 1px; border-radius:5px; color:#d3d3d3}
.Order02 .List01 .Col02 .Hong{padding:5px 10px; border:#c20010 solid 1px; border-radius:5px; color:#c20010}
.Order02 .List01 .Col03{float:left; width:100%; display: flex; justify-content: space-between;}

.Tuiguang01{margin:5px 10px; padding:10px; width:calc(100% - 20px); background:#fff; border-radius:8px; overflow:hidden}
.Tuiguang01 .Col01{float:left; width:100%; font-size:16px; font-weight:bold; line-height:30px;}
.Tuiguang01 .Col02{float:left; width:100%; font-size:14px; line-height:30px;}
.Tuiguang01 .Col03{float:left; width:100%; font-size:14px; line-height:30px;}
.Tuiguang01 .Col03 span{margin-left:10px; padding:5px 10px; border:#d3d3d3 solid 1px; border-radius:5px; font-size:14px; color:#c20010}


.Tuiguang02{margin:5px 10px; margin-top:10px; padding:10px; width:calc(100% - 20px); background:#fff; border-radius:8px; overflow:hidden}
.Tuiguang02 .Col01{float:left; width:100%; font-size:16px; font-weight:bold; line-height:30px;}
.Tuiguang02 .List01{float:left; border-bottom:#d3d3d3 solid 1px; width:100%; display: flex; justify-content: space-between;}
.Tuiguang02 .List01 li{line-height:30px; }
.Tuiguang02 .List02{float:left; width:100%; display: flex; justify-content: space-between;}
.Tuiguang02 .List02 li{line-height:24px}

.Tuiguang02 .List02 .Col03{width:100%; text-align:center}
.Tixian01{margin:0 10px; width:calc(100% - 20px); border-radius:8px; background:#fff; overflow:hidden}
.Tixian01 ul{float:left; padding:10px; width:100%; display:flex; justify-content:space-between}
.Tixian01 ul li{width:calc(100% / 3); text-align:center}
.Tixian01 ul li span{display:block; font-size:18px; font-weight:bold}

.Tixian01 .List01{float:left; margin:0 10px; padding:10px 0; border-top:#d3d3d3 solid 1px; width:calc(100% - 20px); display: flex; justify-content: space-between;}

.Tixian01 .List01 .Col01{width:50%; overflow:hidden}
.Tixian01 .List01 .Col01 p{float:left; width:100%; font-size:14px}
.Tixian01 .List01 .Col01 input{float:left; width:100%; border:0; outline:none; height:40px; font-size:18px; font-weight:bold; color:#c20010}
.Tixian01 .List01 .Col01 input::placeholder {
    font-size: 14px; /* 字体大小 */
    color: #d3d3d3; /* 字体颜色，这里是灰色 */
}
.Tixian01 .List01 .Col02{width:50%; overflow:hidden}
.Tixian01 .List01 .Col02 p{float:left; width:100%; font-size:14px; text-align:right}
.Tixian01 .List01 .Col02 button{float:right; padding:0 30px; border-radius:18px; border:0; background:#c20010; color:#fff; height:35px; line-height:35px; font-size:14px}

.Tixian02{margin:0 10px; padding:10px 0; width:calc(100% - 20px); overflow:hidden}
.Tixian02 dt{float:left; width:100%; overflow:hidden; line-height:35px; font-size:14px; font-weight:bold; color:#000; position:relative}
.Tixian02 dt span{position:absolute; left:8px; top:30px; display:block; height:2px; border-radius:10px; width:40px; background:#c20010;}
.Tixian02 dd{float:left; margin-top:10px; width:100%;}

.Xieyi{margin:0 10px; padding:10px; border-radius:8px; width:calc(100% - 20px); line-height:24px; font-size:12px; background:#fff; overflow:hidden}
.Xieyi .Riqi{display:block; width:100%; text-align:right; line-height:30px}

.Fudong{margin:0 auto; width:100%; background:#fff; border-radius:10px 10px 0 0; position:fixed; left:0; bottom:0; z-index:101; overflow:hidden;}
.Fudong button{background:#c20010; color:#FFF; border:0; width:55%; height:35px; line-height:35px; border-radius:8px}

.Fudong .Guanbi{float:left; padding:10px; width:100%; text-align:right; }
.Fudong .Guanbi span{font-size:18px; font-weight:bold}

.mask {
	width:100%;
	height:1200px;
	background:gray;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	opacity:0.6;
	display:none;

}

#canvas{
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 101;
    background: #fff;
}
#canvas canvas{
    width: 100%;
    height: 200px;
    border: #d3d3d3 solid  1px;
    display: block;
}
#clearCanvas{
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #DEDEDE;
    z-index: 1;
}
#saveCanvas{
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #DEDEDE;
    z-index: 1;
}
.no-scroll {
  overflow: hidden;
}