/*
公共样式
*/

body,
ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
span,
header,
b,
section,
i,
header,
li,
nav,
article,
aside,
figure,
code,
dialog,
footer {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-weight: normal;
    outline: none;
    border: none;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

a,
button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Microsoft Yahei";
    color: #666;
    background: #fff;
    font-size: 0.28rem;
}

* {
    box-sizing: border-box;
    font-family: "Microsoft Yahei";
}

input:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

input[type="text"] {
    -webkit-appearance: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

button {
    border-radius: 0;
}

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

input:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

body {
    width: 7.5rem;
    margin: 0 auto;
}

.us-banner {
    width: 100%;
    height: 4.5rem;
    background: url("../image/banner_m.png") no-repeat center;
    background-size: 7.5rem 4.5rem;
    padding: 1.15rem 0 0;
}

.us-banner i {
    font-style: normal;
}

.us-banner h5 {
    color: #fff;
    font-size: 0.56rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.7rem;
}

.us-banner h5 span {
    font-size: .47rem;
}

.us-banner a {
    display: block;
    width: 2.41rem;
    height: 0.66rem;
    border-radius: 0.04rem;
    border: 1px solid #fff;
    color: #fff;
    font-size: 0.3rem;
    position: relative;
    padding-left: 0.4rem;
    line-height: 0.64rem;
    margin: 0.3rem auto 0;
    cursor: pointer;
}

.us-banner a div {
    width: 0.26rem;
    height: 0.66rem;
    position: absolute;
    top: 0;
    left: 1.73rem;
    background: url("/static/img/icon-arrow.png") no-repeat center;
    background-size: 0.26rem 0.16rem;
}

.us-content1 {
    width: 100%;
    padding: 0.6rem 0.32rem;
    border-bottom: 0.2rem solid #f5f5f5;
}

.us-content1 img {
    max-width: 100%;
}

.us-con1-title {
    width: 100%;
}

.us-con1-title h5 {
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 0.36rem;
    line-height: 0.36rem;
}

.us-con1-title p {
    color: #999999;
    text-align: center;
    font-size: 0.24rem;
    text-transform: uppercase;
    line-height: 0.24rem;
    margin: 0.16rem 0;
}

.us-con1-title div {
    width: 0.4rem;
    height: 4px;
    background: #ffc000;
    margin: 0 auto;
}

.us-focus {
    width: 100%;
    height: 2.78rem;
    margin: 0.3rem auto 1.2rem;
    position: relative;
}

.us-focus .prev {
    position: absolute;
    left: 0;
    top: 1.1rem;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url("/static/img/icon-arrow-l.png") no-repeat center;
    background-size: 0.4rem 0.4rem;
    cursor: pointer;
}

.checke-box {
    width: 7rem;
    height: 45px;
    border-radius: 2px;
    font-size: 16px;
    margin-bottom: 9px;
}

.checke-button {
    width: 3.36rem;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.check-color {
    background: #EB7E4E;
    color: #FFF;
}

.uncheck-color {
    background: #FFF;
    color: #EB7E4E;
}

.us-focus .next {
    position: absolute;
    right: 0;
    top: 1.1rem;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url("/static/img/icon-arrow-r.png") no-repeat center;
    background-size: 0.4rem 0.4rem;
    cursor: pointer;
}

.us-focus .hd {
    width: 100%;
    height: 0.2rem;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -0.6rem;
    text-align: center;
}

.us-focus .hd ul {
    display: inline-block;
    height: 0.2rem;
    font-size: 0;
    vertical-align: top;
}

.us-focus .hd ul li {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background: url("/static/img/icon-circle-bg.png") no-repeat center;
    background-size: 0.2rem 0.2rem;
    margin: 0 0.1rem;
    vertical-align: top;
    overflow: hidden;
}

.us-focus .hd ul .on {
    background: url("/static/img/icon-circle.png") no-repeat center;
    background-size: 0.2rem 0.2rem;
}

.us-focus .bd {
    position: relative;
    z-index: 0;
}

.us-con1-div1 {
    width: 6.86rem;
    height: 2.78rem;
    padding: 0 0.4rem;
}

.us-con1-div {
    width: 2.98rem;
    height: 2.78rem;
    float: left;
    background: url("/static/img/icon-bg1.png") no-repeat center;
    background-size: 2.98rem 2.78rem;
    padding: 0.35rem 0 0;
    cursor: pointer;
}

.us-con1-div2 {
    width: 2.98rem;
    height: 2.78rem;
    float: right;
    background: url("/static/img/icon-bg1.png") no-repeat center;
    background-size: 2.98rem 2.78rem;
    padding: 0.35rem 0 0;
    cursor: pointer;
}


/* .us-con1-li {} */

.us-con1-li img {
    width: 0.78rem;
    height: 0.78rem;
    display: block;
    margin: 0 auto 0.25rem;
}

.us-con1-li p {
    text-align: center;
    color: #333;
    font-size: 0.28rem;
    font-weight: bold;
    line-height: 0.38rem;
}

.us-con1-li p span {
    color: #666666;
}

.us-con1-button {
    width: 100%;
}

.us-con1-button a {
    display: block;
    width: 100%;
    height: 0.88rem;
    background: #363b53;
    text-align: center;
    line-height: 0.88rem;
    color: #fff;
    font-size: 0.36rem;
    margin: 0 auto;
}

.us-content2 {
    width: 100%;
    padding: 0.6rem 0;
    border-bottom: 0.2rem solid #f5f5f5;
}

.us-focus2 {
    width: 7.1rem;
    height: 2.69rem;
    margin: 0.4rem auto 1.2rem;
    position: relative;
}

.us-focus2 .hd {
    width: 100%;
    height: 0.2rem;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -0.6rem;
    text-align: center;
}

.us-focus2 .hd ul {
    display: inline-block;
    height: 0.2rem;
    font-size: 0;
    vertical-align: top;
}

.us-focus2 .hd ul li {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background: url("/static/img/icon-circle-bg.png") no-repeat center;
    background-size: 0.2rem 0.2rem;
    margin: 0 0.1rem;
    vertical-align: top;
    overflow: hidden;
}

.us-focus2 .hd ul .on {
    background: url("/static/img/icon-circle.png") no-repeat center;
    background-size: 0.2rem 0.2rem;
}

.us-focus2 .bd {
    position: relative;
    z-index: 0;
}

.us-con2-li img {
    width: 7.1rem;
    height: 2.69rem;
    display: block;
}

.us-con2-button {
    width: 6.86rem;
    margin: 0 auto;
}

.us-content3 {
    width: 100%;
    overflow: hidden;
    background: #b0b0c0;
}

.us-con3-left {
    width: 100%;
    padding: 0.55rem 0.32rem 0.6rem;
}

.us-con3-left h5 {
    color: #fff;
    font-size: 0.36rem;
    line-height: 0.46rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.35rem;
}

.us-con3-left h5 span {
    color: #f99569;
    line-height: 0.46rem;
    font-weight: bold;
}

.us-con3-input {
    margin-bottom: 0.2rem;
    text-align: center;
}

.us-con3-input input {
    width: 100%;
    height: 0.88rem;
    background: #fff;
    border-radius: 2px;
    color: #333;
    font-size: 0.32rem;
    text-align: center;
}

.us-con3-input2 {
    background: #fff;
    border-radius: 2px;
}

.us-con3-input .us-con3-input1 {
    width: 4.4rem;
}

.us-con3-div {
    border-radius: 2px;
    width: 2.4rem;
    height: 0.88rem;
    background: #f59064;
    float: right;
    text-align: center;
    line-height: 0.88rem;
    color: #fff;
    font-size: 0.32rem;
}

.us-con3-submit {
    display: block;
    width: 100%;
    height: 0.88rem;
    text-align: center;
    line-height: 0.88rem;
    color: #FFF;
    font-size: 0.36rem;
    background: #f59064;
    margin: 0.6rem auto 0;
    border-radius: 2px;
    cursor: pointer;
}

.us-content6 {
    width: 100%;
    overflow: hidden;
    background: #363b53;
}

.us-con3-right {
    width: 100%;
    padding: 0.6rem 0.32rem 1rem;
}

.us-con3-right h5 {
    color: #fff;
    font-size: 0.36rem;
    line-height: 0.36rem;
    font-weight: bold;
    text-align: center;
}

.us-con3-p1 {
    font-size: 0.28rem;
    line-height: 0.28rem;
    text-align: center;
    font-weight: bold;
    margin: 0.22rem 0 0.2rem;
    color: #fff;
}

.us-con3-p1 a {
    color: #f59064;
}

.us-con3-p2,
.us-con3-p2 a {
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.28rem;
    text-align: center;
    font-weight: bold;
}

.us-con3-ribox img {
    width: 2.44rem;
    height: 2.44rem;
    display: block;
    margin: 0.6rem auto 0.25rem;
}

.us-con3-p3,
.us-con3-p3 a {
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.38rem;
    text-align: center;
}

.us-content5 {
    width: 100%;
    padding: 0.6rem 0.32rem;
}

.us-con5-title h5 {
    line-height: 0.46rem;
}

.us-con5-sbox {
    width: 100%;
    overflow: hidden;
    margin-top: 0.4rem;
}

.us-con5-left {
    display: block;
    width: 6.86rem;
    height: 2.51rem;
    background: url("../image/img4_m.png") no-repeat center;
    background-size: 6.86rem 2.51rem;
    margin: 0 auto 0.35rem;
}

.us-con5-right {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0.6rem;
}

.us-con5-right p {
    color: #666666;
    font-size: 0.28rem;
    line-height: 0.38rem;
}

.us-con5-right p span {
    color: #f59065;
}

.us-con5-right a {
    display: block;
    width: 200px;
    height: 44px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    background: #363b53;
    position: absolute;
    left: 0;
    bottom: 0;
}