/***************公共样式*****************/

* {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    /*禁用系统默认菜单*/
    -webkit-overflow-scrolling: touch;
    /*属性控制元素在移动设备上是否使用滚动回弹效果：
    auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。
    touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文*/
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    /*这个属性只用于iOS (iPhone和iPad)。*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
    /*font-weight: 200;*/
    /*文本粗细*/
    list-style: none;
    user-select: none;
    -webkit-user-select: none;
    /*-webkit-user-select: none;——谷歌浏览器或谷歌移动平台上访问网页不能复制*/
    box-sizing: border-box;
    /*指定计算方式 (width=border+padding)*/
}

input {
    -webkit-user-select: text;
    /*-webkit-user-select: text;——谷歌浏览器或谷歌移动平台上访问网页可以选中并可以复制*/
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei';
}


/* .bg,
.content {
    /* width: 750px;
    height: 1285px;
    position: absolute;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%; */


/*如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
} */


/* a {
    text-decoration: none;
} */

.w_100 {
    width: 100%;
}

.h_100 {
    height: 100%;
}

.img100B {
    width: 100%;
    display: block;
}

.h-center {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.v-center {
    top: 0;
    bottom: 0;
    margin: auto;
}

.hide {
    display: none;
}

.hidi {
    display: block;
}

.abs {
    position: absolute;
}

.abr {
    position: relative;
}

.abf {
    position: fixed;
}

.fx {
    display: flex;
    align-items: center;
}


/*************************公共样式完****************************/


/*****************************index主页*****************************/

.IndexContent {
    padding: 3%;
}

.Hear {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.Hear_Z {
    width: 60%;
    height: 2rem;
    /* border: 1px solid red; */
    font-size: 1.1rem;
    margin-top: 0.6rem;
    text-align: center;
    font-weight: 600;
}

.Hear_R,
.Hear_L {
    width: 15%;
    border-radius: 50%;
}

.IndexBody {
    width: 100%;
    height: 5rem;
    margin: 5% auto;
}

.IndexInput {
    width: 100%;
    justify-content: center;
    margin-top: 20px;
}

.IndexInput input {
    width: 59%;
    height: 35px;
    line-height: 35px;
    margin: 2% 10px 2% 0;
    padding: 4px;
    font: 400 1rem 'Microsoft YaHei';
    outline: none;
    background: none;
    border: 1px solid #385bac;
    border-radius: 15px;
}

.IndexInput_text {
    color: #333333;
    font: 400 1rem 'Microsoft YaHei';
    line-height: 35px;
    padding: 2px 8px;
    text-align: center;
    border-radius: 15px;
    background-color: #72a7f1;
    margin-left: 20px;
    color: #fff;
}