@charset "utf-8";
/* ================================ */

/* 格式化样式标签、基础类型样式		*/

/* ================================ */

* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none; //去掉浏览器默认样式
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}
html{
    height: 100%;
    font-size: calc(100vw / 750 * 100);
    /*width: calc(100% - (10px + 5px) * 2);*/
}
html,
body {
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    -webkit-user-select: none;
    font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei","宋体","微软雅黑";
    background-color: #fff;
    /*font-size: 62.5%;!*10 ÷ 16 × 100% = 62.5%*!*/

}

body {
    -webkit-text-size-adjust: 100%; //关闭自动调整字体
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-touch-action: none;
    font-size: 1.4rem;/*1.4 × 10px = 14px */
}


input { font-family: Arial, "Microsoft YaHei", sans-serif; border: none}

a { text-decoration: none;  -webkit-touch-callout: none;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0 }

table { border-collapse: collapse; border-spacing: 0 }

fieldset, img, iframe { border: 0 }

:focus { outline: 0 }

i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }

ol, ul { list-style: none }

li { list-style: none }

caption, th { text-align: left }

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

blockquote:before, blockquote:after, q:before, q:after { content: '' }

abbr, acronym { border: 0; font-variant: normal }

img { vertical-align: top; border: none; width: 100%;height: auto;}

input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }

input:focus, select:focus, textarea:focus, button:focus { outline: none; }

input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border:none; border-radius: 0; }

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance:none;
}
em, i { font-style: normal; }

li { list-style: none; }

input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }

input[type="checkbox"]:checked { border-color: #ED5564; background-color: #ED5564; }

input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

input::-webkit-input-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder,input::placeholder{color:palevioletred;}

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

/*clear float*/
.clearfix { zoom: 1 }
.clearfix:after { display: block; clear: both; content: '\20' }

.img-responsive {
     display: block;
     height: auto;
     max-width: 100%;
 }
.w100{
    width: 100% !important;
}
.w92{
    width: 92%  !important;
    margin: auto;
}
.w88{
    width: 88%  !important;
    margin: auto;
}
.w80{
    max-width: 73%  !important;
}
.w70{
    width: 70%  !important;
    margin: auto;
}
.w95{
    width: 95%  !important;
    margin: auto;
}
.w30{
    width: 30%  !important;
}
.w25{
    width: 25%  !important;
}
.w36{
    width: 36%  !important;
}
.w81{
    width: 81%  !important;
}
/*flex*/
.disflexnn{
    display: flex;
}
.disflex{
    display: flex;
    align-items: center;
}

.disflexnoc{
    display: flex;
    justify-content:space-between;
}
.disflexbetro{
    display: flex;
    justify-content:space-around;
    align-items: center;
}
.disflexbet{
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.disflexbetend{
    display: flex;
    justify-content:space-between;
    align-items: flex-end;
}
.disflexend{
    display: flex;
    justify-content:flex-end;
    align-items: center;
}
.disflexzhong{
    display: flex;
    justify-content:center;
    align-items: center;
}
.disflexzh{
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    justify-content:space-between;
}
.disflexpx{
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}
.disflexnopx{
    display: flex;
    flex-wrap:wrap;
}
.disflexstart{
     display: flex;
     align-items: flex-start;
 }

/*.disflexend{*/
    /*display: flex;*/
    /*align-items: flex-end;*/
/*}*/


/*省略*/
.noh{
    word-break: break-all;
    white-space: normal;
}
.slvhy{
    word-break: break-all;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 80%;
    white-space: normal;
    height: 26px;
    padding-bottom: 2px;
    font-size: 11px !important;
}

.slv {
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 85% !important;
    white-space: normal;
}
.slvays{
    word-break:break-all;
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:inherit;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:1;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
    height:25px !important;
    white-space: normal;
}

.slvin{
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;
}

.slvy{
    word-break:break-all;
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:1;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
    /*height:25px !important;*/
    white-space: normal;
}
.slvys{
    word-break:break-all;
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:1;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
    height:.2rem !important;
    line-height: .2rem !important;
    white-space: normal;
}
.slve{
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 45px !important;
    line-height: 23px !important;
    white-space: normal;
}
.slvs{
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 83px !important;
    line-height: 27px !important;
    white-space: normal;
}

/*遮罩弹框*/
#overlay{
    position:fixed;
    top:0;
    /*background:rgba(0, 0, 0, 0.4);*/
    background:#000000;
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
    display:none;
    z-Index:199;
}
.ovfHiden{
    overflow: hidden !important;
    height: 100%;
}
.over-con{
    z-index: 9999;
    position: fixed;
    bottom:0;
    left: 0;
    width: 100%;
}
#overlays{
    position:fixed;
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    z-Index:999;
    bottom: 10000px;
    /*display:none;*/
}
.sel-cove{
    /*display: none;*/
    z-index: 9999;
    background-color: #ffffff;
    position: absolute;
    bottom: 10000px;
    /*bottom:0;*/
    /*border-top-right-radius: .1rem;*/
    /*border-top-left-radius: .1rem;*/
    border-radius: .2rem;
    left: 2.5%;
}
.sel-cove-ul{
    margin-bottom: 25px;
    max-height: 6rem;
    overflow: scroll;
}
.sel-cove p{
    text-align: center;
    color: #333333;
    font-size: .32rem;
    padding-top: 0.2rem;
}
.sel-bt{
    width: 90%;
    margin: 0.3rem auto 0;
    border-radius: 1rem;
    text-align: center;
}

.acta{
    color: #333333 !important;  
    font-size: .30rem !important;  
}
.actb{
    color: #888888 !important;  
    font-size: .26rem !important;  
}

/*显示影藏*/
.hide { display: none !important;}

.show { display: block !important;}

.vhide{
    visibility: hidden !important;
}
.vshow{
    visibility:visible !important;
}
.marunst{
    margin: unset !important;
}
.marleft{
    margin-left:20px;
}
.martop{
    margin-top:.2rem;
}
.marleft10{
    margin-left:10px;
}
.cur{
    cursor: pointer !important;
}

.color1{
    color: #ffffff;
}
.color1-bj{
    background-color: #ffffff;
}
.color2{
    color: #3f5695;
}
.color2-bj{
    background-color: #3f5695;
}
.color3{
    color: #165290;
}
.color3-bj{
    background-color: #165290;
}
.color4{
    color: #333333;
}
.color4-bj{
    background-color: #333333;
}

.color5{
    color: #636363;
}
.color5-bj{
    background-color: #636363;
}
.color6{
    color: #f6f7fb;
}
.color6-bj{
    background-color: #f6f7fb;
}
.color7{
    color: #666666;
}
.color7-bj{
    background-color: #666666;
}
.color8{
    color: #000000;
}
.color8-bj{
    background-color: #000000;
}
.color9{
    color: #5b5b5b;
}
.color9-bj{
    background-color: #5b5b5b;
}
.color10{
    color: #f76823;
}
.color10-bj{
    background-color: #f76823;
}
.color11{
    color: #2e58ff;
}
.color11-bj{
    background-color: #2e58ff;
}
.color12{
    color: #57d488;
}
.color13{
    color: #999999;
}
.color14-bj{
    background-color: #f4f6ff;
}
.color15-bj{
    background-color: #f9f9f9;
}
.color16-bj{
    background-color: #f5f5f5;
}
.color17{
    color: #9c9c9c;
}
.color18{
    color: #407be8;
}
.color19{
    color: #555555;
}
.color20{
    color: #989898;
}
.color21{
    color: #165290;
}
.color21-bj{
    background-color: #165290;
}
.color22-bj{
    background-color: #f7f7f7;
}
.color23{
    color: #888888 !important;
}



.padtop{
    padding-top: .25rem;
}
.padbot{
    padding-bottom: .25rem;
}
.padding15{
    padding: 15px;
}
.padding1510{
    padding: 15px 10px;
}
.padding7{
    padding: 7px;
}
.padding1{
    padding: 1px;
}
.padding3{
    padding:3px;
}
.padding12{
    padding: 12px;
}
.fsize24{
    font-size: .24rem;
}
.fsize14{
    font-size: .14rem;
}
.fsize18{
    font-size: .18rem;
}
.fsize38{
    font-size: .38rem;
}
.fsize26{
     font-size: .26rem !important;
 }
.fsize28{
    font-size: .28rem;
}
.fsize30{
    font-size: .30rem;
}
.fsize32{
    font-size: .32rem;
}
.sbox{
    box-shadow: 2px 2px 10px #e7e6e6;
    border-radius: 10px;
}


/*头部返回导航*/
.head_tou{
    width: 100%;
    margin:auto;
    line-height: 1rem;
    font-size: .34rem;
    /*padding: .3rem 0;*/
}
.head_body{
    width: 92%;
    margin: auto;
}
.head_con{
    display: flex;
    align-items: center;
    width: 100%;
    /*border-bottom: 1px solid #;*/
}
.head_yi{
    width: 8%;
    margin-top: 7px;
}
.head_yi i{
    font-size: .5rem;
    color: #fff;
}
.head_er{
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: .36rem;
    letter-spacing: 2px;
}
.head_san{
    width: 15%;
    text-align: end;
}
.head_san img{
    width: .38rem;
    height: .38rem;
}
.head_si{
    color: #111111;
    font-weight: bold;
    font-size: .36rem;
    letter-spacing: 2px;
    margin-left: 5px;
}

.foot{
    text-align: center;
    margin: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    width: 100%;
}
.foot img{
    width: 51%;
}
.foot-c{
    height: 1rem;
}
.foot p{
    margin-bottom:10px;
}
.foot-z img{
    width: 70%;
}
.foot-z{
    width: 30%;
}
.foot-x{
    width: 35%;
}
.wk{
    color: #ffffff;
    text-align: center;
    margin: auto 10px;
}


/*
    background: url(../img/yhindex10.png) no-repeat center 0px;
    background-size: cover;

  input{
    font-size: .3rem;
    border: none;
    background-color: unset;
}
  input::-webkit-input-placeholder {
    font-size: .3rem;
    color: #c1c1c1
}

*/