@charset "utf-8";
/*公共页面css*/
* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-family: '微软雅黑';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    font-size: 14px;
    color: #191919;
    background-color: #fff;
    height: 100%;
}
img {
    display:block;
    border: 0;
}
input,select {
    background-color: #fff;
    padding: 0;
    font-family: "微软雅黑";
}
textarea {
    background-color: #fff;
    padding: 5px;
    font-family: "微软雅黑";
}
input,button {border: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
a {text-decoration: none;color:#333;}
input,button {border: 0;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select option {width: 100%;}
ul li,dl li,ol li,li {list-style-type: none;}
a:hover {text-decoration: none;}
/*浮动布局*/
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clearfix {zoom: 1;}
.clearfix::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*flex布局*/
.flex{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.justify-C-C{
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-C-FS{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.justify-C-FE{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.justify-C-SA{
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.justify-C-SB{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.align-I-C{
    -webkit-align-items: center;
    align-items: center;
}
.align-I-FE{
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-C-C{
    -webkit-align-content: center;
    align-content: center;
}
.flex-D-C{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-W-W{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-D-R-R{
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.dis-b {display: block;}
.dis-i {display: inline;}
.dis-ib {display: inline-block;}
.dis-n {display: none}
.po-rela {position: relative;}
.po-abso {position: absolute;}
/*宽度样式*/
/*背景色*/
.bac-fff {background-color: #ffffff;}
/*字体样式*/
.over-h {
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.over-h2{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -moz-box-orient: vertical;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
}
.text-c {text-align: center;}
.text-l {text-align: left;}
.text-r {text-align: right;}
.text-j {
    text-align: justify;
    text-align-last: justify;
}
.text-d{text-decoration: line-through;}
.text-in{text-indent: 2em;}
.fontw {font-weight: bold;}
.cur-po{cursor: pointer;}
/*字体大小*/
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font25 {font-size: 25px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}
.font32 {font-size: 32px;}
/*字体颜色样式*/
.c00{color: #000;}
.c33{color: #333;}
.c66{color: #666;}
.c99{color: #999;}
.ccc{color: #ccc;}
.cff{color: #fff;}

.c-money{color: #D16D6D;}
/*内边距样式*/
.p-10 {padding: 10px;}
.p-20 {padding: 20px;}
.p-10-0 {padding: 10px 0;}
.p-15 {padding: 15px;}
/*外边距样式*/
.m-10{margin: 10px;}
.m-0-a{margin: 0 auto;}
/*外上边距样式*/
.mt-0 {margin-top: 0;}
.mt-2 {margin-top: 2px;}
.mt-3 {margin-top: 3px;}
.mt-4 {margin-top: 4px;}
.mt-5 {margin-top: 5px;}
.mt-6 {margin-top: 6px;}
.mt-7 {margin-top: 7px;}
.mt-8 {margin-top: 8px;}
.mt-10 {margin-top: 10px;}
.mt-12 {margin-top: 12px;}
.mt-13 {margin-top: 13px;}
.mt-15{margin-top:15px;}
.mt-16{margin-top:16px;}
.mt-20{margin-top:20px;}
.mt-23{margin-top: 23px;}
.mt-25{margin-top:25px;}
.mt-28{margin-top:28px;}
.mt-30{margin-top:30px;}
.mt-32{margin-top:32px;}
.mt-33{margin-top:33px;}
.mt-35{margin-top:35px;}
.mt-40{margin-top:40px;}
.mt-45{margin-top:45px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top: 80px;}
.mt-100{margin-top: 100px;}
/*下边距样式*/
.mb-0 {margin-bottom: 0;}
.mb-1 {margin-bottom: 1px;}
.mb-5 {margin-bottom: 5px;}
.mb-8 {margin-bottom: 8px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-18 {margin-bottom: 18px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
/*左边距样式*/
.ml-0 {margin-left: 0;}
.ml-5 {margin-left: 5px;}
.ml-8 {margin-left: 8px;}
.ml-10 {margin-left: 10px;}
.ml-12 {margin-left: 12px;}
.ml-14 {margin-left: 14px;}
.ml-15 {margin-left: 15px;}
.ml-18 {margin-left: 18px;}
.ml-20 {margin-left: 20px;}
.ml-23 {margin-left: 23px;}
.ml-25 {margin-left: 25px;}
.ml-28 {margin-left: 28px;}
.ml-30 {margin-left: 30px;}
.ml-32 {margin-left: 32px;}
.ml-33 {margin-left: 33px;}
.ml-34 {margin-left: 34px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-82 {margin-left: 82px;}
/*右边距样式*/
.mr-0 {margin-right: 0;}
.mr-5 {margin-right: 5px;}
.mr-8 {margin-right: 8px;}
.mr-10 {margin-right: 10px;}
.mr-13 {margin-right: 13px;}
.mr-14 {margin-right: 14px;}
.mr-15 {margin-right: 15px;}
.mr-18 {margin-right: 18px;}
.mr-20 {margin-right: 20px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-50 {margin-right: 50px;}
.mr-60 {margin-right: 60px;}
.mr-80 {margin-right: 80px;}
/*内边距的值*/
.p-5{padding: 5px;}
/*上内边距*/
.pt-5 {padding-top: 5px;}
.pt-12 {padding-top: 12px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40{padding-top:40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
/*右内边距*/
.pr-5 {padding-right: 5px;}
.pr-7 {padding-right: 7px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
.pr-60 {padding-right: 60px;}
.pr-80 {padding-right: 80px;}
/*下内边距*/
.pb-5 {padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-40{padding-bottom: 40px;}
.pb-60{padding-bottom: 60px;}
/*左内边距*/
.pl-5{padding-left: 5px;}
.pl-7{padding-left: 7px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-23{padding-left: 23px;}
.pl-30{padding-left: 30px;}
.pl-35 {padding-left: 35px;}
.pl-40 {padding-left: 40px;}
.pl-50 {padding-left: 50px;}
.pl-60 {padding-left: 60px;}
.pl-80 {padding-left: 80px;}
/*边框线样式*/
.bor-0 {border: 0 ;}
.bor-b-0 {border-bottom: 0;}
.bor-t-fa {border-top: 1px solid #fafafa;}
.bor-t-e5{border-top: 1px solid #e5e5e5;}
.bor-b-e5{border-bottom: 1px solid #e5e5e5;}
.bor-b-f7{border-bottom: 1px solid #f7f7f7;}
.bor-t-f7{border-top: 1px solid #f7f7f7;}
.bor-b-zhu{border-bottom: 1px solid #6BB3A7;}
.bor-e4{border: solid 1px #e4e4e4}
/*主题色*/
.c-zhu1{color: #ffcb01;}
.c-zhu2{color: #838383;}
.c-2f{color: #2f2f2f;}
.bac-zhu {background: #ffcb01;}
.bac-zhu1{background: #f7f7f7}
.bac-zhu2{background: #fffaeb}
.bac-f5{background-color: #f5f5f5}
.gray::-moz-placeholder {color: #CCCCCC;}
.gray::-webkit-input-placeholder {color: #CCCCCC;}
.gray::-ms-input-placeholder {color: #CCCCCC;}

/*底部*/
.footer{
    width: 100%;
    border-top:solid 1px #ececec;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 10;
    background: #fff;
    font-size: 12px;
}
.footerIcon{
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-bottom: -5px;
}
.simpleList{
    width: 30px;
}
.simpleList>div{
    padding-left: 1px;
}
a:focus {
    outline-style: none !important;
    -moz-outline-style: none !important;
}
a{cursor: pointer !important;}

