* {
    box-sizing: border-box;
    /* 在X5新内核Blink中，在排版页面的时候，会主动对字体进行放大，会检测页面中的主字体，当某一块字体在我们的判定规则中，认为字号较小，并且是页面中的主要字体，就会采取主动放大的操作。然而这不是我们想要的，可以采取给最大高度解决 */
    max-height: 100000px;
}

*:before,
*:after {
    box-sizing: border-box;
    max-height: 100000px;
}

*,
*:before,
*:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);.box .header_top .headett
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
textarea,
td {
    border: 0 none;
    font-size: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

em,
strong {
    font-style: normal;
}

ul,
ol,
li {
    list-style: none;
}

body {
    font-family: "PingFang-SC-Medium", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    font-size: 0.24rem;
}

body.box {
    width: 100%;
    background-color: #fff;
    background-position: 0 -20px;
}


.layui-m-layerchild {
    position: relative;
    display: inline-block;
    text-align: left;
    background-color: #fff;
    font-size: .28rem;
    border-radius: .1rem;
    box-shadow: 0 0 .16rem rgba(0, 0, 0, .1);
}
.layui-m-layer0 .layui-m-layerchild {
    width: 90%;
    max-width: none;
    /* max-width: 640px; */
}
.layui-m-layercont {
    padding: 1rem .6rem;
    line-height: .44rem;
    text-align: center;
}
.layui-m-layerbtn {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: 0;
    border-top: 1px solid #D0D0D0;
    background-color: #F2F2F2;

}
.layui-m-layerbtn span {
    position: relative;
    text-align: center;
    border-radius: 0 0 .1rem .1rem;

}
.layui-m-layerbtn span {
    font-size: .28rem;
}
a {
    text-decoration: none;
}
.box .navRoot {
    position: fixed;
    z-index: 50;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0.01rem solid #ccc;
    background: white;
}
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.touming {
    background: rgba(0, 0, 0, 0) !important;
}
.box .navRoot .navLink {
    font-size: 0.22rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    color: #666;
}

.box .navRoot .navLink .icon {
    height: .46rem;
    display: block;
    margin-bottom: 0.11rem;
}

.box .navRoot .navLink .navLinkText {
    display: block;
    line-height: 1;
}

.box .navRoot .active {
    color: #FF8746;
}

.box .floatkf {
    position: fixed;
    bottom: 1.5rem;
    right: .35rem;
    width: 1rem;
    height: 1rem;
    background-color: #F39800;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
}

.box .floatkf .icon {
    width: .52rem;
    height: auto;
}

.box .floatkf .text {
    font-size: .18rem;
    color: white;
}
input[type="radio"] {
    width: .35rem;
    height: .35rem;
    opacity: 0;
}

label {
    position: absolute;

    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    right: 0;
    border: 1px solid #999;
    cursor: pointer;
}

/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
input:checked+label {
    background-color: #FF8746;
    border: 1px solid #FF8746;
}
/*添加的加号与label进行拼接(一个矩形边框去掉上和左的边框),再旋转45度*/
input:checked+label::after {
    position: absolute;
    content: "";
    width: .15rem;
    height: .30rem;

    border: .04rem solid #fff;
    left: .1rem;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
.flexcell {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    font-size: .28rem;
    height: 1rem;
    line-height: 1rem;
    margin: 0 .25rem;
    border-bottom: 1px dotted #eee;
    
}
/*.othersetting .flexcell{
    border-top: 1px solid #eee;
}*/

.flexcell .icon {
    width: .2rem;
    height: .2rem;
    margin-right: .3rem;
}
.flexcell .righttext {
    font-size: .32rem;
    position: absolute;
    right: 0;
}
.flexcell .rightinput {
    font-size: .32rem;
    position: absolute;
    right: 0;
    width:70%;
}
.flexcell .rightinput input{
    line-height: .6rem;
    border: none;
}
.flexcell:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .01rem;
    border-bottom: .01rem solid #dddddd;
    color: #dddddd;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.arrow {
    width: .2rem;
    height: .3rem;
    position: absolute;
    right: 0;
    top: .33rem;
}
.box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: white;
}

.box .header_top {
    width: 100%;
    height: .88rem;
    font-size: .34rem;
    color: #fff;
    border-bottom: 1px solid #ccc;
}
.box .header_bottom:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .01rem;
    border-bottom: .01rem solid #dddddd;
    color: #dddddd;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.box .header_top .go_back {
    padding: .25rem;
    cursor: pointer;
    max-height: 100%;
    float: left;
}
.box .header_top .leftback {
    position: absolute;
    top: .25rem;
    left: .43rem;
    width: .33rem;
    height: .33rem;
    content: "";
    display: inline-block;
    border-width: 0 0 .05rem .05rem;
    border-color: #333333;
    border-style: solid;
    transform: matrix(0.51, 0.51, -0.51, 0.51, 0, 0);
    -webkit-transform: matrix(0.51, 0.51, -0.51, 0.51, 0, 0);
}

.box .header_top .headett {
    background: #b80027;
    line-height: .88rem;
    letter-spacing: .1rem;
}
.box .header_top .imgback {
    width: 2.65rem;
}
.box .header_top .rightspan {
    position: absolute;
    top: 0;
    right: .23rem;
    line-height: .24rem;
    font-size: .24rem;
    border: 1px solid #ddd;
    margin-top: .2rem;
    padding: .1rem .2rem;
    border-radius: .5rem;
}
.box .lastcon {
  margin-bottom: 1.1rem !important;
}
.mask {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5999;
}

.box .dialog {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 6000;
    width: 85%;
    height: 2.4rem;
    background-color: white;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.box .dialog .alert {
    height: 100%;
    padding: .3rem .34rem;
    padding-top: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box .dialog .alert .title {
    color: #26BE5C;
    font-size: .36rem;
}

.box .dialog .alert .okbtn {
    width: 100%;
    border-radius: .1rem;
    background-color: #FB7306;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    color: white;
    font-size: .3rem;
}

.box .dialog .confirm {
    height: 100%;
    padding: .3rem .34rem;
    padding-top: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box .dialog .confirm .title {
    color: #EE3B17;
    font-size: .36rem;
}

.box .dialog .confirm .btns {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.box .dialog .confirm .btns .cancle {
    width: 42%;
    border-radius: .1rem;
    background-color: #FFEEE1;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    color: #FB7306;
    font-size: .3rem;
}

.box .dialog .confirm .btns .ok {
    width: 42%;
    border-radius: .1rem;
    background-color: #FB7306;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    color: white;
    font-size: .3rem;
}
.box .user_info {
    position: relative;
    border-top: .1px solid #ccc;
    text-align: center;
    color: #fff;
}

.box .user_info .icon {
    margin-left: .33rem;
    margin-top: .33rem;
    margin-right: .2rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #fff;
}

.box .user_info .content {
    margin-top: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box .user_info .content .top {
    line-height: .4rem;
    font-size: .32rem;
}

.box .user_info .content .bot {
    line-height: .6rem;
    font-size: .26rem;
    color: blueviolet;
}

.box .syxmcon .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .2rem;
    height: .42rem;
    line-height: .42rem;
    width: 90%;
    margin-left: 5%;
    margin-top: .5rem;
}

.box .syxmcon .title .icon {
    width: .06rem;
    height: auto;
    margin-right: .15rem;
}

.box .syxmcon .title .label {
    color: #333333;
    font-size: .34rem;
}

.box .syxmcon .title .rightdiv {
    color: #999999;
    font-size: .22rem;
}