* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    font-size: .32rem;
    font-family: PingFang-SC-Bold;
    color: #1B1B1B;
    background: #fff;
    overflow-x: hidden
}
a {
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
a:active, a:hover {
    outline: 0
}
input {
    font-family: 'PingFang SC';
    outline: 0
}
input::-ms-clear {
    display: none
}
.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}
.clearfix:after {
    clear: both
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-center {
    text-align: center
}
.text-center .layui-btn:last-child {
    margin-left: .53333333rem
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.fl {
    float: left
}
.fr {
    float: right
}
.bg-white {
    padding: 0 .4rem .53333333rem
}
.bg-gray {
    padding-bottom: .8rem;
    background: #F8F8F8
}
.bg-black {
    height: 9.12rem;
    background: url(../img/black.png) no-repeat center center;
    background-size: 100% 100%
}
.layui-carousel {
    box-sizing: border-box
}
.layui-carousel>[carousel-item] {
    overflow: hidden
}
.layui-carousel>[carousel-item]>* {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.layui-carousel>[carousel-item]>* a {
    display: block;
    height: 100%
}
.layui-carousel-ind {
    top: unset;
    bottom: 1.33333333rem
}
.layui-carousel-ind ul {
    background: 0 0
}
.layui-carousel-ind ul:hover {
    background: 0 0
}
.layui-carousel-ind ul li {
    width: .24rem;
    height: .24rem;
    margin: 0 .17333333rem;
    background-color: #FFF1F1;
    border: .01333333rem solid #ff454d
}
.layui-carousel-ind ul li.layui-this {
    background-color: #ff454d
}
.layui-btn {
    min-width: 3.73333333rem;
    height: .8rem;
    line-height: .77333333rem;
    padding: 0 .2rem;
    font-size: .32rem;
    border-radius: .4rem
}
.layui-btn.layui-btn-primary {
    color: #ff454d;
    background: #fff;
    border-color: #ff454d
}
.layui-btn.layui-btn-primary:hover, .layui-btn.layui-btn-primary:focus {
    background: #ffd6d6
}
.layui-btn.layui-btn-danger {
    background: #ff454d
}
.layui-btn.layui-btn-danger:hover {
    background: #ff787e
}
.header {
    height: 9.33333333rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative
}
.header .btn-cop {
    width: 6.73333333rem;
    height: .82666667rem;
    margin-left: -3.36rem;
    position: absolute;
    left: 50%;
    bottom: 2.09333333rem
}
.form {
    width: 8.93333333rem;
    margin: -1.4rem auto 0;
    background: #fff;
    box-shadow: 0rem 0rem .57333333rem 0rem rgba(30, 30, 30, .26);
    border-radius: .13333333rem;
    position: relative;
    z-index: 10
}
.form .tit {
    padding: .50666667rem 0;
    font-size: .48rem;
    font-weight: 700;
    color: #3F3F3F;
    text-align: center
}
.form .layui-form {
    padding: 0 .8rem .61333333rem
}
.form .layui-form .layui-input-block {
    margin-left: 0;
    margin-bottom: .4rem;
    position: relative
}
.form .layui-form .icon {
    width: .70666667rem;
    height: .48rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    border-right: .01333333rem solid #c2c2c2;
    position: absolute;
    top: .30666667rem;
    left: .4rem
}
.form .layui-form .icon.icon-name {
    background-image: url(../img/zy.png)
}
.form .layui-form .icon.icon-tel {
    background-image: url(../img/tel.png)
}
.form .layui-form .layui-input {
    height: 1.06666667rem;
    line-height: 1.06666667rem;
    padding-left: 1.38666667rem;
    font-size: .32rem;
    border-color: #c2c2c2;
    border-radius: .53333333rem
}
.form .layui-form .layui-row .layui-input, .form .layui-form .layui-row .layui-btn {
    height: 1.06666667rem;
    line-height: 1.04rem;
    padding-left: .4rem;
    font-size: .32rem;
    border-radius: .53333333rem
}
.form .layui-form .layui-row .layui-input {
    width: 90%
}
.form .layui-form .layui-row .layui-btn {
    min-width: 100%;
    background: #FFEFEF
}
.form .layui-form .btn-com {
    width: 100%;
    height: 1.2rem;
    line-height: 1.17333333rem;
    margin-top: .16rem;
    font-size: .43333333rem;
    background: linear-gradient(to bottom, #f12c30, rgba(237, 0, 22, .8));
    border: 0;
    border-radius: .6rem;
    box-shadow: 0rem .10666667rem .21333333rem 0rem rgba(237, 0, 22, .24)
}
.title {
    background-repeat: no-repeat;
    background-position: center
}
.title.item1 {
    height: 2.64rem;
    background-size: 6.52rem 1.09333333rem
}
.title.item2 {
    height: 2rem;
    background-size: 3.06666667rem .46666667rem
}
.title.item3 {
    height: 2.66666667rem;
    background-size: 6.89333333rem 1.09333333rem
}
.title.item4 {
    height: 2.46666667rem;
    background-size: 6.21333333rem 1.08rem
}
.title.item5 {
    height: 1.93333333rem;
    background-size: 8.89333333rem .46666667rem
}
.title.item6 {
    height: 1.70666667rem;
    background-size: 8.89333333rem .44rem
}
.title.item7 {
    height: 1.78666667rem;
    background-size: 8.06666667rem .44rem
}
.title.item8 {
    height: 1.93333333rem;
    background-size: 8.85333333rem .44rem
}
.title.item9 {
    margin-top: .76rem;
    height: .44rem;
    background-size: 3rem .44rem
}
.list {
    display: flex;
    justify-content: space-between
}
.list.count {
    padding-bottom: .4rem
}
.list.count li {
    flex: 1;
    height: 1.13333333rem;
    color: #000;
    text-align: center;
    border-right: .01333333rem solid #e5e5e5;
    position: relative
}
.list.count li:first-child {
    border-left: .01333333rem solid #e5e5e5
}
.list.count li:after {
    content: '';
    width: .46666667rem;
    height: .05333333rem;
    margin-left: -.22666667rem;
    background: #EA3031;
    position: absolute;
    left: 50%;
    bottom: 0
}
.list.count .top {
    margin-top: -.2rem;
    font-size: .56rem
}
.list.count .top span {
    padding-left: .06666667rem;
    color: #676767;
    font-size: .29333333rem
}
.list.count p {
    margin-top: .06666667rem;
    font-size: .26666667rem
}
.list.specail {
    flex-wrap: wrap;
    padding: 0 .13333333rem;
    text-align: center
}
.list.specail li {
    width: 4.33333333rem;
    height: 3.24rem;
    margin-bottom: .28rem;
    padding: 0 .34666667rem;
    border: .01333333rem solid #666
}
.list.specail li:last-child {
    padding: 0;
    border: 0
}
.list.specail li:last-child a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}
.list.specail .iconbox {
    display: inline-block;
    width: .86666667rem;
    height: .86666667rem;
    margin: .24rem 0 .06666667rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}
.list.specail .iconbox.item1 {
    background-image: url(../img/si1.png)
}
.list.specail .iconbox.item2 {
    background-image: url(../img/si2.png)
}
.list.specail .iconbox.item3 {
    background-image: url(../img/si3.png)
}
.list.specail .iconbox.item4 {
    background-image: url(../img/si4.png)
}
.list.specail .iconbox.item5 {
    background-image: url(../img/si5.png)
}
.list.specail .iconbox.item6 {
    background-image: url(../img/si6.png)
}
.list.specail .iconbox.item7 {
    background-image: url(../img/si7.png)
}
.list.specail .tit {
    font-size: .34666667rem;
    font-weight: 700;
    color: #333
}
.list.specail p {
    line-height: .34666667rem;
    margin-top: .16rem;
    font-size: .26666667rem;
    color: #666
}
.fit {
	margin: 0 auto;
    width: 8.93333333rem;
    height: 5.42666667rem;
    margin-bottom: .6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}
.question {
    width: 8.93333333rem;
    margin: 0 auto;
    padding: 4.08rem .26666667rem .53333333rem;
    background: url(../img/ques.png) no-repeat center .24rem #fff;
    background-size: 8.44rem 3.44rem;
    color: #212121;
    border-radius: .13333333rem
}
.question ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 0;
    padding-bottom: .4rem
}
.question li {
    display: inline-block;
    width: 48%;
    line-height: .34666667rem;
    padding-bottom: .4rem;
    font-size: .26666667rem;
    vertical-align: top
}
.question span {
    display: inline-block;
    width: .34666667rem;
    height: .34666667rem;
    line-height: .34666667rem;
    margin-right: .12rem;
    font-size: .18666667rem;
    background: #F5B869;
    border-radius: 50%;
    text-align: center;
    vertical-align: top
}
.why {
    margin: 0 .4rem .66666667rem;
    white-space: nowrap;
    overflow-x: auto
}
.why li {
    display: inline-block;
    width: 2.76rem;
    height: 4.4rem;
    margin: 0 .09333333rem;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}
.price .top {
    height: 1.25333333rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8.94666667rem 1.25333333rem
}
.price .bot {
    margin: 0 .53333333rem .4rem;
    padding: 0 .45333333rem;
    background: #fff;
    border: .01333333rem solid #fb5b62;
    border-top: 0;
    border-radius: 0 0 .26666667rem .26666667rem
}
.price .layui-table, .price .layui-table-view {
    margin-top: 0;
    margin-bottom: .6rem
}
.price .layui-table th, .price .layui-table-view th, .price .layui-table td, .price .layui-table-view td {
    height: .90666667rem;
    color: #333;
    font-size: .26666667rem;
    font-family: SourceHanSansSC-Regular;
    border-color: #FCE4E4;
    text-align: center
}
.price .layui-table th, .price .layui-table-view th {
    background: #fff;
    border-bottom: .04rem solid #fb5b62
}
.price .layui-table tr:nth-child(even), .price .layui-table-view tr:nth-child(even) {
    background: #FCF9F9
}
.price .layui-table tr:hover, .price .layui-table-view tr:hover {
    background: #FCF9F9
}
.price .layui-table .red1, .price .layui-table-view .red1 {
    color: #FE323B
}
.price .layui-table .red2, .price .layui-table-view .red2 {
    color: #FF454D
}
.price .layui-table .red2 span, .price .layui-table-view .red2 span {
    font-size: .32rem
}
.price .layui-table-col-set, .price .layui-table-fixed-r, .price .layui-table-grid-down, .price .layui-table-header, .price .layui-table-page, .price .layui-table-tips-main, .price .layui-table-tool, .price .layui-table-total, .price .layui-table-view, .price .layui-table[lay-skin=line], .price .layui-table[lay-skin=row] {
    border: 0
}
.layui-btn-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}
.layui-btn-container .layui-btn {
    min-width: 2.13333333rem;
    height: .72rem;
    line-height: .72rem;
    margin: 0 .06666667rem .30666667rem!important
}
.layui-btn-container .layui-btn.on {
    color: #fff;
    background: #ff454d
}
.choice {
    margin-top: -.4rem;
    background: url(../img/c_bg.png) no-repeat .93333333rem top;
    background-size: 5.30666667rem 4.8rem
}
.choice .tit {
    margin-right: .2rem;
    padding: 2.13333333rem .4rem 1.98666667rem 0;
    font-size: .53333333rem;
    font-weight: 700;
    color: #333;
    text-align: right;
    background: url(../img/c_r.png) no-repeat right 1.06666667rem;
    background-size: 1.04rem .85333333rem
}
.choice ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 8.93333333rem;
    margin: 0 auto .66666667rem;
    padding: .33333333rem .13333333rem .06666667rem .53333333rem;
    box-shadow: 0rem 0rem .38666667rem 0rem rgba(30, 30, 30, .18);
    border-radius: .13333333rem
}
.choice ul li {
    width: 4rem;
    margin-bottom: .26666667rem;
    padding-left: .45333333rem;
    line-height: .48rem;
    background: url(../img/arrow.jpg) no-repeat left .13333333rem;
    background-size: .36rem .30666667rem
}
.choice ul .top {
    font-size: .37333333rem;
    color: #343434
}
.choice ul p {
    margin-top: .13333333rem;
    font-size: .29333333rem;
    color: #666
}
.layui-tab .layui-tab-title {
    height: 1.50666667rem;
    text-align: center;
    border: 0
}
.layui-tab .layui-tab-title .layui-btn {
    width: 3.84rem;
    height: .86666667rem;
    line-height: .37333333rem;
    margin: 0 .46666667rem;
    padding: 0;
    font-size: .29333333rem;
    border-width: .02666667rem
}
.layui-tab .layui-tab-title .layui-btn p {
    font-size: .24rem
}
.layui-tab .layui-btn-primary {
    background: #FFF1F1
}
.layui-tab .layui-btn-primary.layui-this {
    color: #fff;
    background: #ff454d
}
.layui-tab .layui-btn-primary.layui-this:after {
    display: none
}
.layui-tab .layui-tab-content {
    width: 9.93333333rem;
    min-height: 6.56rem;
    /* padding: .33333333rem; */
    margin: auto;
    background: #FFF;
    box-shadow: 0rem 0rem .32rem 0rem rgba(123, 122, 120, .27);
    border-radius: .13333333rem
}
.layui-tab .layui-tab-content .layui-btn {
    height: .66666667rem;
    line-height: .64rem;
    padding: 0 .46666667rem
}
.layui-tab .layui-tab-content img {
    width: 100%;
    height: 3.50666667rem;
    margin: auto
}
.layui-tab li {
    white-space: nowrap
}
.layui-tab .spe-list {
/*    width: 4rem; */
    padding: .26666667rem 0;
    color: #4C4C4C;
    font-size: .26666667rem
}
.layui-tab .spe-list li {
    padding-left: .28rem;
    padding-bottom: .29333333rem;
    position: relative;
    letter-spacing: .01333333rem
}
.layui-tab .spe-list li:before {
    content: "";
    width: .12rem;
    height: .12rem;
    border: .02666667rem solid #ff454d;
    border-radius: 50%;
    position: absolute;
    top: .10666667rem;
    left: 0
}
.layui-tab .spe-list.center {
    width: 100%;
    padding: .4rem 0 .10666667rem;
    text-align: center
}
.layui-tab .spe-list.center li {
    display: inline-block
}
.banner {
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.banner .layui-carousel {
    height: 8.36rem!important;
    background: 0 0
}
.banner .layui-carousel>[carousel-item]>* {
    background: 0 0
}
.banner .word {
    padding-top: .53333333rem;
    text-align: center
}
.banner .word li {
    display: inline-block;
    width: 4.96rem;
    height: 6.32rem;
    margin: 0 -.2rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}