* {
    margin: 0;
    padding: 0
}

ul, li, dl {
    list-style: none
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

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

body, input, select, textarea, button {
    outline: none
}

body {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased
}

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

img, fieldset {
    border: none
}

input, textarea, select {
    outline: none
}

textarea {
    resize: none
}

img {
    width:100%;
    vertical-align: top
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    display: block;
    content: " ";
    height: 0;
    visibility: hidden;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.hide {
    display: none
}

.bdbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pd0 {
    padding: 0 !important
}

.pdt3 {
    padding-top: 3px
}

.pdt4 {
    padding-top: 3px
}

.pdt5 {
    padding-top: 5px
}

.pdt10 {
    padding-top: 10px
}

.pdt20 {
    padding-top: 20px
}

.pdl15 {
    padding-left: 15px
}

.pdl110 {
    padding-left: 110px
}

.pdl120 {
    padding-left: 120px
}

.pdl130 {
    padding-left: 130px
}

.pdl180 {
    padding-left: 180px
}

.pdl190 {
    padding-left: 190px
}

.pdl400 {
    padding-left: 400px
}

.pdb50 {
    padding-bottom: 50px
}

.pdb80 {
    padding-bottom: 80px
}

.mgauto {
    margin-left: auto;
    margin-right: auto
}

.mgt0 {
    margin-top: 0
}

.mgt3 {
    margin-top: 3px
}

.mgt5 {
    margin-top: 5px
}

.mgt10 {
    margin-top: 10px
}

.mgt15 {
    margin-top: 15px
}

.mgt20 {
    margin-top: 20px
}

.mgt25 {
    margin-top: 25px
}

.mgt30 {
    margin-top: 30px
}

.mgt40 {
    margin-top: 40px
}

.mgt45 {
    margin-top: 45px
}

.mgt50 {
    margin-top: 50px
}

.mgb5 {
    margin-bottom: 5px
}

.mgb10 {
    margin-bottom: 10px
}

.mgb20 {
    margin-bottom: 20px
}

.mgr5 {
    margin-right: 5px
}

.mgr10 {
    margin-right: 10px
}

.mgr15 {
    margin-right: 15px
}

.mgl3 {
    margin-left: 3px
}

.mgl5 {
    margin-left: 5px
}

.mgb15 {
    margin-bottom: 15px
}

.mgl10 {
    margin-left: 10px
}

.mgl15 {
    margin-left: 15px
}

.mgl20 {
    margin-left: 20px
}

.mgl50 {
    margin-left: 50px
}

.mgl65 {
    margin-left: 65px
}

.mgl90 {
    margin-left: 90px
}

.mgl120 {
    margin-left: 120px
}

.mgl130 {
    margin-left: 130px
}

.mgl140 {
    margin-left: 140px
}

.mgl150 {
    margin-left: 150px
}

.mgl160 {
    margin-left: 160px
}

.mgl170 {
    margin-left: 170px
}

.mgl180 {
    margin-left: 180px
}

.mgl190 {
    margin-left: 190px
}

.bdrad5 {
    border-radius: 5px
}

.colorRed {
    color: #ff0000 !important
}

.colorBlack {
    color: #000
}

.colorGray {
    color: #999
}

.colorGreen {
    color: #059305
}

.colorBlue {
    color: #009de7
}

.colorOrange {
    color: #ffaa00
}

.txtCenter {
    text-align: center
}

.txtRight {
    text-align: right
}

.txtLeft {
    text-align: left
}

.vtalgMid {
    vertical-align: middle
}

.ftsize10 {
    font-size: 10px
}

.ftsize12 {
    font-size: 12px
}

.ftsize14 {
    font-size: 14px
}

.ftsize16 {
    font-size: 16px
}

.ftsize18 {
    font-size: 18px
}

.ftsize20 {
    font-size: 20px
}

.ftsize24 {
    font-size: 24px
}

.ftnormal {
    font-weight: normal !important
}

.bold, .ftblod {
    font-weight: bold
}

.italic {
    font-style: italic
}

.per5 {
    width: 5%
}

.per15 {
    width: 15%
}

.per25 {
    width: 25%
}

.per35 {
    width: 35%
}

.per45 {
    width: 45%
}

.per55 {
    width: 55%
}

.per65 {
    width: 65%
}

.per75 {
    width: 75%
}

.per85 {
    width: 85%
}

.per95 {
    width: 95%
}

.per10 {
    width: 10%
}

.per20 {
    width: 20%
}

.per30 {
    width: 30%
}

.per33 {
    width: 33%
}

.per40 {
    width: 40%
}

.per50 {
    width: 50%
}

.per60 {
    width: 60%
}

.per70 {
    width: 70%
}

.per80 {
    width: 80%
}

.per90 {
    width: 90%
}

.per100 {
    width: 100%
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w200 {
    width: 200px
}

.w300 {
    width: 300px
}

.w400 {
    width: 400px
}

.w500 {
    width: 500px
}

.w600 {
    width: 600px
}

.h100 {
    height: 100px
}

.h200 {
    height: 200px
}

.h220 {
    height: 220px
}

.h300 {
    height: 300px
}

.h400 {
    height: 400px
}

.h500 {
    height: 500px
}

.h600 {
    height: 600px
}

.lh-normal {
    line-height: 1.4em
}

.lh-large {
    line-height: 1.6em
}

.lh-xlarge {
    line-height: 1.8em
}

.ofx-a {
    overflow-x: auto
}

.ofy-a {
    overflow-y: auto
}

.label {
    display: inline-block;
    padding: 3px 5px;
    margin: 3px 3px 3px 0;
    background: #333;
    color: #fff;
    border-radius: 3px
}

.label-gray {
    background: #eee;
    color: #666
}

.bdbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.inlineMiddle {
    display: inline-block;
    vertical-align: middle
}




.index_banner {
    width: 100%
}

.index_banner .bg-banner {
    width: 100%;
    height: 3rem;
    background: url("../images/index_banner2.png") no-repeat center center;
    background-size: 100% auto;
    position: relative
}

.index_banner .bg-banner .btn-container {
    position: absolute;
    color: #fff;
    height: 0.34rem;
    width: 100%;
    bottom: 0.58rem;
    text-align: center
}

.index_banner .bg-banner .btn {
    display: inline-block;
    padding: 0 0.22rem;
    font-size: 0.20rem;
    background-color: #0194e1;
    color: #fff;
    height: 100%;
    line-height: 0.38rem;
    border-radius: 0.17rem
}

.recommend-product {
    padding: 0.6rem 0.17rem 0.63rem
}

.recommend-product .title {
    font-size: 0.44rem;
    text-align: center;
    color: #333;
    line-height: 0.44rem
}

.recommend-product .subtitle {
    margin-top: 0.12rem
}

.recommend-product .subtitle p {
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.44rem;
    color: #818181;
    padding: 0 0.4rem
}

.recommend-product .recom-list {
    margin-top: 0.3rem
}

.recommend-product .recom-list .recom-item {
    margin-bottom: 0.2rem;
    padding: 0.33rem 0.62rem 0.29rem 0.42rem;
    color: #fff;
    height: 4.1rem;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative
}
.recommend-product .recom-list .recom-item .pro-logo .img{
    height: 1.08rem;
    width: 3.33rem;
    margin: 0 auto;
}
.recommend-product .recom-list .recom-item .pro-logo img {

}

.recommend-product .recom-list .recom-item .pro-intro {
    margin-top: 0.26rem;
    font-size: 0.25rem;
    line-height: 0.4rem;
    text-align: justify;
    letter-spacing: 0.01rem
}

.recommend-product .recom-list .recom-item .btn-group {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0.2rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.recommend-product .recom-list .recom-item .btn-group a {
    display: inline-block;
    color: #fff;
    height: 0.64rem;
    line-height: 0.6rem;
    width: 1.63rem;
    border: 0.01rem solid #fff;
    border-radius: 0.32rem;
    margin-right: 0.57rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.recommend-product .recom-list .recom-item .btn-group a:last-child {
    margin-right: 0
}

.recommend-product .recom-list .recom-item:first-child {
    background-color: #3388ff
}

.recommend-product .recom-list .recom-item:first-child .btn-group {
    bottom: 0.29rem
}

.recommend-product .recom-list .recom-item:nth-child(2) {
    background-color: #59cb97
}

.recommend-product .recom-list .recom-item:nth-child(2) .pro-intro {
    margin-top: 0.32rem;
    line-height: 0.44rem
}

.recommend-product .recom-list .recom-item:nth-child(2) .btn-group {
    bottom: 0.39rem
}

.recommend-product .recom-list .recom-item:last-child {
    margin-bottom: 0;
    background-color: #3388ff
}

.recommend-product .recom-list .recom-item:last-child .btn-group {
    bottom: 0.31rem
}

.recommend-product .recom-two {
    padding: 0.43rem 0.04rem 0
}

.recommend-product .recom-two .recom-item {
    height: 4.4rem;
    width: 3.17rem;
    color: #333;
    background-color: #efefef;
    position: relative;
}

.recommend-product .recom-two .recom-item .item-logo {
    height: 1.32rem;
    background: center center no-repeat
}

.recommend-product .recom-two .recom-item .art-word {
    height: 0.41rem;
    background: center center no-repeat
}

.recommend-product .recom-two .recom-item .recom-intro {
    color: #333;
    margin-top: 15px;
}

.recommend-product .recom-two .recom-item .recom-intro .title {
    margin-top: 0.1rem;
    font-size: 0.28rem
}

.recommend-product .recom-two .recom-item .recom-intro p {
    font-size: 0.22rem;
    padding: 0 0.21rem
}

.recommend-product .recom-two .recom-item.recom-left {
    float: left
}

.recommend-product .recom-two .recom-item.recom-left .item-logo {
    background-image: url("../images/recom1.png");
    background-size: 0.95rem auto
}

.recommend-product .recom-two .recom-item.recom-left .art-word {
    background-image: url("../images/art1.png");
    background-size: 0.95rem auto
}

.recommend-product .recom-two .recom-item.recom-left .recom-intro {
    color: #333;
    margin-top: 15px;
}

.recommend-product .recom-two .recom-item.recom-left .recom-intro p {
    padding: 0.14rem 0.21rem;
    line-height: 0.4rem
}

.recommend-product .recom-two .recom-item.recom-right {
    float: right
}

.recommend-product .recom-two .recom-item.recom-right .item-logo {
    background-image: url("../images/recom2.png");
    background-size: 0.84rem auto
}

.recommend-product .recom-two .recom-item.recom-right .art-word {
    background-image: url("../images/art2.png");
    background-size: 1.57rem auto
}

.recommend-product .recom-two .recom-item .btn {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 0.21rem;
    width: 1.32rem;
    height: 0.5rem;
    line-height: 0.48rem;
    background-color: #ff9816;
    text-align: center;
    border-radius: 0.25rem;
    bottom: 0.2rem;
    left: 50%;
    margin-left: -0.66rem
}

.sell-tools .main-divide {
    height: 0.48rem;
    background-color: #e2e2e2
}

.sell-tools .hot-sell-toos {
    text-align: center;
    padding-top: 0.92rem
}

.sell-tools .hot-sell-toos .title {
    font-size: 0.44rem;
    line-height: 0.44rem;
    color: #111
}

.sell-tools .hot-sell-toos .subtitle {
    font-size: 0.24rem;
    line-height: 0.24rem;
    margin: 0.2rem 0 0.58rem;
    color: #535353
}

.sell-tools .hot-sell-toos .sell-img {
    height: 5.28rem;
    background: url("../images/king-sell.png") center center no-repeat;
    background-size: auto 100%
}

.sell-tools .free-use {
    margin-top: 0.96rem;
    text-align: center
}

.sell-tools .free-use a {
    display: inline-block;
    height: 0.55rem;
    line-height: 0.5rem;
    background-color: #fd9214;
    width: 1.85rem;
    border-radius: 0.15rem;
    font-size: 0.32rem;
    color: #fff
}

.sell-tools .success-example {
    margin-top: 1.2rem;
    text-align: center
}

.sell-tools .success-example .title {
    font-size: 0.42rem;
    color: #111;
    line-height: 0.42rem
}

.sell-tools .success-example .subtitle {
    margin-top: 0.16rem;
    font-size: 0.24rem;
    padding: 0 1.3rem;
    line-height: 0.42rem
}

.sell-tools .success-example .exam-container {
    margin-top: 0.14rem;
    background-color: #e2e2e2;
    height: 4.47rem;
    padding: 0.28rem 0 0.27rem;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.sell-tools .success-example .exam-container .exam-item {
    background: center center no-repeat;
    background-size: 100% auto;
    width: 2.22rem;
    height: 1.22rem;
    display: inline-block;
    margin-right: 0.63rem
}

.sell-tools .success-example .exam-container .exam-item:nth-child(2n) {
    margin-right: 0
}

.sell-tools .success-example .exam-container .exam-item:only-child {
    margin-right: 0
}

.sell-tools .success-example .exam-container .exam-item:nth-child(1) {
    background-image: url("../images/index_exam1.png")
}

.sell-tools .success-example .exam-container .exam-item:nth-child(2) {
    background-image: url("../images/index_exam2.png")
}

.sell-tools .success-example .exam-container .exam-item:nth-child(3) {
    background-image: url("../images/index_exam3.png")
}

.sell-tools .success-example .exam-container .exam-item:nth-child(4) {
    background-image: url("../images/index_exam4.png")
}

.sell-tools .success-example .exam-container .exam-item:nth-child(5) {
    background-image: url("../images/index_exam5.png")
}

.sell-tools .success-example .exam-container .exam-item:nth-child(6) {
    background-image: url("../images/index_exam6.png")
}

.sell-tools .success-example .exam-container .sw-page {
    position: absolute;
    width: 0.63rem;
    height: 0.63rem;
    background: center center no-repeat;
    background-size: 100% auto;
    top: 48%;
    margin-top: -0.315rem
}

.sell-tools .success-example .exam-container .pre-page {
    background-image: url("../images/pre-page.png");
    left: 0.26rem
}

.sell-tools .success-example .exam-container .next-page {
    background-image: url("../images/nex-page.png");
    right: 0.26rem
}

.industry-msg {
    padding-top: 1.06rem
}

.industry-msg .title {
    font-size: 0.44rem;
    color: #111;
    line-height: 0.42rem;
    text-align: center
}

.industry-msg .msg-container {
    margin-top: 0.35rem
}

.industry-msg .msg-container .msg-item {
    height: 2.3rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0.28rem 0.25rem 0.31rem;
    border-bottom: 0.02rem solid #d5d5d5
}

.industry-msg .msg-container .msg-item .left-part {
    float: left;
    background: center center no-repeat;
    background-size: 100% auto;
    width: 2.22rem;
    height: 1.54rem
}

.industry-msg .msg-container .msg-item .right-part {
    margin-left: 2.34rem;
    height: 1.54rem;
    text-align: left;
    position: relative
}

.industry-msg .msg-container .msg-item .right-part .title {
    color: #111;
    text-align: left;
    font-size: 0.26rem;
    line-height: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold
}

.industry-msg .msg-container .msg-item .right-part .content {
    text-align: left;
    font-size: 0.2rem;
    margin-top: 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #4a4a4a
}

.industry-msg .msg-container .msg-item .right-part .bottom-dynamics {
    margin-top: 0.12rem
}

.industry-msg .msg-container .msg-item .right-part .bottom-dynamics .pro-dynamics {
    display: inline-block;
    font-size: 0.2rem;
    color: #979595;
    vertical-align: top
}

.industry-msg .msg-container .msg-item .right-part .bottom-dynamics .industry-dynamics {
    float: right;
    padding: 0 0.2rem;
    height: 0.31rem;
    line-height: 0.33rem;
    color: #fff;
    font-size: 0.2rem;
    background-color: #fd9214;
    border-radius: 0.15rem;
    margin-top: 0.06rem;
}

.industry-msg .more-msg {
    padding: 0.65rem 0 0.86rem;
    text-align: center
}

.industry-msg .more-msg a {
    text-align: center;
    display: inline-block;
    font-size: 0.26rem;
    color: #fff;
    border-radius: 0.16rem;
    height: 0.57rem;
    line-height: 0.59rem;
    width: 2.10rem;
    background-color: #fd9214
}



.title {
    padding: 0 0.1rem;
    font-size: 0.4rem;
    font-weight:bold;
    color: #333;
    line-height: 0.4rem;
    text-align: center;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.subtitle{
    font-size: 0.24rem;
    color:#666;
    text-align:center;
}


.banner.pro-banner {
    width: 100%;
    height: 3rem;
    position: relative;
    background: url("../images/pro_banner.png") center center no-repeat;
    background-size: 100% auto
}

.banner.pro-banner .btn-container {
    position: absolute;
    width: 100%;
    bottom: 0.47rem;
    text-align: center
}

.banner.pro-banner .btn-container a {
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 0.41rem;
    border: 0.02rem solid #fff;
    color: #fff;
    padding: 0 0.24rem;
    border-radius: 0.2rem
}

.solution {
    padding: 0.57rem 0.64rem 1.28rem;
    background-color: #ededed
}

.solution .title {
    font-size: 0.4rem
}

.solution .intro-content {
    margin-top: 0.95rem
}

.solution .intro-content .solution-container .solution-item {
    width: 2.82rem;
    height: 3.48rem;
    border: 0.02rem solid #e2e2e2;
    background-color: #fff;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.solution .intro-content .solution-container .solution-item .solu-logo {
    margin-top: 0.38rem;
    background: center center no-repeat;
    background-size: auto 100%;
    height: 0.3rem
}

.solution .intro-content .solution-container .solution-item .solu-logo.logo3, .solution .intro-content .solution-container .solution-item .solu-logo.logo4 {
    margin-top: 0.29rem
}

.solution .intro-content .solution-container .solution-item .solu-content {
    color: #666;
    font-size: 0.2rem;
    text-align: justify;
    line-height: 0.35rem;
    padding: 0 0.19rem
}

.solution .intro-content .solution-container .solution-item .solu-content.solu1 {
    margin-top: 0.22rem
}

.solution .intro-content .solution-container .solution-item .solu-content.solu2 {
    line-height: 0.3rem;
    margin-top: 0.16rem;
    padding-left: 0.1rem;
    padding-right: 0.08rem
}

.solution .intro-content .solution-container .solution-item .solu-content.solu3 {
    margin-top: 0.22rem;
    padding-left: 0.1rem;
    padding-right: 0.08rem
}

.solution .intro-content .solution-container .solution-item .solu-content.solu4 {
    margin-top: 0.22rem;
    padding-left: 0.1rem;
    padding-right: 0.08rem
}

.solution .intro-content .solution-container .solution-item:first-child {
    float: left
}

.solution .intro-content .solution-container .solution-item:last-child {
    float: right
}

.solution .intro-content .solution-container .solution-item .undestand-detail {
    position: absolute;
    display: block;
    width: 1.18rem;
    height: 0.36rem;
    line-height: 0.38rem;
    background-color: #fd9214;
    border-radius: 0.1rem;
    text-align: center;
    color: #fff;
    bottom: 0.22rem;
    left: 50%;
    margin-left: -0.59rem;
    font-size: 0.18rem
}

.solution .intro-content .intro-middle {
    width: 3.75rem;
    height: 4.46rem;
    margin: 0 auto;
    background: url("../images/intro_middle.png") center center no-repeat;
    background-size: 100% auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.solution .intro-content .intro-middle .main_btn {
    left: 50%;
    margin-left: -0.735rem
}

.solution .intro-content .intro-middle .middle-content {
    display: inline-block;
    width: 3.1rem;
    text-align: justify;
    color: #fff;
    font-size: 0.2rem;
    line-height: 0.36rem;
    padding-top: 0.2rem
}

.solution .intro-content .intro-middle .consulation {
    display: inline-block
}

.solution .intro-content .intro-middle a {
    width: 1.47rem;
    height: 0.45rem;
    line-height: 0.45rem;
    position: absolute;
    bottom: 0.81rem
}

.honor {
    padding: 0.42rem 0 0.38rem
}

.honor .honor-content {
    margin-top: 0.2rem;
    text-align: center;
    font-size: 0.22rem;
    line-height: 0.4rem;
    color: #666;
    padding: 0 0.6rem
}

.honor .honor-prize {
    margin-top: 0.42rem;
    position: relative
}

.honor .honor-prize .prize-item {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 0.48rem
}

.honor .honor-prize .prize-item .prize-pic {
    background: center center no-repeat;
    background-size: 100% auto;
    width: 2.5rem;
    height: 1.67rem
}

.honor .honor-prize .prize-item .prize-name {
    font-size: 0.22rem;
    color: #333;
    line-height: 0.22rem;
    margin-top: 0.15rem
}

.honor .honor-prize .prize-item .prize-left {
    display: inline-block;
    margin-right: 0.32rem
}

.honor .honor-prize .prize-item .prize-left .prize-pic {
    background-image: url("../images/prize1.png")
}

.honor .honor-prize .prize-item .prize-right {
    display: inline-block
}

.honor .honor-prize .prize-item .prize-right .prize-pic {
    background-image: url("../images/prize2.png")
}

.honor .honor-prize .prize-item:last-child .prize-pic {
    background: center center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 2.08rem
}

.honor .honor-prize .prize-item:last-child .prize-left {
    margin-right: 1.29rem
}

.honor .honor-prize .prize-item:last-child .prize-left .prize-pic {
    background-image: url("../images/prize3.png")
}

.honor .honor-prize .prize-item:last-child .prize-right .prize-pic {
    background-image: url("../images/prize4.png")
}

.honor .honor-prize .sw-page {
    position: absolute;
    display: block;
    width: 0.49rem;
    height: 0.49rem;
    background: center center no-repeat;
    top: 40%;
    border-radius: 50%;
    margin-top: -0.245rem;
    background-size: 100% auto
}

.honor .honor-prize .sw-page.pre-page {
    background-image: url("../images/pro_pre_page.png");
    left: 0.28rem
}

.honor .honor-prize .sw-page.next-page {
    background-image: url("../images/pro_next_page.png");
    right: 0.28rem
}

.pro-bottom {
    height: 6.47rem;
    width: 100%;
    background-color: #efefef;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 1rem 0 0.19rem
}

.pro-bottom .item-container {
    margin-left: 1.67rem
}

.pro-bottom .item-container .item {
    height: 1.75rem
}

.pro-bottom .item-container .item .icon {
    width: 1rem;
    height: 1rem;
    float: left;
    border-radius: 50%;
    background: #e60012 center center no-repeat
}

.pro-bottom .item-container .item .icon.pro_icon1 {
    background-image: url("../images/pro_icon1.png");
    background-size: 0.49rem
}

.pro-bottom .item-container .item .icon.pro_icon2 {
    background-image: url("../images/pro_icon2.png");
    background-size: 0.46rem
}

.pro-bottom .item-container .item .icon.pro_icon3 {
    background-image: url("../images/pro_icon3.png");
    background-size: 0.58rem
}

.pro-bottom .item-container .item .item-right {
    margin-left: 1.12rem
}

.pro-bottom .item-container .item .item-right .item_title {
    font-size: 0.34rem;
    font-weight: bold;
    color: #000
}

.pro-bottom .item-container .item .item-right .item_sub_title {
    color: #828282
}

.pro-bottom .item-container .item .item-right a {
    color: #e60012;
    font-size: 0.22rem;
    border-bottom: 0.02rem solid #e9767f
}


.banner.source-banner {
    background-image: url("../images/source_banner.png");
    position: relative
}

.banner.source-banner .btn-group {
    position: absolute;
    bottom: 0.8rem;
    text-align: center;
    width: 100%;
    height: 0.42rem
}

.banner.source-banner a {
    font-size: 0.22rem
}

.banner.source-banner a:first-child {
    background-color: rgba(255, 255, 255, 0.6);
    color: #212121;
    margin-right: 0.62rem
}

.banner.source-banner a:last-child {
    color: #fff;
    background-color: #0075f1
}

.cooper {
    padding:0.5rem 0.3rem 0.3rem;
}

.cooper .title {
    font-size: 0.4rem;
    font-weight: bold;
    line-height: 0.4rem
}

.cooper .subtitle {
    font-size: 0.22rem;
    line-height: 0.22rem;
    margin-top: 0.18rem;
    color: #333;
    text-align: center
}

.cooper .cooper-list {
    margin-top: 0.4rem
}

.cooper .cooper-list .cooper-item {
    position: relative;
    padding:0.3rem 0.15rem;
    border-bottom: 1px solid #a9a9a9;
}

.cooper .cooper-list .cooper-item:last-child{
    border-bottom:0;
}

.cooper .cooper-list .cooper-item .cooper-part {
    display: inline-block
}

.cooper .cooper-list .cooper-item .cooper-part.item-left {
    margin-right: 2.03rem;
    color: #333
}

.cooper .cooper-list .cooper-item .cooper-part.item-left .item-title {
    font-size: 0.36rem;
    font-weight: bold;
    margin-bottom: 0.1rem
}

.cooper .cooper-list .cooper-item .cooper-part.item-left .item-title span {
    color: #0175f1
}

.cooper .cooper-list .cooper-item .cooper-part.item-left .phone{
    display: inline-block;
    margin-left: 0.2rem;
    padding:0 0.2rem;
    background:#0276f1;
    font-size:0.24rem;
    color:#fff;
    line-height:0.4rem;
    border-radius:0.36rem;
}

.cooper .cooper-list .cooper-item .cooper-part.item-left .item-area {
    font-size: 0.28rem;
    margin-bottom: 0.15rem
}

.cooper .cooper-list .cooper-item .cooper-part.item-left .item-area span {
    display: inline-block;
    float: left
}

.cooper .cooper-list .cooper-item .cooper-part.item-left .item-content {
    line-height: 0.52rem;
    font-size: 0.28rem;
    color: #333
}

.cooper .cooper-list .cooper-item .cooper-part.item-left .item-content .item-concat a{
    color:#666;
}

.cooper .cooper-list .cooper-item .cooper-part .qrcode{

    position:absolute;
    top: -0.3rem;
    right: -0.2rem;
    z-index:10;
    width:0.6rem;
    height:0.6rem;
    background:url("../images/erweima.png") no-repeat;
    background-size:cover;
    cursor:pointer;
}
.cooper .cooper-list .cooper-item .cooper-part .qr_box{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    cursor:pointer;
}

.cooper .cooper-list .cooper-item .cooper-part .qr_img{
    width:60%;
    margin:190px auto 0;
}

.cooper .cooper-list .cooper-item .cooper-part.item-right {
    position: absolute;
    width: 2.03rem;
    height: 2.03rem;
    right: 0.15rem;
    top: 50%;
    margin-top: -1.015rem;
    border-radius: 50%;
    background: center center no-repeat;
    background-size: 100% auto
}

.cooper .cooper-list .cooper-item:first-child .item-right {
    background-image: url("../images/cooper1.png")
}

.banner.middle_banner {
    background-image: url("../images/add_middle_banner.png");
    position: relative
}

.banner.middle_banner a {
    position: absolute;
    width: 2.8rem;
    height: 0.36rem;
    bottom: 0.45rem;
    right: 0.76rem;
    margin-right: 0;
    opacity: 0
}

.join-advance {
    padding: 0.45rem 0 0.4rem;
    color: #333;
    text-align: center
}

.join-advance .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
}

.join-advance .subtitle {
   
    font-size: 0.22rem;
    margin: 0.2rem auto 0.5rem
}

.join-advance .adv-list {
    padding:0 0.5rem;
    text-align: left
}

.join-advance .adv-list .adv-item {
    display: inline-block;
    margin:0.1rem 0.4rem 0.7rem 0;
    width:3rem;
}
.join-advance .adv-list .adv-item:nth-child(2n){
    margin-right:0;
}
.join-advance .adv-list .adv-item .adv-img {
    width:2.7rem;
    height:2.2rem;
    margin:0 auto;
    background:center no-repeat;
}
.join-advance .adv-list .adv-item .adv-img1{
    background-image:url("../images/join1.png");
    background-size:90% auto;
}
.join-advance .adv-list .adv-item .adv-img2{
    background-image:url("../images/join2.png");
    background-size:70% auto;
}
.join-advance .adv-list .adv-item .adv-img3{
    background-image:url("../images/join3.png");
    background-size:65% auto;
}
.join-advance .adv-list .adv-item .adv-img4{
    background-image:url("../images/join4.png");
    background-size:70% auto;
}

.join-advance .adv-list .adv-item .adv-content {
    font-size: 0.24rem;
    text-align:center;  
}

.join-advance .four-mode{
    border-top:3px solid #a9a9a9;
}
.join-advance .four-mode .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin: 0.7rem 0 0.75rem
}

.join-advance .four-mode .mode-item {
    display: inline-block;
    margin-right: 0.48rem;
    margin-bottom: 0.24rem
}

.join-advance .four-mode .mode-item .mode-pic {
    width: 3.02rem;
    height: 1.37rem;
    background: center center no-repeat;
    background-size: 100% auto
}

.join-advance .four-mode .mode-item .jmqb{
    color: #fff;
    font-size: 0.32rem;
    position: absolute;
    margin-top: -0.88rem;
    margin-left: 0.8rem;
}


.join-advance .four-mode .mode-item .mode-intro {
    line-height: 0.65rem
}

.join-advance .four-mode .mode-item:nth-child(2n+1) {
    margin-right: 0
}
.qd-advance{    
    border-top:3px solid #a9a9a9;
    padding:0.5rem 0 0.2rem;
}

.qd-advance .title{
    margin-bottom:0.2rem;
}
.qd-advance .qd-adv-list{
    position:relative;
    height:4.5rem;
    margin-top: 0.2rem;
    padding-bottom:0.5rem;
    /*background:url("../images/ad_bg.png") center no-repeat;*/
    background-size: 100% auto;
}
.qd-advance .qd-adv-list .bg_img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.qd-advance .qd-adv-list .bg_img img{
    display:block;
    width:100%;
}
.qd-advance .qd-adv-list .qd-adv-item{
    position:absolute;    
}
.qd-advance .qd-adv-list .qd-adv-item1{
    top:0.24rem;
    left:2.4rem;
    width:3.3rem;
}
.qd-advance .qd-adv-list .qd-adv-item2{
    top: 1.33rem;
    left: 0.5rem;
    width: 2.5rem;
}
.qd-advance .qd-adv-list .qd-adv-item3{
    top: 2.9rem;
    left: 0.5rem;
    width: 2.5rem;
}
.qd-advance .qd-adv-list .qd-adv-item4{
    top: 1.31rem;
    right: 0.55rem;
    width: 2.5rem;
    text-align:right;
}
.qd-advance .qd-adv-list .qd-adv-item5{
    top:2.87rem;
    right: 0.55rem;
    width: 2.5rem;
    text-align:right;
}
.qd-advance .qd-adv-list .item-title{
    font-size:0.3rem;
    font-weight: bold;
    color:#e44132;
}
.qd-advance .qd-adv-list .item-title .order{
    color:#f5b807;
}
.qd-advance .qd-adv-list .txt{
    color:#999;
}

.banner.about-banner {
    background-image: url("../images/about-banner.png")
}


.about-container .txt{
    padding:0.5rem 0.4rem 0.4rem;
}

.about-container .txt p{
    text-indent:2em;
}

.about-container .title-img {
    margin: 0 auto;
    height: 0.41rem;
    background: url("../images/alipart.jpg") right center no-repeat;
    background-size: 2rem auto
}

.about-container .subtitle{
    margin: 0.1rem 0;
    font-size: 0.4rem;
    color: #395a80;
    font-weight: bold;
    text-align:center;
}

.about-container p {
    text-align: center;
    font-size:0.24rem;
    line-height:0.4rem;
    margin-bottom: 0.16rem;
}

.about-container img {
    width: 100%;
}

.about-container .title {
    color: #333;
    font-size: 0.4rem;
    text-align: center;
    margin-bottom:0.2rem;
    font-weight: bold
}
.about-container .team p{
    padding:0 0.1rem;
}

.about-container .honor{
    background:url("../images/sunline.png") center no-repeat;
    background-size:cover;
}

.about-container .honor .honor_img_item ul{
    display:flex;
    display:-webkit-flex;
    justify-content:space-around; 
    align-items: flex-end;
    
    
}
.about-container .honor .honor_img_item li{
   margin:0.1rem 0 0.4rem;
}
/* .about-container .honor .honor_img_item img{
    
} */

.about-container .honor .type1{
    width:30%;
}
.about-container .honor .type2{
    width:20%;
}
.about-container .honor .w_small{
    width:24%;
}

.about-container .honor .w_small img{
    height:120px;
}

.about-container .dev_box{
    border-top:3px solid #9a9695;
}

.about-container .dev-title {
    margin: 0.62rem 0 0.45rem;
}

.about-container .dev-pro {
    background: url("../images/dev-progress.png") center center no-repeat;
    background-size: auto 100%;
    height: 21.17rem;
    margin-bottom:0.8rem;
    position: relative;
    color: #333
}

.about-container .dev-pro .text-left {
    text-align: left;
    right: 0.25rem
}

.about-container .dev-pro .text-right {
    text-align: right;
    left: 0.25rem
}

.about-container .dev-pro .pro-word {
    width: 3.3rem;
    position: absolute;
    font-size: 0.22rem
}

.about-container .dev-pro .pro-word.pro_2008 {
    top: 1.14rem
}

.about-container .dev-pro .pro-word.pro_2009 {
    top: 2.72rem
}

.about-container .dev-pro .pro-word.pro_2010 {
    top: 4.9rem
}

.about-container .dev-pro .pro-word.pro_2011 {
    top: 7.1rem
}

.about-container .dev-pro .pro-word.pro_2012 {
    top: 9.46rem
}

.about-container .dev-pro .pro-word.pro_2013 {
    top: 11.8rem
}

.about-container .dev-pro .pro-word.pro_2014 {
    top: 13.56rem
}

.about-container .dev-pro .pro-word.pro_2015 {
    top: 15.76rem
}

.about-container .dev-pro .pro-word.pro_2016 {
    top: 17.6rem
}

.about-container .dev-pro .pro-word.pro_2017 {
    top: 19.5rem
}





.banner.fenmeng_banner {
    background-image: url("../images/fenmob_banner.png");
    position: relative
}

.banner.fenmeng_banner .circle_login {
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 0.45rem;
    right: 2.82rem;
}

.banner.fenmeng_banner .circle_btn {
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 0.45rem;
    right: 1.24rem;
}

.fenmob .title {
    margin: 0.62rem 0 0.2rem;
}

.fenmob .fenmob-img {
    text-align: center
}

.fenmob .fenmob-img .img {
    width: 5.96rem;
    margin: 0.74rem auto 0.56rem
}

.fenmob .subtitle {
    text-align: center;
    padding: 0 0.8rem
}

.fenmob p {
    padding: 0 0.82rem 0.54rem;
    text-align: justify;
    text-indent: 0.48rem;
    color: #666;
    line-height: 0.48rem;
    font-size: 0.24rem
}

.fenmob-adv .title {
    margin: 0.62rem 0 0.26rem
}

.fenmob-adv .subtitle {
    text-align: center;
    margin:0.2rem 0 0.4rem;
    padding: 0 0.6rem;
}

.fenmob-adv .fen-adv-container {
    padding: 0 0.5rem 0.8rem;
    margin-top: 0.2rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.fenmob-adv .fen-adv-container .fen-adv-item {
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-right: 0.3rem;
    margin-bottom: 0.45rem
}

.fenmob-adv .fen-adv-container .fen-adv-item:nth-child(2n) {
    margin-right: 0
}

.fenmob-adv .fen-adv-container .fen-adv-item .adv-pic {
    width: 1.12rem;
    height: 1.12rem;
    display: inline-block;
    border-radius: 50%;
    background: #3593fd center center no-repeat
}

.fenmob-adv .fen-adv-container .fen-adv-item .adv-title {

    font-size: 0.26rem;
    font-weight: bold
}

.fenmob-adv .fen-adv-container .fen-adv-item .adv-content {
    font-size: 0.24rem;
    color: #666; 
    text-align: justify;
    display: inline-block;
    width: 90%;
    margin-top: 0.14rem
}

.fenmob-adv .fen-adv-container .fen-adv-item:first-child .adv-pic {
    background-image: url("../images/fen_adv_icon1.png");
    background-size: 0.55rem auto
}

.fenmob-adv .fen-adv-container .fen-adv-item:nth-child(2) .adv-pic {
    background-image: url("../images/fen_adv_icon2.png");
    background-size: 0.55rem auto
}

.fenmob-adv .fen-adv-container .fen-adv-item:nth-child(3) .adv-pic {
    background-image: url("../images/fen_adv_icon3.png");
    background-size: 0.55rem auto
}

.fenmob-adv .fen-adv-container .fen-adv-item:nth-child(4) .adv-pic {
    background-image: url("../images/fen_adv_icon4.png");
    background-size: 0.55rem auto
}

.fenmob-adv .fen-adv-container .try {
    text-align: center;
    margin-top: 0.2rem;
}

.fenmob-adv .fen-adv-container .try a {
    height: 0.56rem;
    padding:0 0.5rem;
    font-size: 0.3rem;
    line-height: 0.56rem;
    border-radius: 0.28rem
}

.auth-code {
    padding: 0.62rem 0 1.11rem
}

.auth-code .title {
    margin-bottom: 0.15rem
}

.auth-code .subtitle {
    text-align: center;
    margin-bottom: 0.76rem;
}

.invate-card {
    padding: 0.62rem 0 0.76rem
}

.invate-card .title {
    margin-bottom: 0.26rem
}

.invate-card .subtitle {
    text-align: center;
}
.invate-card .img{
    width:6.5rem;
    margin:0 auto;
}
.sell-function{
    background:#efb09f;
}
.sell-function .title{
    padding: 0.62rem 0 0.2rem;
    color:#fff;
}
.sell-function .subtitle{
    margin-bottom:0.5rem;
    text-align:center;
    color:#fff;
}
.sell-function .img{
    width:6.5rem;
    margin:0 auto;
}
.fans-interaction {
    padding: 0.62rem 0 1.46rem
}

.fans-interaction .title {
    margin-bottom: 0.18rem
}

.fans-interaction .subtitle {
    text-align: center;
    margin-bottom: 0.4rem;
}

.fans-interaction .img-box {
   /*  padding: 0 1.57rem */
}
.fans-interaction .img{
    width:4.5rem;
    margin:0 auto;
}

.live-can-change {
    position: relative
}

.live-can-change .title {
    text-align: center;
    width: 100%;
    top: 0.35rem;
    color: #fff;
    position: absolute
}

.watch-buy {
    position: relative;
    padding: 0.62rem 0.83rem 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.watch-buy .title {
    margin-bottom: 0.2rem
}

.watch-buy .subtitle {
    font-size:0.24rem;
    color: #666;
    text-align: center;
    text-indent: 0.48rem;
    margin-bottom: 0.6rem
}

.watch-buy .icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.watch-buy .icon-container .fenmob-icon-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.watch-buy .icon-container .fenmob-icon-item .item-pic {
    height: 0.82rem;
    width: 100%;
    background: center center no-repeat;
    margin-bottom: 0.16rem
}

.watch-buy .icon-container .fenmob-icon-item p {
    font-size: 0.26rem;
    color: #333333
}

.watch-buy .icon-container .fenmob-icon-item:nth-child(1) .item-pic {
    background-image: url("../images/watch_buy_1.png");
    background-size: 0.82rem auto
}

.watch-buy .icon-container .fenmob-icon-item:nth-child(2) .item-pic {
    background-image: url("../images/watch_buy_2.png");
    background-size: 0.73rem auto
}

.watch-buy .icon-container .fenmob-icon-item:nth-child(3) .item-pic {
    background-image: url("../images/watch_buy_3.png");
    background-size: 0.76rem auto
}

.watch-buy .icon-container .fenmob-icon-item:nth-child(4) .item-pic {
    background-image: url("../images/watch_buy_4.png");
    background-size: 0.71rem auto
}
.watch-buy .try{
    text-align: center;
    padding:0.7rem 0;
}

.watch-buy a {
    height: 0.56rem;
    padding:0 0.5rem;
    font-size: 0.3rem;
    line-height: 0.56rem;
    border-radius: 0.28rem;
}

.circle_btn {
    height: 0.4rem;
    width: 1.28rem;
    line-height: 0.42rem;
    border: 0.02rem solid #fff;
    color: #fff;
    display: inline-block;
    border-radius: 0.2rem;
    text-align: center
}




.banner.report_banner {
    background-image: url("../images/report_banner.png")
}

.report-list {
    background-color: #dedede;
    overflow: hidden
}

.report-list .report-item {
    height: 2.67rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 0.1rem;
    background-color: #fff;
    padding: 0.37rem 0.21rem 0.54rem
}

.report-list .report-item .left-pic {
    float: left;
    width: 2.3rem;
    height: 1.77rem;
    background: center center no-repeat;
    background-size: 100% auto
}

.report-list .report-item .right-content {
    margin-left: 2.55rem;
    height: 1.77rem;
    position: relative
}

.report-list .report-item .right-content .report-title {
    height: 0.75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.26rem;
    color: #333
}

.report-list .report-item .right-content .report-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0.1rem;
    font-size: 0.2rem;
    color: #888
}

.report-list .report-item .right-content .create-time {
/*    position: absolute;   */
    left: 0;
    bottom: 0;
    font-size: 0.2rem;
    line-height: 0.2rem;
    color: #8f8f8f;
    margin-top:0.15rem;
}

.try-container {
    text-align: center;
    padding: 0.46rem 0 0.64rem;
    background-color: #fff
}

.try-container a {
    width: 3.64rem;
    height: 0.62rem;
    font-size: 0.3rem;
    line-height: 0.62rem
}






.store-title {
    font-size: 0.34rem;
    color: #333;
    line-height: 0.34rem;
    margin: 0.5rem 0 0.28rem;
    text-align: center
}

.store-subtitle {
    font-size: 0.24rem;
    color: #333;
    line-height: 0.24rem;
    text-align: center
}

.store-main-btn {
    width: 2.04rem;
    height: 0.56rem;
    line-height: 0.56rem;
    background-color: #ff7300;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 0.25rem
}

.banner.store-xcx-banner {
    background-image: url("../images/store-xcx-banner.png");
    position: relative
}

.banner.store-xcx-banner a {
    position: absolute;
    width: 1.58rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border: none;
    background-color: #fff;
    color: #fda014;
    bottom: 0.36rem;
    left: 50%;
    border-radius: 0.25rem;
    margin-left: -0.79rem;
    font-size: 0.2rem
}

.banner.store-xcx-banner a .img {
    width: 0.3rem;
    height: 0.3rem;
    vertical-align: middle;
    display: inline-block;
}

.cover-industry {
    padding-bottom: 0.9rem
}

.cover-industry .cover-img-container {
    text-align: center;
    margin: 0 0 0.8rem
}

.cover-industry img {
    width: 7.05rem
}

.cover-industry .industryed {
    font-size: 0.22rem;
    line-height: 0.36rem;
    padding: 0 0.23rem;
    margin-top: 1.16rem;
    text-align: justify
}



.store-title {
    font-size: 0.34rem;
    color: #333;
    line-height: 0.34rem;
    margin: 0.5rem 0 0.28rem;
    text-align: center
}

.store-subtitle {
    font-size: 0.24rem;
    color: #333;
    line-height: 0.24rem;
    text-align: center
}

.store-main-btn {
    width: 2.04rem;
    height: 0.56rem;
    line-height: 0.56rem;
    background-color: #ff7300;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 0.25rem
}

.banner.store-xcx-banner {
    background-image: url("../images/store-xcx-banner.png");
    position: relative
}

.banner.store-xcx-banner a {
    position: absolute;
    width: 1.58rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border: none;
    background-color: #fff;
    color: #fda014;
    bottom: 0.36rem;
    left: 50%;
    border-radius: 0.25rem;
    margin-left: -0.79rem;
    font-size: 0.2rem
}

.banner.store-xcx-banner a img {
    width: 0.3rem;
    vertical-align: middle
}

.cover-industry {
    padding-bottom: 0.9rem
}

.cover-industry .cover-img-container {
    text-align: center;
    margin: 0 0 0.8rem
}

.cover-industry .img {
    width: 7.05rem;
    display: inline-block;
}

.cover-industry .industryed {
    font-size: 0.22rem;
    line-height: 0.36rem;
    padding: 0 0.23rem;
    margin-top: 1.16rem;
    text-align: justify
}

.template-xcx {
    background-color: #f3f3f4;
    height: 7.53rem;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative
}

.template-xcx .store-title {
    margin-top: 0.56rem
}

.template-xcx a {
    position: absolute;
    height: 0.48rem;
    width: 1.93rem;
    font-size: 0.28rem;
    color: #ef4300;
    line-height: 0.54rem;
    border-radius: 0.24rem;
    border: 0.02rem solid #f58c64;
    background-color: #f8f8f8;
    bottom: 0.98rem;
    left: 50%;
    margin-left: -0.965rem
}

.template-xcx .tem-img {
    text-align: center;
    margin-top: 0.94rem
}

.template-xcx img {
    width: 7.05rem;
    margin:0 auto;
}

.store-fun .store-mode .fun-title {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #00b6bb;
    text-align: center
}

.store-fun .store-mode .fun-title.title1 {
    margin: 0.8rem 0 0.49rem
}

.store-fun .store-mode .fun-title.title2 {
    margin: 0.78rem 0 0.63rem
}

.store-fun .store-mode .order-container {
    padding: 0 0.4rem;
}

.store-fun .store-mode .order-container .store-order-item {
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center
}

.store-fun .store-mode .order-container .store-order-item .order-icon {
    width: 1.3rem;
    height: 1.3rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    border: #fb7b21 solid 0.02rem;
    background: center center no-repeat
}

.store-fun .store-mode .order-container .store-order-item p {
    font-size: 0.2rem;
    color: #343434;
    margin-top: 0.12rem
}

.store-fun .store-mode .order-container .store-order-item:nth-child(1), .store-fun .store-mode .order-container .store-order-item:nth-child(2), .store-fun .store-mode .order-container .store-order-item:nth-child(3), .store-fun .store-mode .order-container .store-order-item:nth-child(4) {
    margin-bottom: 0.55rem
}

.store-fun .store-mode .order-container .store-order-item:nth-child(1) .order-icon {
    background-image: url("../images/store-order1.png");
    background-size: 0.7rem auto
}

.store-fun .store-mode .order-container .store-order-item:nth-child(2) .order-icon {
    background-image: url("../images/store-order2.png");
    background-size: 0.55rem auto
}

.store-fun .store-mode .order-container .store-order-item:nth-child(3) .order-icon {
    background-image: url("../images/store-order3.png");
    background-size: 0.65rem auto
}

.store-fun .store-mode .order-container .store-order-item:nth-child(4) .order-icon {
    background-image: url("../images/store-order4.png");
    background-size: 0.63rem auto
}

.store-fun .store-mode .order-container .store-order-item:nth-child(5) .order-icon {
    background-image: url("../images/store-order5.png");
    background-size: 0.65rem auto
}

.store-fun .store-mode .order-container .store-order-item:nth-child(6) .order-icon {
    background-image: url("../images/store-order6.png");
    background-size: 0.75rem auto
}

.store-fun .store-mode .order-container .store-order-item:nth-child(7) .order-icon {
    background-image: url("../images/store-order7.png");
    background-size: 0.85rem auto
}

.store-fun .store-mode .order-container .store-order-item:nth-child(8) .order-icon {
    background-image: url("../images/store-order8.png");
    background-size: 0.7rem auto
}

.store-fun .store-mode.sell-mode .order-container {
    text-align: left
}

.store-fun .store-mode.sell-mode .order-container .store-order-item {
    width: 33.33333%
}

.store-fun .store-mode.sell-mode .order-container .store-order-item .order-icon {
    border-color: #ff5212;
    /*width:1.5rem;
    height:1.5rem;*/
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(1), .store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(2), .store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(3) {
    margin-bottom: 0.55rem
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(1) .order-icon {
    background-image: url("../images/store-sell1.png");
    background-size: 0.6rem auto
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(2) .order-icon {
    background-image: url("../images/store-sell2.png");
    background-size: 0.7rem auto
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(3) .order-icon {
    background-image: url("../images/store-sell3.png");
    background-size: 0.75rem auto
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(4) {
    margin-bottom: 0
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(4) .order-icon {
    background-image: url("../images/store-sell4.png");
    background-size: 0.7rem auto
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(5) .order-icon {
    background-image: url("../images/store-sell5.png");
    background-size: 0.7rem auto
}

.store-fun .store-mode.sell-mode .order-container .store-order-item:nth-child(6) .order-icon {
    background-image: url("../images/store-sell6.png");
    background-size: 0.7rem auto
}

.store-fun .store-main-btn {
    display: block;
    margin: 0.98rem auto 0.8rem
}

.store-sys {
    background-color: #f3f3f4;
    overflow: hidden;
    padding-top: 0.36rem
}

.store-sys .store-title {
    margin-top: 0
}

.store-sys .store-main-btn {
    display: block;
    margin: 0.87rem auto 0.55rem
}

.store-sys .store-sys-container {
    padding: 0.49rem 0 0 0.15rem;

}

.store-sys .store-sys-container .store-sys-item {
    width: 1.72rem;
    height: 1.72rem;
    background-color: #fff;
    text-align: center;
    display: inline-block;
    float: left;
    margin-right: 0.1rem;
    border-radius:7px;
}

.store-sys .store-sys-container .store-sys-item .sys-icon {
    height: 1.22rem;
    background: center center no-repeat
}

.store-sys .store-sys-container .store-sys-item p {
    font-size: 0.2rem;
    color: #333
}

.store-sys .store-sys-container .store-sys-item:nth-child(4), .store-sys .store-sys-container .store-sys-item:nth-child(8) {
    margin-right: 0
}

.store-sys .store-sys-container .store-sys-item:nth-child(1), .store-sys .store-sys-container .store-sys-item:nth-child(2), .store-sys .store-sys-container .store-sys-item:nth-child(3), .store-sys .store-sys-container .store-sys-item:nth-child(4) {
    margin-bottom: 0.79rem
}

.store-sys .store-sys-container .store-sys-item:nth-child(1) .sys-icon {
    background-image: url("../images/store-sys1.png");
    background-size: 0.75rem auto
}

.store-sys .store-sys-container .store-sys-item:nth-child(2) .sys-icon {
    background-image: url("../images/store-sys2.png");
    background-size: 1.1rem auto
}

.store-sys .store-sys-container .store-sys-item:nth-child(3) .sys-icon {
    background-image: url("../images/store-sys3.png");
    background-size: 0.8rem auto
}

.store-sys .store-sys-container .store-sys-item:nth-child(4) .sys-icon {
    background-image: url("../images/store-sys4.png");
    background-size: 0.8rem auto
}

.store-sys .store-sys-container .store-sys-item:nth-child(5) .sys-icon {
    background-image: url("../images/store-sys5.png");
    background-size: 0.85rem auto
}

.store-sys .store-sys-container .store-sys-item:nth-child(6) .sys-icon {
    background-image: url("../images/store-sys6.png");
    background-size: 0.8rem auto
}

.store-sys .store-sys-container .store-sys-item:nth-child(7) .sys-icon {
    background-image: url("../images/store-sys7.png");
    background-size: 0.8rem auto
}

.store-sys .store-sys-container .store-sys-item:nth-child(8) .sys-icon {
    background-image: url("../images/store-sys8.png");
    background-size: 0.7rem auto
}

.store-sys.e-commerce {
    background-color: #fff;
    padding-top: 0.7rem
}

.store-sys.e-commerce .store-main-btn {
    display: block;
    margin: 0.68rem auto 0.47rem
}

.store-sys.e-commerce .store-title {
    margin-bottom: 0.16rem
}

.store-sys.e-commerce .store-subtitle {
    padding: 0 0.94rem;
    line-height: 0.4rem
}

.store-sys.e-commerce .store-sys-container .store-sys-item {
    background-color: #f3f3f4
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(1) .sys-icon {
    background-image: url("../images/e-comm1.png");
    background-size: 0.75rem auto
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(2) .sys-icon {
    background-image: url("../images/e-comm2.png");
    background-size: 0.8rem auto
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(3) .sys-icon {
    background-image: url("../images/e-comm3.png");
    background-size: 0.7rem auto
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(4) .sys-icon {
    background-image: url("../images/e-comm4.png");
    background-size: 0.9rem auto
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(5) .sys-icon {
    background-image: url("../images/e-comm5.png");
    background-size: 0.75rem auto
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(6) .sys-icon {
    background-image: url("../images/e-comm6.png");
    background-size: 0.75rem auto
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(7) .sys-icon {
    background-image: url("../images/e-comm7.png");
    background-size: 0.7rem auto
}

.store-sys.e-commerce .store-sys-container .store-sys-item:nth-child(8) .sys-icon {
    background-image: url("../images/e-comm8.png");
    background-size: 0.8rem auto
}

.buss-guar {
    background-color: #f3f3f4;
    height: 7.75rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden
}

.buss-guar .guar-container {
    padding: 0.39rem 0 1.3rem 0.5rem
}

.buss-guar .guar-container .guar-item {
    height: 2.5rem;
    width: 3rem;
    float: left;
    text-align: center;
    margin-right: 0.72rem
}

.buss-guar .guar-container .guar-item .guar-icon {
    display: inline-block;
    vertical-align: top;
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: 0.1rem;
    border-radius: 50%;
    background: #fea500 center center no-repeat
}

.buss-guar .guar-container .guar-item p {
    font-size: 0.2rem;
    line-height: 0.36rem;
    color: #333
}

.buss-guar .guar-container .guar-item:nth-child(2), .buss-guar .guar-container .guar-item:nth-child(4) {
    margin-right: 0
}

.buss-guar .guar-container .guar-item:nth-child(1) .guar-icon {
    background-image: url("../images/store-guar1.png");
    background-size: 0.52rem auto
}

.buss-guar .guar-container .guar-item:nth-child(2) .guar-icon {
    background-image: url("../images/store-guar2.png");
    background-size: 0.65rem auto
}

.buss-guar .guar-container .guar-item:nth-child(3) .guar-icon {
    background-image: url("../images/store-guar3.png");
    background-size: 0.53rem auto
}

.buss-guar .guar-container .guar-item:nth-child(4) .guar-icon {
    background-image: url("../images/store-guar4.png");
    background-size: 0.72rem auto
}

.banner.shopmail-banner {
    background-image: url("../images/shipmail_banner.png")
}

.shop-succeeds {
    overflow: hidden;
    padding-bottom: 0.82rem
}

.shop-succeeds .store-title {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.76rem 0 0.2rem
}

.shop-succeeds .store-subtitle {
    padding: 0 1rem;
    line-height: 0.4rem;
    font-size: 0.22rem
}

.shop-succeeds .succeeds-img {
    text-align: center;
    margin-top: 0.7rem
}

.shop-succeeds .succeeds-img .img {
    width: 6.04rem;
    margin: 0 auto;
}

.flow-entry {
    background-color: #f3f3f4;
    overflow: hidden
}

.flow-entry .store-title {
    margin: 0.5rem 0 0.4rem;
    font-weight: bold
}

.flow-entry .store-main-btn {
    display: block;
    margin: 0.55rem auto 0.44rem
}

.flow-entry .flow-container {
    padding: 0 0.2rem
}

.flow-entry .flow-container .flow-item {
    text-align: center;
    float: left;
    width: 25%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 1rem
}

.flow-entry .flow-container .flow-item .flow-icon {
    width: 100%;
    height: 1rem;
    background: center center no-repeat;
    display: inline-block
}

.flow-entry .flow-container .flow-item p {
    margin-top: 0.24rem
}

.flow-entry .flow-container .flow-item:nth-child(5), .flow-entry .flow-container .flow-item:nth-child(6), .flow-entry .flow-container .flow-item:nth-child(7), .flow-entry .flow-container .flow-item:nth-child(8) {
    margin-top: 0.76rem
}

.flow-entry .flow-container .flow-item:nth-child(1) .flow-icon {
    background-image: url("../images/flow-icon1.png");
    background-size: 0.58rem auto
}

.flow-entry .flow-container .flow-item:nth-child(2) .flow-icon {
    background-image: url("../images/flow-icon2.png");
    background-size: 0.67rem auto
}

.flow-entry .flow-container .flow-item:nth-child(3) .flow-icon {
    background-image: url("../images/flow-icon3.png");
    background-size: 0.7rem auto
}

.flow-entry .flow-container .flow-item:nth-child(4) .flow-icon {
    background-image: url("../images/flow-icon4.png");
    background-size: 0.7rem auto
}

.flow-entry .flow-container .flow-item:nth-child(5) .flow-icon {
    background-image: url("../images/flow-icon5.png");
    background-size: 0.74rem auto
}

.flow-entry .flow-container .flow-item:nth-child(6) .flow-icon {
    background-image: url("../images/flow-icon6.png");
    background-size: 0.87rem auto
}

.flow-entry .flow-container .flow-item:nth-child(7) .flow-icon {
    background-image: url("../images/flow-icon7.png");
    background-size: 0.86rem auto
}

.flow-entry .flow-container .flow-item:nth-child(8) .flow-icon {
    background-image: url("../images/flow-icon8.png");
    background-size: 0.80rem auto
}

.core-fun {
    padding: 0 0.25rem;
    overflow: hidden
}

.core-fun .store-title {
    margin-top: 0.5rem
}

.core-fun .store-main-btn {
    display: block;
    margin: 0 auto 0.53rem
}

.core-fun .store-title {
    font-weight: bold
}

.core-fun .core-container {
    margin-top: 0.78rem
}

.core-fun .core-container .core-item {
    width: 25%;
    float: left;
    margin-bottom: 0.5rem
}

.core-fun .core-container .core-item .core-icon {
    margin: auto;
    width: 1.24rem;
    height: 1.24rem;
    background: center center no-repeat;
    background-size: 100% auto
}

.core-fun .core-container .core-item p {
    margin-top: 0.24rem;
    font-size: 0.2rem;
    text-align: center;
    white-space: nowrap;
}

.core-fun .core-container .core-item:nth-child(1) .core-icon {
    background-image: url("../images/core-icon1.png")
}

.core-fun .core-container .core-item:nth-child(2) .core-icon {
    background-image: url("../images/core-icon2.png")
}

.core-fun .core-container .core-item:nth-child(3) .core-icon {
    background-image: url("../images/core-icon3.png")
}

.core-fun .core-container .core-item:nth-child(4) .core-icon {
    background-image: url("../images/core-icon4.png")
}

.core-fun .core-container .core-item:nth-child(5) .core-icon {
    background-image: url("../images/core-icon5.png")
}

.core-fun .core-container .core-item:nth-child(6) .core-icon {
    background-image: url("../images/core-icon6.png")
}

.core-fun .core-container .core-item:nth-child(7) .core-icon {
    background-image: url("../images/core-icon7.png")
}

.core-fun .core-container .core-item:nth-child(8) .core-icon {
    background-image: url("../images/core-icon8.png")
}

.apply-industry {
    background-color: #f3f3f4;
    overflow: hidden;
    padding-bottom: 0.59rem
}

.apply-industry .store-title {
    margin: 0.29rem;
    margin-bottom: 0.26rem
}

.apply-industry .store-subtitle {
    line-height: 0.4rem;
    padding: 0 0.6rem 0.58rem;
    font-size: 0.2rem;
    color: #666
}

.apply-industry .industry-container {
    padding: 0 0 0 1.21rem
}

.apply-industry .industry-container .industry-item {
    width: 2.19rem;
    height: 2.26rem;
    padding-top: 0.4rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    margin-right: 0.61rem;
    text-align: center;
    background-color: #fff;
    margin-bottom: 0.32rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.apply-industry .industry-container .industry-item .industry-icon {
    width: 100%;
    height: 1.18rem;
    display: inline-block;
    background: center center no-repeat
}

.apply-industry .industry-container .industry-item:nth-child(1) .industry-icon {
    background-image: url("../images/industry-icon1.png");
    background-size: 0.89rem auto
}

.apply-industry .industry-container .industry-item:nth-child(2) .industry-icon {
    background-image: url("../images/industry-icon2.png");
    background-size: 0.85rem auto
}

.apply-industry .industry-container .industry-item:nth-child(3) .industry-icon {
    background-image: url("../images/industry-icon3.png");
    background-size: 0.94rem auto
}

.apply-industry .industry-container .industry-item:nth-child(4) .industry-icon {
    background-image: url("../images/industry-icon4.png");
    background-size: 0.76rem auto
}

.shopmail-xcx-display .store-title {
    margin: 0.8rem 0;
}

.shopmail-xcx-display .shopmail-display {
    text-align: center
}

.shopmail-xcx-display .shopmail-display .store-title {
    margin: 0.96rem auto 0.86rem
}

.shopmail-xcx-display .shopmail-display .img {
    width: 6.7rem;
    margin: 0 auto;
}

.shopmail-xcx-display .store-main-btn {
    width: 1.72rem;
    height: 0.44rem;
    line-height: 0.44rem;
    margin: 0.52rem auto 0.78rem;
    display: block
}







.main_btn {
    display: inline-block;
    border-radius: 0.1rem;
    background-color: #fd9214;
    color: #fff;
    text-align: center
}

.circle_btn {
    height: 0.4rem;
    width: 1.28rem;
    line-height: 0.42rem;
    border: 0.02rem solid #fff;
    color: #fff;
    display: inline-block;
    border-radius: 0.2rem;
    text-align: center
}


.store-title {
    font-size: 0.34rem;
    color: #333;
    line-height: 0.34rem;
    margin: 0.5rem 0 0.28rem;
    text-align: center
}

.store-subtitle {
    font-size: 0.24rem;
    color: #666;
    line-height: 0.24rem;
    text-align: center
}

.store-main-btn {
    width: 2.04rem;
    height: 0.56rem;
    line-height: 0.56rem;
    background-color: #ff7300;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 0.25rem
}

.banner.store-xcx-banner {
    background-image: url("../images/store-xcx-banner.png");
    position: relative
}

.banner.store-xcx-banner a {
    position: absolute;
    width: 1.58rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border: none;
    background-color: #fff;
    color: #fda014;
    bottom: 0.36rem;
    left: 50%;
    border-radius: 0.25rem;
    margin-left: -0.79rem;
    font-size: 0.2rem;
    text-align: center;
}


.banner.store-xcx-banner a img {
    width: 0.3rem;
    vertical-align: middle
}

.cover-industry {
    padding-bottom: 0.9rem
}

.cover-industry .cover-img-container {
    text-align: center;
    margin: 0 0 0.8rem
}

.cover-industry img {
    width: 7.05rem
}

.cover-industry .industryed {
    font-size: 0.22rem;
    line-height: 0.36rem;
    padding: 0 0.8rem;
    margin-top: 0.9rem;
    text-align: center;
}



.buss-guar .guar-container {
    padding: 0.39rem 0 1.3rem 0.5rem
}

.buss-guar .guar-container .guar-item {
    height: 2.6rem;
    width: 3rem;
    float: left;
    text-align: center;
    margin-right: 0.72rem;
    margin-bottom:0.1rem;
}

.buss-guar .guar-container .guar-item .guar-icon {
    display: inline-block;
    vertical-align: top;
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: 0.1rem;
    border-radius: 50%;
    background: #fea500 center center no-repeat
}

.buss-guar .guar-container .guar-item .guar-title{
    font-size:0.3rem;
    margin-bottom: 0.05rem;
}

.buss-guar .guar-container .guar-item p {
    font-size: 0.2rem;
    line-height: 0.36rem;
    color: #666;
}

.buss-guar .guar-container .guar-item:nth-child(2), .buss-guar .guar-container .guar-item:nth-child(4) {
    margin-right: 0
}

.buss-guar .guar-container .guar-item:nth-child(1) .guar-icon {
    background-image: url("../images/store-guar1.png");
    background-size: 0.52rem auto
}

.buss-guar .guar-container .guar-item:nth-child(2) .guar-icon {
    background-image: url("../images/store-guar2.png");
    background-size: 0.65rem auto
}

.buss-guar .guar-container .guar-item:nth-child(3) .guar-icon {
    background-image: url("../images/store-guar3.png");
    background-size: 0.53rem auto
}

.buss-guar .guar-container .guar-item:nth-child(4) .guar-icon {
    background-image: url("../images/store-guar4.png");
    background-size: 0.72rem auto
}

.main_btn.wei_main_btn {
    display: block;
    margin: 1.04rem auto 0;
    width: 3.28rem;
    height: 0.61rem;
    line-height: 0.61rem;
    font-size: 0.3rem
}

.banner.weifen-banner {
    background-image: url("../images/qiboot-weifenxiao-banner.png");
    position: relative;
}

.banner.weifen-banner .circle_btn {
    background-color: #235ad9;
    position: absolute;
    border: none;
    bottom: 0.35rem;
    left: 50%;
    margin-left: -0.64rem;
    width: 1.59rem;
    height: 0.45rem;
    line-height: 0.45rem;
}
.wfx-product .wfx-section{
    padding: 0.6rem 0.2rem;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.wfx-section .title{
    font-size: 0.44rem;
    height:auto;
    line-height: 1.5;
    color: #373d40;
    padding: 0.14rem 0 0.2rem;
    font-weight: normal;
    text-align:center;
}

.wfx-product .wfx-section .subtitle{
    font-size: 0.24rem;
    color: #9b9ba3;
}

.wei-adv {
    width:100%;
    height: 1rem;
    background-color: #fff;
}
.wei-adv .adv-list{    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    padding: 0 0.5rem;
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 0 #edeff0;
}

.wei-adv .adv-list .adv-item {
    font-size:0.28rem;
    opacity: 0.6;
}

.wei-adv .adv-list .adv-item.active {
    height: 1rem;
    box-sizing: border-box;
    border-bottom: 2px solid #488bff;
    opacity: 1;
    color: #333;
}

.why-weifen .subtitle {
    margin: 0.1rem 0.9rem 0.6rem;
}
.why-weifen .wfx-img{
    width:85%;
    margin:0 auto 0.6rem;
    box-shadow: -2px 0 10px #9e9e9e;
}
.why-weifen .wfx-img img{
    display:block;
    width:100%;
}

.why-do-weifen {
    background: #f5f6f7;
}

.why-do-weifen .subtitle {
   margin: 0.1rem 0.7rem 0.6rem;
}

.why-do-weifen .why-do-container {
    width: 6rem;
    margin: 0 auto;
}

@media screen and (max-width: 370px) {
    .why-do-weifen .why-do-container {
        width: 7rem;
    }
}



.why-do-weifen .why-do-container .why-do-item {
    display: inline-block;
    width: 45%;
    text-align: center;
    margin-bottom: 0.6rem;
    margin-right: 5%;
}
.why-do-weifen .why-do-container .why-do-item:nth-child(2n){
    margin-right:0;
}

.why-do-weifen .why-do-container .why-do-item .why-icon {
    width:1.5rem;
    height: 1.5rem;
    margin:0 auto;
    background: center center no-repeat;
    background-size:cover;
}

.why-do-weifen .why-do-container .why-do-item:nth-child(1) .why-icon {
    background-image: url("../images/fn_icon1.png");
}

.why-do-weifen .why-do-container .why-do-item:nth-child(2) .why-icon {
    background-image: url("../images/fn_icon2.png");
}

.why-do-weifen .why-do-container .why-do-item:nth-child(3) .why-icon {
    background-image: url("../images/fn_icon3.png");
}

.why-do-weifen .why-do-container .why-do-item:nth-child(4) .why-icon {
    background-image: url("../images/fn_icon4.png");
} 

.why-do-weifen .why-do-container .why-do-item .why-do-title {
    font-size: 0.3rem;
    padding: 0.3rem 0 0.1rem;
}

.why-do-weifen .why-do-container .why-do-item .why-do-info {
    font-size: 0.24rem;
    color: #999;
}

.four-mode .title em{
    font-size:0.8rem;
    font-style:italic;
    padding: 0 0.2rem 0 0.1rem;
}

.mode{
    padding:0.7rem 0;
    margin:0 0.1rem;
    display:flex;
    display:-webkit-flex;
    justify-content: space-between;
    border-bottom:1px solid #488bfe;
}
.mode:last-child{
    border-bottom:0;
}

.mode .mode-pic {
    width:50%;
}

.mode .mode-intro {
    width:45%;
}
.mode .mode-con{
    width:100%;   
    padding-left:0.8rem; 
    box-sizing:border-box;
    background: 0 0.15rem no-repeat;
    background-size:20%; 
}
.mode_1 .mode-con {
    background-image:url("../images/01.jpg");
    background-position:0.1rem 0.15rem;
}
.mode_2 .mode-con {
    background-image:url("../images/02.jpg");
}
.mode_3 .mode-con {
    background-image:url("../images/03.jpg");
}
.mode_4 .mode-con {
    background-image:url("../images/04.jpg");
}
.mode-intro .type{
    padding-left:0.8rem; 
    font-size:0.2rem;
    text-align:left;
    color:#fff;
}
.mode-intro .type span{
    display:inline-block;
    line-height:0.36rem;
    border-radius:0.36rem;
    padding:0 0.14rem;
    background:#b2b1b6;

}
.mode-intro .mode-title{
    font-size: 0.44rem;
    text-align:left;
}
.mode-intro p {
    font-size:0.24rem; 
    text-align:left; 
}

.purchase.wfx-section {
    padding: 0.6rem 0.4rem;
    background:#f5f6f7;
}

.purchase .m-tab-card{
    margin-top:0.6rem;
}

.purchase .tab-head{
    position: relative;
    width: 100%;
    display: flex;
    height: 1rem;
    justify-content: center;
    box-sizing: border-box;
}

.purchase .tab-head li{
    position: relative;
    width: 1.4rem;
    font-size: 0.24rem;
    color: #fff;
    border: 1px solid #f5f6f7;
    border-radius: 4px;
    text-align: center;
    line-height: 0.6rem;
}
.purchase .tab-head li.active{
    font-size: 0.36rem;
    width: 2.28rem;
    top: -0.24rem;
    line-height: 0.8rem;
}

.purchase .tab-head li:nth-child(1){
    background: #488bff;
}
.purchase .tab-head li:nth-child(2){
    background: #09cba4;
}
.purchase .tab-head li:nth-child(3){
    background: #fba63c;
}
.purchase .tab-content{
    position: relative;
    top: -0.4rem;
    background-color: #fff;
    z-index: 2;
}

.purchase .tab-content .content{
    width: 100%;
    box-sizing: border-box;
}
.purchase .content .m-card{
    width: 100%;
    box-shadow: 0 7px 15px 0 rgba(53,55,75,0.08);
    border-radius: 4px;
    background-color: #fff;
}
.purchase .content .listpart{
    float: left;
    width: 50%;
    padding: 0.46rem 0 0.46rem 0.36rem;
    box-sizing: border-box;
    text-align: left;
}
.purchase .content .list-left{
    border-right: 1px solid #f5f6f7;
}

.purchase .listpart li{
    position: relative;
    font-size: 0.24rem;
    line-height: 0.4rem;
    padding-bottom: 0.18rem;
    white-space: nowrap;
}
.purchase .listpart li .iconfont{
    position: absolute;
    top: 3px;
}

.purchase .content:nth-child(1) .iconfont{
    color: #488bff;
}

.purchase .content:nth-child(2) .iconfont{
    color: #09cba4;
}

.purchase .content:nth-child(3) .iconfont{
    color: #fba63c;
}

.purchase .listpart .li-content{
    display: inline-block;
    width: 100%;
    padding-left: 0.52rem;
    box-sizing: border-box;
    vertical-align: middle;
    white-space: normal;
}

.purchase .card-list-down{
    width: 100%;
    text-align: center;
    padding: 0.6rem;
    box-sizing: border-box;
    border-top: 1px solid #f5f6f7;
}

.purchase .card-list-down .title {
    font-size: 0.4rem;
    color: #373d40;
    line-height: 0.56rem;
    font-weight: normal;
}

.purchase .card-list-down p{
    font-size: 0.24rem;
    color: #9b9ba3;
    line-height: 0.34rem;
}

    

    


/*.wei-sell-tools {
    height: 9.88rem;
    padding-top: 1rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative
}

.wei-sell-tools .title {
    font-size: 0.34rem;
    font-weight: bold
}

.wei-sell-tools .subtitle {
    text-align: center;
    margin-top: 0.08rem
}

.wei-sell-tools .tools-img {
    margin-top: 0.36rem;
    text-align: center
}

.wei-sell-tools .tools-img .img {
    width: 5.61rem;
    margin: 0 auto;
}

.wei-sell-tools a.main_btn.wei_main_btn {
    position: absolute;
    width: 2.96rem;
    left: 50%;
    bottom: 1.06rem;
    margin-left: -1.48rem
}*/

.main_btn {
    display: inline-block;
    border-radius: 0.1rem;
    background-color: #ff801f;
    color: #fff;
    text-align: center
}

.circle_login {
    height: 0.4rem;
    width: 1.28rem;
    line-height: 0.42rem;
    border: 0.02rem solid #fff;
    color: #fff;
    display: inline-block;
    border-radius: 0.2rem;
    text-align: center
}

.circle_btn {
    height: 0.4rem;
    width: 1.28rem;
    line-height: 0.42rem;
    border: 0.02rem solid #fff;
    color: #fff;
    display: inline-block;
    border-radius: 0.2rem;
    text-align: center
}

body {
    font-size: 0.24rem;
    font-family: 'Microsoft YaHei';
    padding-bottom: 1.16rem;
    padding-top: 1.99rem
}

.banner {
    width: 100%;
    height: 3rem;
    background: center center no-repeat;
    background-size: 100% auto
}

.main-divide {
    height: 0.2rem;
    background-color: #e3e3e3;
    width: 100%
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.header .logo {
    height: 1.02rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.header .logo .img {
    width: 1.95rem;
    height: 0.62rem;
}

.header .header-menu {
    background-color: #183060
}

.header .header-menu .main-menu {
    float: left;
    width: 85%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.header .header-menu .main-menu .main-menu-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header .header-menu .main-menu .main-menu-container .menu-item {
    display: block;
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: 1rem;
    box-sizing: border-box;
    position: relative
}

.header .header-menu .main-menu .main-menu-container .menu-item.active {
    background-color: #34affc
}

.header .header-menu .main-menu .main-menu-container .menu-item .icon-container {
    height: 0.65rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .header-menu .main-menu .main-menu-container .menu-item p {
    font-size: 0.22rem;
    line-height: 0.22rem
}

.header .header-menu .main-menu .main-menu-container .menu-item.item_1 .img, .header .header-menu .main-menu .main-menu-container .menu-item.item_2 .img {
    height: 0.44rem;
    width:0.4rem;
}

.header .header-menu .main-menu .main-menu-container .menu-item.item_3 .img {
    height: 0.40rem;
    width:0.4rem;
}

.header .header-menu .main-menu .main-menu-container .menu-item.item_4 .img {
    height: 0.42rem;
    width:0.4rem;
}

.header .header-menu .main-menu .main-menu-container .menu-item:after {
    content: '';
    position: absolute;
    width: 0.02rem;
    background-color: #697a9b;
    height: 100%;
    right: -0.01rem;
    top: 0
}

.header .header-menu .menu-tap {
    float: left;
    width: 15%;
    height: 1rem;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.header .header-menu .menu-tap .tap-icon {
    display: block;
    width: 0.46rem;
    height: 100%;
    margin: 0 auto;
    background: url("../images/menu-tap.png") no-repeat center center;
    background-size: 100% auto
}

.header .header-menu .menu-tap .fast-track {
    display: none;
    background-color: #183060;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 22
}

.header .header-menu .menu-tap .fast-track ul li {
    height: 0.69rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 0.01rem solid #5d6b88
}

.header .header-menu .menu-tap .fast-track ul li a {
    color: #fff
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon {
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0.4rem;
    font-size: 0.22rem
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon.icon_1 {
    background-image: url(../images/free-reg.png);
    background-size: 0.3rem auto
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon.icon_2 {
    background-image: url(../images/m_index_wei.png);
    background-size: 0.3rem auto
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon.icon_3 {
    background-image: url(../images/m_index_miniapp_icon.png);
    background-size: 0.3rem auto
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon.icon_4 {
    background-image: url(../images/index_cloud.png);
    background-size: 0.41rem auto
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon.icon_6 {
    background-image: url(../images/fenmeng_icon.png);
    background-size: 0.29rem auto
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon.icon_5 {
    background-image: url(../images/weiliao_icon.png);
    background-size: 0.30rem auto
}

.header .header-menu .menu-tap .fast-track ul li a .fast-icon.icon_7 {
    background-image: url(../images/audio.png);
    background-size: 0.30rem auto
}

.header .header-menu .menu-tap .fast-track ul li a .fast-word {
    font-size: 0.18rem;
    line-height: 0.26rem;
    text-align: center
}

.menu {
    position: fixed;
    top: 0.9rem;
    right: 0;
    z-index: 99999
}

.menu.close {
    display: none
}

.menu.open {
    display: block
}

.menu .menu-list {
    background: rgba(255, 255, 255, 0.85);
    width: 1.8rem;
    padding: 0.2rem 1.3333%;
    position: relative;
    z-index: 999999;
    font-size: 0.26rem
}

.menu .menu-list a {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    height: 0.625rem;
    line-height: 0.625rem;
    text-align: center;
    color: #333333
}

.menu .menu-list a.active {
    color: #ff5400
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #183060;
    height: 1.16rem;
    width: 100%;
    font-size: 0;
    z-index: 99999;
    border-top: 0.02rem solid #05519d
}

.footer .footer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer .footer-container a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff
}

.footer .footer-container a .icon_container {
    height: 0.75rem;
    background-repeat: no-repeat;
    background-position: center center
}

.footer .footer-container a .icon_container.icon_1 {
    background-image: url(../images/index_home.png);
    background-size: 0.47rem auto
}

.footer .footer-container a .icon_container.icon_2 {
    background-image: url(../images/index_advice.png);
    background-size: 0.47rem auto
}

.footer .footer-container a .icon_container.icon_3 {
    background-image: url(../images/index_phone.png);
    background-size: 0.41rem auto
}

.footer .footer-container a .icon_container.icon_4 {
    background-image: url(../images/index_concat.png);
    background-size: 0.49rem
}

.footer .footer-container a .footer-info {
    color: #fff;
    font-size: 0.22rem;
    text-align: center
}

.bottom-info {
    background-color: #1a2a3b
}

.bottom-info .bottom-header {
    border-bottom: 0.02rem solid #263546;
    height: 1rem;
    padding: 0 0.48rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-info .bottom-header .header-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative
}

.bottom-info .bottom-header .header-item a {
    color: #fff;
    font-size: 0.22rem;
    display: block;
    text-align: center
}

.bottom-info .bottom-header .header-item:after {
    content: '';
    position: absolute;
    height: 0.19rem;
    width: 0.02rem;
    top: 50%;
    margin-top: -0.095rem;
    right: -0.01rem;
    background-color: #7d8a98
}

.bottom-info .bottom-header .header-item:last-child:after {
    display: none
}

.bottom-info .bottom-content {
    height: 2.71rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    font-size: 0.20rem;
    color: #c5c5c5
}

.bottom-info .bottom-content .msg-tel {
    height: 1.09rem;
    line-height: 1.09rem;
    font-size: 0.28rem;
    color: #fff
}

.bottom-info .bottom-content .msg-tel .img {
    width: 0.53rem;
    margin-right: 0.18rem;
    display: inline-block;
    vertical-align: -0.2rem;
}

.bottom-info .bottom-content .addr-info {
    margin-top: 0.06rem
}

.bottom-info .bottom-content .right-num {
    line-height: 0.36rem
}

.bottom-info .bottom-content .com-btn {
    margin-top: 0.18rem
}

.bottom-info .bottom-content .com-btn .btn {
    display: inline-block;
    font-size: 0.28rem;
    height: 0.44rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 0.22rem;
    line-height: 0.44rem;
    border: 0.02rem solid #c5c5c5;
    color: #c5c5c5;
    padding: 0 0.34rem
}

.liao-title {
    position: relative;
    font-size: 0.4rem;
    line-height: 0.9rem;
    text-align: center;
    color: #2a90d7
}

.liao-title:before {
    content: '';
    position: absolute;
    width: 0.43rem;
    height: 0.04rem;
    background-color: #089eec;
    top: -0.02rem;
    left: 50%;
    margin-left: -0.215rem
}

.liao-btn {
    display: block;
    width: 2.49rem;
    height: 0.5rem;
    line-height: 0.50rem;
    background-color: #1787d4;
    text-align: center;
    color: #fff;
    font-size: 0.28rem;
    border-radius: 0.25rem
}

.banner.weiliao-banner {
    background-image: url("../images/weiliao_banner.png");
    position: relative;
    height: 2.82rem;
    background-position: 0 center
}

.banner.weiliao-banner a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    bottom: 0.44rem;
    background-color: #fb7471;
    font-size: 0.22rem;
    border: none;
    left: 2.94rem;
    width: 1.5rem;
    height: 0.41rem;
    line-height: 0.41rem;
    border-radius: 0.16rem
}

.banner.weiliao-banner a i {
    display: inline-block;
    background: url("../images/arrow-down.png") center center no-repeat;
    background-size: 100% auto;
    width: 0.2rem;
    height: 0.24rem;
    vertical-align: -0.06rem;
    margin-right: 0.08rem
}

.easy-communicate {
    padding: 0.54rem 0 1.08rem 0;
    height: 7.48rem;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url("../images/easy-communicate.png") 0 0.56rem no-repeat;
    background-size: 100% auto
}

.easy-communicate .easy-img img {
    height: 5.92rem
}

.easy-communicate .liao-btn {
    position: absolute;
    left: 1.07rem;
    bottom: 1.07rem
}

.easy-aspect-banner {
    overflow: hidden;
    height: 4.07rem;
    background: url("../images/talk-aspect-order.png") center center no-repeat;
    background-size: 100% auto
}

.easy-aspect-banner .aspect-container {
    color: #fff;
    margin-left: 4.26rem;
    padding-top: 0.49rem
}

.easy-aspect-banner .aspect-container .aspect-title {
    font-size: 0.3rem;
    font-weight: bold
}

.easy-aspect-banner .aspect-container p {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-top: 0.06rem
}

.easy-aspect-banner .aspect-container p .item-title {
    display: inline-block;
    width: 0.26rem;
    height: 0.26rem;
    background-color: #fff;
    color: #28c4d5;
    line-height: 0.26rem;
    text-align: center;
    border-radius: 50%;
    margin-right: 0.04rem
}

.easy-aspect-banner .aspect-container p .item-content {
    display: inline-block;
    max-width: 87%;
    vertical-align: top
}

.cloud-server {
    padding-top: 0.66rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 8.03rem;
    position: relative
}

.cloud-server .liao-subtitle {
    text-align: center;
    font-size: 0.2rem;
    color: #333;
    padding: 0.16rem 0.58rem;
    line-height: 0.28rem
}

.cloud-server .cloud-img {
    text-align: center;
    margin-top: 0.56rem
}

.cloud-server .cloud-img .img {
    width: 4.75rem;
    margin: 0 auto;
}

.cloud-server .liao-btn {
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    margin-left: -1.245rem
}

.ucode-banner {
    background: url("../images/ucode-banner.png") center center no-repeat;
    background-size: 100% auto;
    height: 4.06rem
}

.ucode-banner .ucode-container {
    color: #fff;
    margin-left: 3.8rem;
    padding-top: 1.1rem
}

.ucode-banner .ucode-container .ucode-title {
    font-size: 0.36rem;
    font-weight: bold;
    margin-bottom: 0.2rem
}

.ucode-banner .ucode-container p {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-top: 0.06rem
}

.ucode-banner .ucode-container p .item-title {
    display: inline-block;
    width: 0.26rem;
    height: 0.26rem;
    background-color: #fff;
    color: #28c4d5;
    line-height: 0.26rem;
    text-align: center;
    border-radius: 50%;
    margin-right: 0.04rem
}

.ucode-banner .ucode-container p .item-content {
    display: inline-block;
    max-width: 85%;
    vertical-align: top
}

.effcy-manage {
    height: 6.88rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    padding: 0.48rem 0.26rem 0 0.45rem
}

.effcy-manage .liao-btn {
    position: absolute;
    bottom: 0.42rem;
    margin-left: -1.245rem;
    left: 50%
}

.effcy-manage .effcy-container {
    margin-top: 0.86rem
}

.effcy-manage .effcy-container .left-content {
    float: left;
    max-width: 3rem
}

.effcy-manage .effcy-container .left-content .effcy-title {
    font-size: 0.28rem;
    color: #333333;
    padding-left: 0.2rem;
    line-height: 0.5rem;
    font-weight: bold;
    margin-bottom: 0.46rem
}

.effcy-manage .effcy-container .left-content p {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-top: 0.19rem
}

.effcy-manage .effcy-container .left-content p .item-title {
    display: inline-block;
    width: 0.29rem;
    height: 0.29rem;
    background-color: #1c89d9;
    color: #fff;
    line-height: 0.32rem;
    text-align: center;
    border-radius: 50%;
    margin-right: 0.04rem
}

.effcy-manage .effcy-container .left-content p .item-content {
    display: inline-block;
    max-width: 86%;
    vertical-align: top
}

.effcy-manage .effcy-container .effcy-img {
    float: right
}

.effcy-manage .effcy-container .effcy-img img {
    width: 3.71rem
}

.quick-start-banner {
    height: 4.09rem;
    background: url("../images/quick-start.png") center center no-repeat;
    background-size: 100% 100%;
    color: #fff
}

.quick-start-banner .right-content {
    padding-top: 1.1rem;
    margin-left: 4.5rem
}

.quick-start-banner .right-content .quick {
    font-size: 0.22rem
}

.quick-start-banner .right-content .quick-title {
    font-size: 0.28rem;
    font-weight: bold
}

.quick-start-banner .right-content p {
    font-size: 0.2rem;
    padding-right: 0.25rem;
    line-height: 0.32rem
}

.server-man {
    height: 5.12rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    padding: 0.44rem 0.2rem 0 0.30rem
}

.server-man .liao-btn {
    position: absolute;
    bottom: 0.64rem;
    margin-left: -1.245rem;
    left: 50%
}

.server-man .server-container {
    margin-top: 0.62rem
}

.server-man .server-container .left-content {
    float: left;
    max-width: 3.5rem
}

.server-man .server-container .left-content .effcy-title {
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.68rem;
    font-weight: bold
}

.server-man .server-container .left-content p {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-bottom: 0.19rem
}

.server-man .server-container .left-content p .item-title {
    display: inline-block;
    width: 0.29rem;
    height: 0.29rem;
    background-color: #1c89d9;
    color: #fff;
    line-height: 0.32rem;
    text-align: center;
    border-radius: 50%;
    margin-right: 0.04rem
}

.server-man .server-container .left-content p .item-content {
    display: inline-block;
    max-width: 86%;
    vertical-align: top
}

.server-man .server-container .effcy-img {
    float: right
}

.server-man .server-container .effcy-img img {
    width: 3.48rem
}

.conslu-msg {
    height: 4.06rem;
    background: url("../images/conslul-msg-banner.png") center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

.conslu-msg .conslu-info {
    margin-left: 4.5rem;
    margin-top: 1.08rem
}

.conslu-msg .conslu-info img {
    width: 2.66rem
}

.profess {
    height: 8.33rem;
    padding-top: 0.66rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url("../images/profess-server.png") 0 0.6rem no-repeat;
    background-size: 100% auto;
    position: relative
}

.profess .liao-btn {
    position: absolute;
    bottom: 0.78rem;
    margin-left: -1.245rem;
    left: 50%
}

.open-api {
    height: 4.08rem;
    background: url("../images/open-api-bg.png") center center no-repeat;
    background-size: 100% 100%;
    position: relative
}

.open-api .open-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10
}

.open-api .liao-logo {
    width: 3.4rem;
    top: 0.93rem;
    left: 0.35rem;
    position: absolute;
    z-index: 23
}

.open-api .right-content {
    margin-left: 4.16rem;
    color: #fff;
    position: relative;
    z-index: 16;
    padding-top: 0.3rem
}

.open-api .right-content p{
    opacity:0.7;
}

.open-api .right-content .open-title {
    font-size: 0.32rem;
    padding-left: 0.2rem
}

.open-api .right-content p {
    width: 3.12rem;
    font-size: 0.2rem;
    line-height: 0.34rem;
    margin-bottom: 0.1rem;
    color: #fff
}

.open-api .right-content p.title {
    font-size: 0.22rem
}

.open-api .bottom-api-icon {
    position: absolute;
    right: 0.36rem;
    bottom: 0.4rem;
    z-index: 14
}

.open-api .bottom-api-icon img {
    width: 3.12rem
}

.fenmob-ppt{
    overflow: hidden;
    height:6.43rem;
    background:#5eaaf6;
}
.fenmob-ppt .title{
    padding:0.7rem 0 0.2rem;
    color:#fff;
}
.operate .top_banner{
    font-size: 0;
    text-align: center;
    padding: 0.45rem 0;
}
.operate .top_banner .img{
    width: 3rem;
    height: 2.4rem;
    display: inline-block;
    margin: 0 0.1rem;
    position: relative;
}
.operate .top_banner .img .pop_item{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(17,22,56,.7);
}
.operate .top_banner .img .pop_item p{
    text-align: center;
    font-size: 0.24rem;
    padding: 0 0.2rem;
    color: #fff;
    margin-top: 0.9rem;
}
.operate .content{
    padding: 0 0.24rem 0.7rem 0.24rem;
}

.operate .content .title{
    border-bottom: 1px solid #E4E4E4;
    font-size: 0.32rem;
    color: #000;
    font-weight: bold;
    text-align: left;
}
.operate .content .title .txt1{
    border-bottom: 0.04rem solid #B5B5B5;
    padding: 0.06rem 0.2rem 0.06rem 0.1rem;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -0.04rem;
}
.operate .content .title .txt1 em{
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    vertical-align: -0.08rem;
    background: #ddd;
    margin-right: 0.1rem;
}
.operate .content .title .txt2{
    font-size: 0.24rem;
    color: #444444;
    margin-top: 0.17rem;
}
.operate .content .title .txt2 a{
    margin-left: 0.4rem;
}
.operate .content .con{
    font-size: 0;
    white-space: nowrap;
    padding: 0.24rem 0 0.3rem;
}
.operate .content .con .left_item{
    display: inline-block;
    width: 2.2rem;
    height: 1.6rem;
    vertical-align: top;
    margin-right: 0.13rem;
}
.operate .content .con .right_item{
    display: inline-block;
    width: 4.7rem;
    font-size: 0.24rem;
    color: #1F1F1F;
    white-space: normal;
}
.operate .content .con .right_item .declse{
    text-align: left;
    font-size: 0.24rem;
    margin-top: 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #4a4a4a;
}
.operate .content .con .right_item .tit{
    font-size: 0.3rem;
    color: #333;
    line-height: 0.36rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}
.operate_list{
    padding: 0.4rem 0.25rem;
}
.operate_list .tabs{
    font-size: 0.28rem;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #DCDCDC;
}
.operate_list .tabs a{
    padding: 0.06rem 0.08rem;
    margin-right: 0.15rem;
}
.operate_list .tabs a.cur{
    color: #fff;
    background: #258AFF;
}
.operate_list .list_con{
    padding: 0.15rem 0;
    border-bottom: 1px solid #E7E7E7;
}
.operate_list .list_con .title{
    font-size: 0.28rem;
    color: #333;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0.2rem;
}
.operate_list .list_con .left_con{
    width: 1.75rem;
    height: 1.35rem;
    display: inline-block;
    vertical-align: top;
}
.operate_list .list_con .right_con{
    display: inline-block;
    width: 5.05rem;
    margin-left: 0.1rem;
}
.operate_list .list_con .right_con .txt2{
    font-size: 0.24rem;
    color: #727272;
    vertical-align: bottom;
}
.btn_more{
    display: block;
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    background: #FE9214;
    border-radius: 0.1rem;
    margin: 0.4rem auto 0.15rem;
}

.operate_detail{
    padding: 0.3rem 0 0;
}
.operate_detail .bread{
    padding-left: 0.2rem;
}
.operate_detail .bread .txt{
    font-size: 0.28rem;
    color: #010101;
}
.operate_detail .bread .txt a{
    font-size: 0.24rem;
    color: #3C3C3C;
}
.operate_detail  .title{
    font-size: 0.34rem;
    color: #000;
    padding: 0 0.3rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem;
}
.operate_detail .tabs{
    text-align: center;
    color: #8B8B8B;
    margin-bottom: 0.4rem;
}
.operate_detail .detail_com{
    padding: 0 0.25rem;
    border-bottom:1px solid #ECECEC ;
}
.operate_detail .detail_com p {
    text-indent: 2em;
}
.operate_detail .detail_com .detail_foot{
    border-top: 1px solid #F4F4F4;
    margin-top: 0.4rem;
    line-height: 0.6rem;
    height: 0.6rem;
    font-size: 0.28rem;
    color: #000;
}
.operate_detail .detail_com .detail_foot .icon{
    width: 0.45rem;
    height: 0.41rem;
    display: inline-block;
    background: url(../images/icon_share1.png) center no-repeat;
    background-size: 100% auto;
    margin-top: 0.12rem;
    vertical-align: top;
    margin-right: 0.15rem;
}
.operate_detail .detail_com .detail_foot .icon.pyq{
    background: url(../images/icon_share2.png) center no-repeat;
    background-size: 100% auto;
}
.operate_detail .detail_com .detail_foot .icon.qq{
    background: url(../images/icon_share3.png) center no-repeat;
    background-size: 100% auto;
}
.operate_detail .detail_com .detail_foot .icon.zone{
    background: url(../images/icon_share4.png) center no-repeat;
    background-size: 100% auto;
}
.operate_detail .detail_com .detail_foot .icon.wb{
    background: url(../images/icon_share5.png) center no-repeat;
    background-size: 100% auto;
}

.operate_detail .operate .title{
    padding: 0;
}
.operate_detail .operate .con{
    border-bottom: 1px solid #eee;
}
.operate_detail .operate .content .title{
    margin-top: 0.2rem;
}
.operate_btn{
    background-size: 30%!important;
    width: 0.45rem!important;
    height: 0.45rem!important;
    border-radius: 50%;
    background: #E7E7E7;
    margin-top: -12px!important;
}
.tab{
    border-bottom: 2px solid #fff;
    display: inline-block;
    line-height: 0.8rem;
    margin: 0 0.2rem;
}
.tab.cur{
    border-bottom: 2px solid #7f7d7d;
}