@charset "utf-8";

/* CSS Document */
/*公共样式与首页样式*/
A {
    TEXT-DECORATION: none;
}

A:link {
    color: #3e3e3e;
    outline: none;
    text-decoration: none;
}

A:visited {
    color: #3e3e3e;
}

A:active {
    color: #3e3e3e
}

A:hover {
    COLOR: #4fc2b8
}

label {
    font-weight: normal;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd {
    /* 默认有边距，都要清除 */
    margin: 0;
    padding: 0;
    /*字体设置*/
    /* 去掉列表的原点 */
    list-style: none;
    /* 默认鼠标 */
    cursor: default;
}

body {

    /* font-size: 14px; */
    font-size: .14rem;
    font-family: open sans, "Microsoft Yahei", sans-serif;
    color: #333;
}

img {
    border: 0px;
    vertical-align: middle;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    max-width: 100%;
    height: auto;
}

li {
    list-style: none;
}

a,
i,
p,
li,
:before,
:after {
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*可选*/
html,
body {
    width: 100%;
    height: 100%;
    /*font-size: 100px!important;*/
}

/*行内块元素*/
input,
img {
    margin: 0;
    padding: 0;
    outline-style: none;
    display: block;
    font-family: open sans;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

select {
    -webkit-appearance: none;
    border-radius: 0;
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}


/*行内元素*/
a,
a:active,
a:visited {
    /*下划线和颜色*/
    text-decoration: none;
    /* color: #ccc; */
}

textarea {
    /* 边框清零 */
    border: none;
    /* 轮廓线清零 */
    outline: none;
    /* 防止文本域被随意拖拽 */
    resize: none;
    /* outline-color: #4fc2b8 !important;  */
    outline: none;
    resize: none;
    border-color: transparent;
    overflow-y: hidden;
    overflow-x: hidden;
}

b {
    font-weight: normal;
}

i {
    /*文字样式*/
    font-style: normal;
}

table {
    /*边框合并*/
    border-collapse: collapse;
    border-spacing: 0;
}


/* 使用伪元素清除浮动 */
.clearfix::before,
.clearfix::after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
}

/* 版心*/
.w {
    width: 7.5rem;
    margin: 0 auto;
    max-width: 7.5rem;
}

/* @media only screen and (min-width: 750px) {
    .w{
        width: 750px;
    }
} */

body {
    background-color: #f0f1f2;
}

.left {
    float: left;
}

.right {
    float: right;
}

select {
    margin: 0;
    padding: 0;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-animation: none;
    background: url(../img/sel.png) no-repeat right center;
    font-size: .18rem;
    border: 1px solid #d9d9d9;
    color: #777777;
}

.mb30 {
    margin-bottom: .3rem;
}

.mb20 {
    margin-bottom: .2rem;
}

/* 单选按钮 */

/* fuxuan */
.ta_fx {
    width: 100%;
    display: block;
    line-height: .24rem;
    position: relative;
    padding-left: .25rem;
    cursor: pointer;
}

.ta_fx .s_fx {
    position: absolute;
    width: .15rem;
    height: .15rem;
    background-color: #f0f1f2;
    border: solid 1px #ddd;
    left: 0px;
    top: .04rem;
}

.ta_fx.on .s_fx:before {
    content: '';
    position: absolute;
    background: url("../img/check.png") no-repeat;
    background-size: .14rem .11rem;
    width: .14rem;
    height: .11rem;
    top: -.01rem;
    left: 2px;
}

.ta_fx .s_fx input {
    display: none;
}

.ta_fx img {
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
}


/* 弹框 */
.aside {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 10;

}

.aside_2 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 10;

}

.aside1 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 10;

}

.aside_con {
    position: fixed;
    top: 0;
    right: -6.19rem;
    width: 6.19rem;
    height: auto;
    /* background-color: #fff; */
    z-index: 500;
}

.aside_con_2 {
    position: fixed;
    top: 0;
    right: -6.19rem;
    width: 6.19rem;
    height: auto;
    /* background-color: #fff; */
    z-index: 500;
}

.aside_con1 {
    animation: asidecon 1s forwards;
}

@keyframes asidecon {
    0% {
        right: -6.19rem;
    }

    100% {
        right: 0rem;
    }
}

/* mbx */
.breadcrumb {
    margin-top: .07rem;
    height: .7rem;
    width: 100%;
    padding: .2rem .3rem;
    font-size: .18rem;
    margin-bottom: 0;
    background-color: #f0f1f2;
}

.breadcrumb li.active {
    color: #4fc2b8;
}

.breadcrumb>li+li:before {
    content: "> ";
    color: #333;
}