/*清除*/
body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; cursor: pointer;}
h1,h2,h3,h4,h5{ font-weight: normal;}
ul,li{ list-style: none; cursor: pointer;}
b{ font-weight: normal;}
i{ font-style: normal;}
.clear{ clear: both;}
em{ font-style: normal;}
input, button{ outline: none; display: block;}
input,
button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
html,body{ font-size: calc(100vw/7.5);}
@media screen and (min-width:1600px) and (max-width: 1920px){
   html,body{ font-size: calc(100vw/28);} 
}
ul,li,a{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
body::-webkit-scrollbar{ width: 0;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
#backer{ background: #f7f7f7;}
.popUp{ display: none; width: 100%; height: 100%; background: #000;  position: fixed; top: 0; left: 0; z-index: 60; opacity: 0.5; transition: all 0.5s;}
.entryDiv{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #5284C8 url(../images/back.jpg) no-repeat center top; background-size: 100% auto;}
.entryDiv .bot{ width: 100%; position: absolute; left: 0; bottom: 0.65rem; text-align: center; color: #fff; font-size: 0.24rem; line-height: 0.3rem;}
.entryDiv .tit{ width: 5.5rem; margin: auto; padding: 1.5rem 0 1.4rem 0;}
.entryDiv .tit img{ width: 100%;}
.entryDiv .li{ width: 5.8rem; margin: auto; padding-top: 0.4rem;}
.entryDiv .li:first-child{ padding-top: 0;}
.entryDiv .li .inp{ height: 0.98rem; padding: 0 0.6rem 0 0.85rem; position: relative; border: 1px solid #fff; background: hsla(0,0%,100%,0.10); border-radius: 0.52rem;}
.entryDiv .li .inp input{ width: 100%; height: 0.98rem; background: hsla(0,0%,100%,0.00); border: none; font-size: 0.32rem; color: #fff;}
.entryDiv .li .inp input::placeholder{ color: hsla(0,0%,100%,0.40);}
.entryDiv .li .inp .icon{ width: 0.5rem; height: 100%; position: absolute; top: 0; left: 0.25rem;}
.entryDiv .li .inp .icon.acce{ background: url(../images/icon1.png) no-repeat center; background-size: 0.38rem auto;}
.entryDiv .li .inp .icon.pass{ background: url(../images/icon2.png) no-repeat center; background-size: 0.37rem auto;}
.entryDiv .li .inp .code{ width: 2.05rem; border-left: 1px solid #fff; position: absolute; top: 0; right: 0; border-radius: 0 0.52rem 0.52rem 0; overflow: hidden;}
.entryDiv .li .inp .code input[type="button"]{ width: 100%; height: 0.98rem; border: none; border-radius: 0; color: #fff; font-size: 0.3rem; background: hsla(0,0%,100%,0.10);}
.entryDiv .li .ent{}
.entryDiv .li .ent button{ width: 100%; height: 1rem; border: none; border-radius: 0.5rem; background: #fff; font-size: 0.36rem; color: #1C7EE3; font-weight: bold;}
.indexHearder{ width: 7rem; height: 2.3rem; background: #0066E0 url(../images/icon12.png) no-repeat right 0.25rem top 0.4rem; background-size: 3.25rem auto; margin: 0 auto;}
.indexHearder .cont{ padding: 0 0.25rem;}
.indexHearder .cont img{ width: 1.6rem; padding-top: 0.28rem;}
.indexHearder .cont p{ font-size: 0.3rem; color: #fff;line-height: 0.4rem;}
.indexHearder .cont a{ width: 0.4rem; height: 0.4rem; background: url(../images/icon5.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 0.55rem; right: 0.4rem;}
.mineIndex{ margin-top: -0.8rem; position: relative; z-index: 5;}
.topMIne{ width: 7rem; margin: auto; background: #fff; border-radius: 0.1rem; box-shadow: 0 0.06rem 0.11rem 0 hsla(0,0%,0%,0.05);}
.topMIne .cont{ padding: 0.25rem; display: flex; justify-content: space-between; align-items: center;}
.topMIne .cont .left{ display: flex; justify-content: flex-start; align-items: center;}
.topMIne .cont .left .img{ width: 1rem; height: 1rem; border-radius: 100%; margin-right: 0.2rem; overflow: hidden; border-radius: 100%;}
.topMIne .cont .left .img img{ width: 100%;}
.topMIne .cont .left .top{ display: flex; justify-content: flex-start;}
.topMIne .cont .left .top h1{ font-size: 0.38rem; font-weight: bold; line-height: 0.4rem; margin-right: 0.2rem;}
.topMIne .cont .left .top .icon{ height: 0.4rem; line-height: 0.4rem; padding: 0 0.13rem; font-size: 0.24rem; background-image: linear-gradient(#645FFB, #0066E0); color: #fff; border-radius: 0 0.1rem 0 0;}
.topMIne .cont .left .tel{ font-size: 0.28rem; line-height: 0.3rem; color: #A0A0A0; margin-top: 0.1rem;}
.cound{ position: relative;}
.cound img{ width: 0.46rem; margin: auto;}
.cound p{ font-size: 0.24rem; line-height: 0.3rem; color: #6C6C6C; text-align: center; padding-top: 0.05rem;}
.cound a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.indexTime{ width: 7rem; margin: 0.3rem auto 0.4rem auto;}
.indexTime .timeDivOne{ padding: 0 0.1rem;}
.indexTime .timeDivOne .time{ float: left; font-size: 0.28rem; font-weight: bold; color: #000; line-height: 0.4rem; display: flex; justify-content: flex-start;}
.indexTime .timeDivOne .time .mr{ margin: 0 0.1rem;}
.indexTime .timeDivOne .reak{ float: right; font-size: 0.3rem; font-weight: bold; color: #0066E0; position: relative; line-height: 0.4rem;}
.indexTime .timeDivOne .reak i{ display: block; width: 0.3rem; height: 0.3rem; position: absolute; left: -0.4rem; top: 50%; margin-top: -0.15rem;}
.indexTime .timeDivOne .reak i img{ width: 100%;}
.indexTime .timeDivTwo{ margin-top: 0.2rem; width: 100%; height: 0.86rem; border-radius: 0.1rem; background: #fff; box-shadow: 0 0.06rem 0.11rem 0 hsla(0,0%,0%,0.05);}
.indexTime .timeDivTwo .time{ float: left; width: 2.8rem; height: 0.86rem; text-align: center; line-height: 0.86rem; font-size: 0.34rem; font-weight: bold; color: #fff; border-radius: 0.1rem 0 0 0.1rem; background: #0066E0;}
.indexTime .timeDivTwo .timeIup{ float: right; width: 3.2rem; height: 0.86rem; padding-left: 0.7rem; background: url(../images/icon8.png) no-repeat left center; background-size: 0.44rem auto; position: relative;}
.indexTime .timeDivTwo .timeIup input{ display: block; width: 2.4rem; height: 0.86rem; background: hsla(0,0%,100%,0.00); border: none; font-size: 0.32rem;}
.indexTime .timeDivTwo .timeIup input::placeholder{ color: #DADADA;}
.indexTime .timeDivTwo .timeIup button{display: block; width: 0.44rem; height: 0.46rem; position: absolute; right: 0.3rem; top: 50%; margin-top: -0.23rem; background: hsla(0,0%,100%,0.00); border: none;}
.indexTime .timeDivTwo .timeIup button img{ width: 100%;}
.indexList{ width: 7rem; margin: auto;}
.indexList .li{ background: #fff; margin-bottom: 0.25rem; border-radius: 0.1rem; box-shadow: 0 0.06rem 0.11rem 0 hsla(0,0%,0%,0.05);}
.indexList .li a{ padding: 0 0.15rem;}
.indexList .li .top{ height: 0.8rem; line-height: 0.8rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.28rem; color: #868686;}
.indexList .li .top img{ display: block; width: 0.14rem;}
.indexList .li .list{ border-top: 1px solid hsla(0,0%,85%,0.30); border-bottom: 1px solid hsla(0,0%,85%,0.30); padding: 0.2rem 0;}
.indexList .li .list .m{ float: left; width: 50%; font-size: 0.28rem; line-height: 0.3rem; color: #868686; padding: 0.13rem 0;}
.indexList .li .bot{ height: 0.8rem; font-size: 0.24rem; line-height: 0.8rem; color: #CFCFCF;}
.indexList .li .bot .timr{ float: left;}
.indexList .li .bot .ate{ float: right;}
.indexList .li .bot .ate .mik1{ color: #FF3C3C;}
.indexList .li .bot .ate .mik2{ color: #00AA23;}
.indexList .base{ font-size: 0.24rem; text-align: center; color: #D3D3D3; margin-top: 0.35rem; line-height: 0.3rem;}
.morderBot{ width: 7rem; height: 0.96rem; background: #0066E0; border-radius: 0.1rem 0.1rem 0 0; position: fixed; bottom: 0; left: 50%; margin-left: -3.5rem; display: flex; justify-content: center; align-items: center; z-index: 10;}
.morderBot a{ display: flex; justify-content: center; align-items: center;}
.morderBot img{ width: 0.32rem; margin-right: 0.12rem;}
.morderBot p{ font-size: 0.3rem; color: #fff; line-height: 0.96rem;}
.mineIndex{ padding-bottom: 1.1rem;}
/*  */
.orderDiv .tit{ padding: 0 0.2rem; height: 0.8rem; line-height: 0.8rem; background: #DEEDFF; color: #0066E0; font-size: 0.24rem; position: relative; width: 7rem; margin: 0 auto;}
.orderDiv .tit em{ display: block; width: 3px; height: 0.8rem; position: absolute; top: 0; left: 0; background: #0066E0;}
.orderDiv .cont{ width: 6.8rem; margin: auto; padding: 0.45rem 0 1.6rem 0;}
.orderDiv .cont h1{ font-size: 0.5rem; line-height: 0.6rem; font-weight: bold; color: #383838; margin-bottom: 0.35rem;}
.orderDiv .cont .li{ margin-top: 0.45rem;}
.orderDiv .cont .li:first-child{ margin-top: 0;}
.orderDiv .cont .li h2{ font-size: 0.26rem; line-height: 0.3rem; color: #9C9C9C; margin-bottom: 0.15rem;}
.orderDiv .cont .li h2 i{ float: left; margin-right: 0.06rem; color: #FF2B2B;}
.orderDiv .cont .li .inp{ height: 0.9rem; border-radius: 0.05rem; background: #EAEAEA; position: relative;}
.orderDiv .cont .choice .k{ float: left; margin-right: 0.15rem; margin-bottom: 0.15rem;}
.orderDiv .cont .choice .k label{ display: block; font-size: 0.32rem; color: #696969; padding: 0 0.25rem; line-height: 0.86rem; background: #EAEAEA; border-radius: 0.05rem; border: 1px solid #EAEAEA;}
.orderDiv .cont .choice .k input:disabled + label{ border-color: #A9A9A9; background: #EAEAEA; color: #A9A9A9; opacity: 0.3;} 
.orderDiv .cont .choice .k input{ display: none;}
.orderDiv .cont .choice .k input:checked + label{ background: #0066E0; color: #fff; border-color: #0066E0;}
.imgHer .add{ float: left; width: 1.6rem; height: 1.6rem;}
.imgHer .add img{ width: 100%;}
.imgHer .file-list{ float: left;}
.imgHer .file-list .file-item{ float: left; width: 1.6rem; height: 1.6rem; position: relative; background: #EAEAEA; margin-right: 0.1rem;}
.imgHer .file-list .file-item span{ display: block; width: 0.3rem; height: 0.3rem; position: absolute; top: 0.07rem; right: 0.07rem; z-index: 5;}
.imgHer .file-list .file-item span img{ width: 100%;}
.imgHer .file-list .file-item .ser{ max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3;}
.orderDiv .cont .li .inp .ter{ padding: 0 0.7rem 0 0.2rem;}
.orderDiv .cont .li .inp .ter input,.orderDiv .cont .li .inp .ter select{ display: block; width: 100%; height: 0.9rem; background: hsla(0,0%,100%,0.00); border: none; font-size: 0.32rem; color: #383838;}
.orderDiv .cont .li .inp .dd{ width: 0.22rem; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%);}
.bootNav{ width: 6.8rem; height: 0.9rem; border-radius: 0.45rem; background: #fff; position: fixed; bottom: 0.2rem; left: 50%; margin-left: -3.4rem; z-index: 20;}
.bootNav .lift{ float: left; padding: 0.09rem 0.6rem 0.09rem 0.09rem;}
.bootNav .lift a{ display: block; width: 0.72rem; height: 0.72rem; background: #0066E0 url(../images/icon16.png) no-repeat center; background-size: 0.43rem auto; border-radius: 100%; position: relative;}
.bootNav .lift a em{ display: block; background: #FF0000; font-size: 0.3rem; line-height: 0.4rem; width: 0.4rem; text-align: center; color: #fff; border-radius: 100%; position: absolute; top: 0; right: -0.2rem; transform: scale(0.7); }
.bootNav .totle{float: left; display: flex; justify-content: flex-start; align-items: flex-end; padding-top: 0.33rem;}
.bootNav .totle .m{ font-size: 0.24rem; color: #AEAEAE; line-height: 0.24rem; margin-left:0.5rem;}
.bootNav .totle .k{ font-size: 0.24rem; color: #FF0000; line-height: 0.2rem; margin: 0 0.05rem 0 0.08rem;}
.bootNav .totle .t{ font-size: 0.34rem; line-height: 0.28rem; color: #FF0000;}
.bootNav .more{ float: right;}
.bootNav .more button{ width: 2rem; height: 0.9rem; background: #0066E0; border-radius: 0 0.45rem 0.45rem 0; color: #fff; text-align: center; line-height: 0.9rem; font-size: 0.32rem; border: none;}
.shappingOne{ display: none; width: 6.8rem; position: fixed; bottom: 0; left: 50%; margin-left: -3.4rem; z-index: 65; background: #fff; border-radius: 0.2rem 0.2rem 0 0;}
.shappingOne .cont{ padding: 0.3rem 0.2rem;}
.shappingOne .cont .boot{ display: flex; justify-content: flex-end; align-items: flex-end; font-weight: bold; padding: 0 0.1rem;}
.shappingOne .cont .boot .m{ font-size: 0.3rem; line-height: 0.39rem; color: #898989;}
.shappingOne .cont .boot .k{ font-size: 0.24rem; line-height: 0.29rem; color: #FF0000; margin: 0 0.05rem 0 0.1rem;}
.shappingOne .cont .boot .h{ font-size: 0.34rem; line-height: 0.39rem; color: #FF0000;}
.shappingOne .cont .mik{ margin: 0.3rem 0; padding: 0.3rem 0.1rem; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}
.shappingOne .cont .mik .li{ font-size: 0.3rem; line-height: 0.4rem; padding: 0.15rem 0;}
.shappingOne .cont .mik .li h2{ font-size: 0.3rem; color: #696969; float: left; width: 4.3rem;}
.shappingOne .cont .mik .li .k{ font-size: 0.3rem; color: #A6A6A6; float: left; width: 0.45rem;}
.shappingOne .cont .mik .li .m{ float: right; font-size: 0.28rem; color: #FC9E00;}
.shappingOne .cont .mik .mer em{ float: left; line-height: 0.5rem; background: #0066E0; padding: 0 0.12rem; border-radius: 0.05rem; color: #fff; font-size: 0.3rem;}
.shappingOne .tit{ display: flex; justify-content: space-between; align-items: center;}
.shappingOne .tit h1{ font-size: 0.34rem; font-weight: bold; line-height: 0.48rem;}
.shappingOne .tit em{ display: block; width: 0.44rem; height: 0.44rem; background: url(../images/icon19.png) no-repeat center; background-size: 100% auto;}
/*  */
.orderTit{ width: 7rem; margin: auto; padding: 0.4rem 0 0.25rem 0;}
.orderTit h1{ font-size: 0.5rem; font-weight: bold; color: #383838;}
.orderTit p{ font-size: 0.3rem; color: #898989; line-height: 0.3rem; margin-top: 0.1rem;}
.orderContr{ width: 7rem; margin: 0 auto 0.25rem auto; background: #fff; border-radius: 0.05rem;}
.orderContr .cont{ padding: 0 0.25rem;}
.orderContr .cont h2{ font-size: 0.34rem; line-height: 0.42rem; font-weight: bold;}
.orderContr .cont .li{ border-top: 1px solid #D8D8D8; font-size: 0.3rem; line-height: 0.4rem; padding: 0.25rem 0; color: #898989;}
.orderContr .cont .li .give{ display: flex; justify-content: space-between; align-items: flex-end;}
.orderContr .cont .li .lift{ font-weight: bold;}
.orderContr .cont .li .text{ width: 4.3rem; text-align: right; font-size: 0.25rem;}
.orderContr .cont .top{ display: flex; justify-content: space-between; align-items: center; padding: 0.25rem 0 0.15rem 0;}
.orderContr .cont .top a{ width: 0.14rem; height: 0.24rem; background: url(../images/icon13.png) no-repeat center; background-size: 100% 100%;}
.orderContr .tto{ display: flex; justify-content: flex-end; align-items: flex-end;}
.orderContr .tto .k{ font-size: 0.3rem; color: #898989; line-height: 0.3rem;}
.orderContr .tto .h{ font-size: 0.24rem; line-height: 0.28rem; color: #FF0000; margin: 0 0.05rem 0 0.15rem;}
.orderContr .tto .f{ font-size: 0.34rem; color: #FF0000; line-height: 0.28rem;}
.orderContr .minr{ line-height: 0.3rem; padding-top: 0.15rem;}
.orderContr .minr .p{ float: left; font-size: 0.26rem; color: #696969; width: 2.5rem;}
.orderContr .minr .num{ float: left; font-size: 0.24rem; color: #A6A6A6; width: 2.6rem;}
.orderContr .minr .num select{ display: block; width: 100%; height: 0.4rem; background: #EAEAEA; border: none; color: #383838;border-radius:0.05rem;}
.orderContr .minr .bm{ font-size: 0.24rem; color: #FC9E00; float: right;}
.orderContr .mer{ padding: 0.15rem 0;}
.orderContr .imgJer{ padding: 0.05rem 0 0.2rem 0;}
.orderContr .imgJer .m{ float: left; width: 1.6rem; height: 1.6rem; border-radius: 0.05rem; overflow: hidden; position: relative; margin-right: 0.1rem; margin-bottom: 0.1rem;}
.orderContr .imgJer .m img{ max-width: 100%; min-height: 100%;}
/*.ferContr{ padding-bottom: 1.2rem;}*/
.bootOrdert{ width: 6.8rem; margin: 0.4rem auto; background: #4582b3; height: 0.9rem; border-radius: 0.45rem;}
.bootOrdert a{ float: left; width: 50%; height: 0.9rem;}
.bootOrdert a.delet{ display: flex; justify-content: center; align-items: center; font-size: 0.32rem; color: #FFF;}
.bootOrdert a.delet img{ width: 0.34rem; margin-right: 0.13rem;}
.bootOrdert a.more{ background: #52a3e8; text-align: center; font-size: 0.32rem; color: #fff; line-height: 0.9rem; border-radius: 0.45rem 0 0 0.45rem;}
.bootOrdert a.daochu1{ background:#e8ac52;display: flex; justify-content: center; align-items: center; font-size: 0.32rem; color: #FFF;border-radius: 0.45rem 0 0 0.45rem;}
.bootOrdert a.daochu2{ background: #F44336; text-align: center; font-size: 0.32rem; color: #fff; line-height: 0.9rem;border-radius:0 0.45rem   0.45rem 0;}

.bootOrdert a.daochu{ background:#F44336;display: flex; justify-content: center; align-items: center; font-size: 0.32rem; color: #FFF;border-radius: 0.45rem;}

/*  */
.moreDiv{ width: 7rem; margin: auto; padding: 0.4rem 0;}
.moreDiv h1{ font-size: 0.5rem; font-weight: bold; color: #383838; line-height: 0.6rem;}
.moreDiv .list{ margin-top: 0.3rem; padding: 0.15rem 0.25rem; background: #fff; border-radius: 0.05rem; font-size: 0.3rem; color: #898989; line-height: 0.44rem;}
.moreDiv .list .li{ padding: 0.25rem 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #D8D8D8; position: relative;}
.moreDiv .list .li:first-child{ border-top: none;}
.moreDiv .list .li .left{ font-weight: bold;}
.moreDiv .list .img{ width: 0.88rem; height: 0.88rem; overflow: hidden; border-radius: 100%;}
.moreDiv .list .img img{ width: 100%;}
.moreDiv .list a{ width: 0.13rem; height: 0.24rem; background: url(../images/icon13.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -0.12rem; right: 0.05rem;}
.threes{ display: flex; justify-content: space-between;}
.threes .min{ width: 2.15rem; height: 0.9rem; border-radius: 0.05rem; background: #EAEAEA; position: relative;}
.threes .min .de{ font-size: 0.32rem; line-height: 0.9rem; position: absolute; top: 0; right: 0.2rem;}
.threes .min input{ display: block; border: none; height: 0.9rem; font-size: 0.32rem; width: 1.1rem; padding-left: 0.15rem; background: hsla(0,0%,100%,0.00);text-align: center;}
.textarea{ padding: 0.15rem; background: #EAEAEA; border-radius: 0.05rem;}
.textarea textarea{ display: block; width: 100%; height: 1.2rem; border: none; background: hsla(0,0%,100%,0.00); outline: none; font-size: 0.32rem;}
.textarea textarea::placeholder{ color: #D8D8D8;}
.orderDiv2 .cont{ padding: 0.45rem 0;}
.ferContr2 .orderContr{ width: 6.8rem;}
.moreSub{ width: 6.8rem; height: 0.9rem; margin: 0.45rem auto 0.2rem auto;}
.moreSub button{ font-size: 0.32rem; text-align: center; color: #fff; line-height: 0.9rem; border: none;border-radius: 0.45rem; background: #0066E0; width: 100%;}
.subPoP{ display: none; width: 6rem; background: #fff; border-radius: 0.2rem; position: fixed; left: 50%; margin-left: -3rem; top: 0; z-index: 65;}
.subPoP h1{ font-size: 0.3rem; font-weight: bold; line-height: 0.4rem; padding: 0.25rem 0.2rem 0.15rem 0.2rem;}
.subPoP .cont{ border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 0.5rem 0;}
.subPoP .cont img{ width: 0.88rem; margin: auto;}
.subPoP .cont p{ font-size: 0.5rem; color: #6F6F6F; line-height: 0.5rem; text-align: center; margin-top: 0.2rem;}
.subPoP button{ display: block; width: 100%; height: 1.1rem; border: none; background: hsla(0,0%,100%,0.00); font-size: 0.4rem; color: #007AFF;}
/*  */
.passList{ width: 7rem; margin: auto; padding: 0.45rem 0;}
.passList h1{ font-size: 0.5rem; line-height: 0.6rem; font-weight: bold; color: #383838; margin-bottom: 0.4rem;}
.passList .cont{ background: #fff; border-radius: 0.05rem; padding: 0.5rem 0.25rem;}
.passList .li{ margin-bottom: 0.5rem; border-bottom: 1px solid #D8D8D8;}
.passList .li input{ display: block; width: 100%; height: 0.9rem; font-size: 0.32rem; border: none; background: hsla(0,0%,100%,0.00);}
.passList .li input::placeholder{ color: #E0E0E0;}
.passList .sub{ padding-top: 0.2rem;}
.passList .sub button{ display: block; width: 100%; height: 0.9rem; font-size: 0.32rem; color: #fff; border-radius: 0.45rem; border: none; background: #0066E0;}
.statistics{ background: #0066E0; padding: 0.45rem 0 0.4rem 0; width: 7rem; margin: 0 auto;}
.statistics .tit{ padding: 0 0.35rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.3rem;}
.statistics .tit h1{ font-size: 0.5rem; font-weight: bold; color: #fff; line-height: 0.6rem;}
.statistics .tit a{ font-size: 0.24rem; line-height: 0.36rem; color: #fff;}
.statistics .cont{ padding: 0 0.35rem;}
.statistics h2{ font-size: 0.24rem; color: #fff; line-height: 0.3rem; margin-bottom: 0.3rem;}
.statistics .mink{ width: 100%; height: 3.5rem; position: relative;}
#main{ width: 100%; height: 100%;}
.statisticsOne{ width: 7rem; margin: 0.25rem auto; background: #fff; border-radius: 0.1rem; padding: 0.3rem 0 0.45rem 0;}
.statisticsOne h1{ font-size: 0.3rem; line-height: 0.4rem; font-weight: bold; text-align: center; margin-bottom: 0.5rem;}
.statisticsOne .list{ display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0.25rem;}
.statisticsOne .list .li{ width: 50%; padding: 0.3rem 0; position: relative; border-top: 1px solid #D8D8D8;}
.statisticsOne .list .li:first-child, .statisticsOne .list .li:nth-child(2){ border-top: none;}
.statisticsOne .list .li .top{ display: flex; justify-content: center; align-items: flex-end; color: #FF7F00;}
.statisticsOne .list .li:nth-child(2) .top{ color: #FF439A;}
.statisticsOne .list .li:nth-child(3) .top{ color: #428fff;}
.statisticsOne .list .li:nth-child(4) .top{ color: #ff7e00;}
.statisticsOne .list .li .top em{ display: block; font-size: 0.4rem; font-weight: bold;}
.statisticsOne .list .li .top i{ display: block; font-size: 0.2rem; line-height: 0.4rem; margin-left: 0.02rem;}
.statisticsOne .list .li p{ font-size: 0.24rem; line-height: 0.3rem; color: #868686; text-align: center; margin-top: 0.05rem;}
.statisticsOne .list .li .em{ display: block; width: 1px; height: 100%; background: #D8D8D8; position: absolute; top: 0; right: 0;}
.statisticsOne .list .li:nth-child(2n) .em{ opacity: 0;}
.statisticsOne .mirt{ margin-bottom: 0.5rem; display: flex; justify-content: center;}
.statisticsOne .mirt div{ background: url(../images/icon14.png) no-repeat center right; background-size: 0.22rem auto; padding-right: 0.38rem; width: 3rem;}
.statisticsOne .mirt input{ display: block; width: 100%; font-size: 0.3rem; line-height: 0.4rem; border: none; font-weight: bold;}
.kong{ width: 1.78rem; margin: 2.5rem auto 0;}
.kong img{ width: 100%;}
.layui-layer-btn0{ display: block; font-size: 12px;}

/*截图上传页面*/
.clipbg{
    position: fixed;
    background: black;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    left: 0;
    font-size: 0.3rem;
}
.loading{
    position: absolute;
    top: 40%;
    width: 38%;
    left: 31%;
    height: 0.8rem;
    line-height: 0.8rem;
    z-index: 99999;
    text-align: center;
    color: #ffffff;
    border-radius:0.1rem ;
    background: #9f9f9f;
}
.clipbg #clipArea{
    width: 100%;
    height: 80%;
    margin: auto;

}
.clipbg .footer{
    width: 90%;
    position: fixed;
    left: 5%;
    bottom: 0px;
    text-align: center;
}
.clipbg dl{
    background: #ffffff;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-bottom: 0.3rem;
}
.clipbg dd{
    position: relative;
    height: 1rem;
    line-height: 1rem;
    border-bottom:1px solid #999999 ;
}
.clipbg .back{
    height: 1rem;
    line-height:1rem;
    border-radius: 0.2rem;
    margin-bottom: 0.2rem;
    background: #ffffff;
}
.clipbg dd input{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    filter:alpha(opacity=0);  
  -moz-opacity:0;  
  -khtml-opacity: 0;  
  opacity: 0; 
}
.displaynone{
    display: none;
}

#max_box{background:#fff; min-height:100%; height:auto; display:block;}
.li .give .text input{display: inline;border-radius: 0.05rem; background: #EAEAEA; border: none; height: 0.6rem; font-size: 0.32rem; width: 1.3rem; text-align: center;}


.radioBoxDmin input{ display: none;}
.radioBoxDmin label{ display: block; padding-left: 0.5rem; line-height: 0.4rem; font-size: 0.32rem; color: #333; background: url(../images/ww2.png) no-repeat left center; background-size: auto 0.36rem;}
.radioBoxDmin input:checked + label{ background: url(../images/ww1.png) no-repeat left center; background-size: auto 0.36rem;}
.mkFown{ display: none; margin-top: 0.25rem; background: #EAEAEA; position: relative; height: 0.86rem; border-radius: 0.05rem;}
.mkFown1{margin-top: 0.25rem; background: #EAEAEA; position: relative; height: 0.86rem; border-radius: 0.05rem;}
.mkFown .em,.mkFown1 .em{ font-size: 0.38rem; color: #333; line-height: 0.86rem; position: absolute; top: 0; left: 0.2rem;}
.mkFown .i,.mkFown1 .i{ font-size: 0.34rem; color: #333; line-height: 0.86rem; position: absolute; top: 0; right: 0.25rem;}
.mkFown input,.mkFown1 input{ display: block; width: 100%; background: hsla(0,0%,100%,0.00); border-radius: 0; border: none; font-size: 0.32rem; height: 0.86rem;}
.mkFown .input,.mkFown1 .input{ padding: 0 0.7rem;}

#infscr-loading {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    display: flex; justify-content: center; align-items: center;
}

#infscr-loading img {
    width: 25px;
    margin: 0 0.1rem 0.1rem 0;
}

.radioBoxDmin{ display: flex; justify-content: flex-start;}
.radioBoxDmin .ks{ margin-right: 0.5rem; max-width: 45%;}
/*.radioBoxDmin input{ display: none;}*/
.radioBoxDmin label{ display: block; padding-left: 0.5rem; line-height: 0.4rem; font-size: 0.32rem; color: #333; background: url(../images/ww2.png) no-repeat left center; background-size: auto 0.36rem;}
.radioBoxDmin input:checked + label{ background: url(../images/ww1.png) no-repeat left center; background-size: auto 0.36rem;}

/* 7.14 */
.toptilej{ background: #DEEDFF; border-left: 3px solid #0066E0; padding: 0.24rem 0.15rem; font-size: 0.24rem; line-height: 0.34rem; color: #0066E0;}
.formboxj{ width: 6.8rem; margin: auto; padding: 0.4rem 0;}
.orderDiv .h1{ font-size: 0.5rem; font-weight: bold; line-height: 0.7rem; color: #383838;}
.orderDiv .li{ margin-bottom: 0.45rem;}
.orderDiv .li .h2{ display: flex; font-size: 0.26rem; line-height: 0.36rem; color: #9C9C9C; margin-bottom: 0.1rem;}
.orderDiv .li .h2 i{ color: #FF2B2B; margin-right: 0.1rem;}
.orderDiv .list{ margin-top: 0.25rem;}
.orderDiv .list .add{ margin-top: 0.15rem; margin-bottom: 0.2rem;  border: 1px dotted #C6C6C6; border-radius: 0.05rem; background: #F2F2F2; width: 100%; height: 0.9rem; line-height: 0.9rem; display: flex; justify-content: center; align-items: center; position: relative;}
.orderDiv .list .add i{ font-size: 0.28rem; color: #414141; font-weight: bold; padding-left: 0.37rem; background: url(../images/add1.png) no-repeat left center; background-size: 0.3rem auto;}
.orderDiv .list .add button{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;}
.orderDiv .inputse{ display: flex; justify-content: flex-start;}
.orderDiv .inputse .f input{ display: none;}
.orderDiv .inputse .f label{ display: block; width: 1.5rem; height: 0.9rem; font-size: 0.32rem; color: #696969; text-align: center; line-height: 0.9rem; background: #EAEAEA; border-radius: 0.05rem; transition: all 0.5s;}
.orderDiv .inputse .f{ margin-right: 0.22rem;}
.orderDiv .inputse .f:nth-child(4n){ margin-right: 0;}
.orderDiv .inputse .f input:checked + label{ background: #0066E0; color: #fff;}
.orderDiv .input{ position: relative;}
.orderDiv .input .m{ display: flex; box-sizing: border-box;}
.orderDiv .input .m input{ width: 100%; height: 0.9rem; border-radius: 0.05rem; border: none; background: #EAEAEA; padding: 0 0.2rem; font-size: 0.32rem; color: #383838; font-weight: bold;}
.orderDiv .input .k{ width: 0.22rem; height: 100%; position: absolute; top: 0; right: 0.25rem; background: url(../images/w.png) no-repeat center; background-size: 100% auto;}
.orderDiv .bottos{ width: 100%; position: fixed; left: 0; bottom: 0; z-index: 20; background: #F7F7F7; padding: 0.27rem 0;}
.orderDiv .bottos .nks{ width: 6.8rem; margin: auto;}
.orderDiv .bottos .nks .bot{ width: 100%; height: 0.9rem; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 0.45rem;}
.orderDiv .bottos .nks .bot a{ width: 2rem; height: 0.9rem; line-height: 0.9rem; font-size: 0.32rem; background: #0066E0; color: #fff; text-align: center; border-radius: 0 0.45rem 0.45rem 0;}
.orderDiv .bottos .nks .bot .left{ display: flex; justify-content: flex-start; align-items: flex-end; padding-left: 0.4rem;}
.orderDiv .bottos .nks .bot .left .c{ font-size: 0.24rem; color: #AEAEAE; line-height: 0.3rem;}
.orderDiv .bottos .nks .bot .left .v{ font-size: 0.24rem; line-height: 0.26rem; font-weight: bold; color: #FF0000; margin: 0 0.05rem 0 0.12rem;}
.orderDiv .bottos .nks .bot .left .t{ font-size: 0.34rem; color: #FF0000; line-height: 0.28rem; font-weight: bold;}
.orderDiv .bottos .nks .top{ margin-bottom: 0.35rem; display: flex;}
.orderDiv .bottos .nks .top .k{ margin-right: 0.7rem;}
.orderDiv .bottos .nks .top .k input{ display: none;}
.orderDiv .bottos .nks .top .k label{ display: block; font-size: 0.28rem; font-weight: bold; color: #414141; line-height: 0.4rem; background: url(../images/ww2.png) no-repeat left center; background-size: 0.34rem auto; padding-left: 0.44rem;}
.bogyj{ background: #F7F7F7; transition: all 0.5s;}
.orderDiv .bottos .nks .top .k input:checked + label{ background: url(../images/ww1.png) no-repeat left center; background-size: 0.34rem auto;}
.addlist .cer{ height: 1rem; margin-top: 0.15rem; display: flex; justify-content: space-between; align-items: center; padding: 0 0.1rem 0 0.25rem; background: #F2F8FF; border-radius: 0.05rem; border: 1px solid #A7CFFF;}
.addlist .cer .l{}
.addlist .cer .l .hs{ font-size: 0.3rem; line-height: 0.45rem; font-weight: bold; color: #0066E0; margin-right: 0.15rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; max-width: 4.2rem;}
.addlist .cer .l .x{ font-size: 0.26rem; color: #5F5F5F; line-height: 0.46rem;}
.addlist .cer .tot{ display: flex; align-items: center;}
.addlist .cer .tot .r{ font-size: 0.3rem; line-height: 0.3rem; color: #FC9E00; display: flex; align-items: flex-end;}
.addlist .cer .tot .r i{ font-size: 0.24rem; line-height: 0.3rem;}
.addlist .cer .tot button{ display: block; width: 0.52rem; height: 0.52rem; background: #E8F2FF url(../images/s.png) no-repeat center; background-size: 0.22rem auto; border-radius: 0.03rem; border: 1px solid #C7E0FF; margin-left: 0.22rem;}
.formboxjup{ position: fixed; top: 0; left: 0; z-index: 30; background: hsla(0,0%,0%,0.60); width: 100%; height: 100%; display: none; justify-content: center; align-items: center;}
.formboxjup2{ display: flex;}
.formboxjup .cont1{ width: 6.9rem; border-radius: 0.1rem; background: #fff; max-height: 96%; overflow-x: auto;}
.formboxjup .cont1 .mk{ padding: 0.3rem 0.25rem 0.35rem 0.25rem;}
.formboxjup .top{ display: flex; justify-content: space-between;}
.formboxjup .top .h2{ font-size: 0.4rem; line-height: 0.56rem; font-weight: bold;}
.formboxjup .top .sole{ width: 0.5rem; height: 0.5rem; background: url(../images/icon19.png) no-repeat center; background-size: 100% auto;}
.formboxjup .list .li .h2{ display: flex; font-size: 0.26rem; line-height: 0.36rem; color: #9C9C9C; margin-bottom: 0.1rem;}
.formboxjup .list .li .h2 i{ color: #FF2B2B; margin-right: 0.1rem;}
.formboxjup .list .li .ky{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.formboxjup .list .li .ky .m{ margin: 0 0.14rem 0.2rem 0;}
.formboxjup .list .li .ky .m input{ display: none;}
.formboxjup .list .li .ky .m .title{ transition: all 0.5s; display: block; padding: 0.16rem 0.3rem; line-height: 0.4rem; background: #EAEAEA; border-radius: 0.05rem; font-size: 0.3rem; color: #696969;}
.formboxjup .list .li .ky .m .on{ color: #fff; background: #0066E0;}
.formboxjup .list .li{ padding: 0.02rem 0; margin-top: inherit; margin-bottom: inherit;}
.formboxjup .list{ padding: 0.1rem 0; border-bottom: 1px solid hsla(0,0%,0%,0.05);}
.formboxjup .bot button{ width: 3.6rem; height: 0.9rem; border-radius: 0.45rem; border: none; font-size: 0.32rem; background: #0066E0; color: #fff; display: block; margin: auto;}
.formboxjup .bot{ padding-top: 0.48rem; border-top: 1px solid hsla(0,0%,0%,0.05);}
.formboxjup .tot{ display: flex; justify-content: flex-start; align-items: flex-end; padding: 0.3rem 0;}
.formboxjup .tot .j{ font-size: 0.26rem; color: #9C9C9C; margin-right: 0.15rem;}
.formboxjup .tot .t{ font-size: 0.3rem; color: #FC9E00; line-height: 0.3rem; display: flex; align-items: flex-end;}
.formboxjup .tot .t i{ font-size: 0.24rem;}
.orderDiv .cont .li .huxing{ font-size: 0.32rem; line-height: 0.3rem; color: #414141; margin-bottom: 0.15rem;margin-left: 0.18rem;}

.orderDiv .cont .li h2 span{ color: #FF0000; font-weight:bold;}

.formboxjup .list .li .ky .m .disable{border-color: #A9A9A9; background: #EAEAEA; color: #A9A9A9; opacity: 0.6;}


/*滚动条样式*/
.formboxjup .cont1::-webkit-scrollbar {
	width: 4px;    
}
.formboxjup .cont1::-webkit-scrollbar-thumb {
	border-radius: 13px;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
}
.formboxjup .cont1::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);

}