/*公共样式*/
.wid{
    width:1200px;
    margin: 0 auto;
    height: inherit;
}
.icon{
    display: inline-block;
    background: url(../../images/product/market/icon.png) no-repeat center;
}
.title {
    text-align: center;
}

.title span{
    font-size: 44px;
    line-height: 32px;
    color: #ff5957;
    text-align: center;
    position: relative;
}
.title span:before{
    content: '';
    background: url(../../images/product/market/icon.png) no-repeat center;
    display: inline-block;
    width: 43px;
    height: 40px;
    background-position: -537px 0;
    left: -60px;
    top: 0;
    position:absolute;
}
.title span:after{
    width: 23px;
    height: 20px;
    content: '';
    background: url(../../images/product/market/icon.png) no-repeat center;
    display: inline-block;
    background-position: -587px 0;
    right: -40px;
    top: 0;
    position:absolute;
}
.title p{
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    color: #888888;
    text-align: center;
    padding-top: 35px;
}

/*banner*/
.banner{
    height: 671px;
    background: url(../../images/product/market/banner.png)no-repeat center;
    font-weight: normal;
    font-stretch: normal;
    font-size: 22px;
    line-height: 36px;
    color: #ffffff;
}
.banner p{
    width: 665px;
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
    padding-top: 185px;
    text-align: center;
}
.intro{
    margin-top: 30px;
}
.intro .cont{
    margin-top:40px;
}
.intro p{
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    padding-top: 20px;
}
.intro p span{
    color:#ff5957;
}
.infor{
    height:1105px;
    background: url("../../images/product/market/bg.png")no-repeat center top;
    margin-top: -40px;
}
.infor .title{
    padding-top: 148px;
    padding-bottom: 10px;
}
.infor ul{
    width: 1016px;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}
.infor li{
    width: 186px;
    height: 210px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 0 20px #eaeaea;
    margin-left: 90px;
    margin-top: 70px;
}
.infor li:nth-child(4n+1){
    margin-left: 0;
}
.infor p{
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    padding: 16px 0;
}
.infor li .setupIcon{
    width: 137px;
    margin: 20px auto 0;
    height: 130px;
}
.tp01{
    background:url("../../images/product/market/setup_1.png") no-repeat center;
}
.tp02{
    background:url("../../images/product/market/setup_2.png") no-repeat center;
}
.tp03{
    background:url("../../images/product/market/setup_3.png") no-repeat center;
}
.tp04{
    background:url("../../images/product/market/setup_4.png") no-repeat center;
}
.tp05{
    background:url("../../images/product/market/setup_5.png") no-repeat center;
}
.tp06{
    background:url("../../images/product/market/setup_6.png") no-repeat center;
}
.tp07{
    background:url("../../images/product/market/setup_7.png") no-repeat center;
}
.tp08{
    background:url("../../images/product/market/setup_8.png") no-repeat center;
}
.tp09{
    background:url("../../images/product/market/setup_9.png") no-repeat center;
}
.tp10{
    background:url("../../images/product/market/setup_10.png") no-repeat center;
}
.tp11{
    background:url("../../images/product/market/setup_11.png") no-repeat center;
}
.tp12{
    background:url("../../images/product/market/setup_12.png") no-repeat center;
}
.trait{
    margin-top: 50px;
}
.trait .cont{
    background: url(../../images/product/market/trait.png)no-repeat center top;
    height:480px;
    margin-top: 70px;
    position:relative;
}
.crystal{
    height:1023px;
    background: url(../../images/product/market/crystal_bg.png)no-repeat center top;
    margin-top: -494px;
}
.crystal .title{
    padding-top: 605px;
    padding-bottom:77px;
}
.crystal .cont{
    display:flex;
    justify-content: space-between;
}
.crystal .left{
    width: 608px;
    height:680px;
    background: url(../../images/product/market/jiejing.png)no-repeat center top;
    margin-top: 60px;
}
.crystal li{
    width: 547px;
    height: 168px;
    margin-top: 65px;
    cursor: pointer;
}
.crystal li.active{
    background: #fff4f4;
}
.crystal li .contTitle{
    font-size: 24px;
    line-height: 41px;
    color: #333333;
    padding-left: 81px;
    position:relative;
    padding-top: 10px;
    font-weight: bold;
}
.crystal li p{
    font-size: 20px;
    line-height: 30px;
    color: #666666;
    padding:16px 16px 16px 79px;
}
.crystal li .bi{
    width: 41px;
    height: 41px;
    position:absolute;
    background-position: -546px -52px;
    left: 15px;
    top:10px;
}
.crystal li .zuan{
    width: 44px;
    height: 39px;
    position:absolute;
    background-position:-578px -95px;
    left: 15px;
    top:14px;
}
.crystal li .shouru{
    width: 44px;
    height: 32px;
    position:absolute;
    background-position: -630px -99px;
    left: 15px;
    top:14px;
}
.gain{
    margin-top: 500px;
}
.gain .cont{
    height:869px;
    background: url(../../images/product/market/phone_bg.png)no-repeat center top;
}
.profit{
    margin-top: 110px;
}

.profit .wid{
    width: 1068px;
}
.profit .cont{
    display:flex;
    padding-top: 78px;
    justify-content: space-between;

}
.profit .tp{
    width: 527px;
    height:807px;
    background:url(../../images/product/market/phone_fh.png)no-repeat center top;
}
.profit ul{
    margin-top: 30px;
}
.profit li{
    width: 432px;
    margin-top: 60px;
}
.profit li p,
.purse li p{
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    padding-top: 22px;
}
.profit li .contTitle,
.purse .right li .contTitle{
    font-size: 26px;
    line-height: 28px;
    color: #333333;
    position:relative;
    padding-left: 19px;
}
.profit li .contTitle:before,
.purse .right li .contTitle:before{
    content:'';
    display:inline-block;
    position:absolute;
    left: 0;
    width: 6px;
    height: 32px;
    background-color: #ff5957;
    border-radius: 3px;
}
.purse {
    height:1022px;
    background:url(../../images/product/market/left_bg.png)no-repeat center top;
    margin-top: -453px;
}
.purse .left li .contTitle{
    text-align: right;
    font-size: 26px;
    line-height: 28px;
    color: #333333;
    position:relative;
    padding-right: 19px;
}
.purse .left li .contTitle:before{
    content:'';
    display:inline-block;
    position:absolute;
    right: 0;
    width: 6px;
    height: 32px;
    background-color: #ff5957;
    border-radius: 3px;
}
.purse .title{
    padding-top: 520px;
}
.purse .cont{
    display:flex;
    margin-top: 80px;
}
.purse .tp{
    width: 585px;
    height:807px;
    background:url(../../images/product/market/qianbao.png)no-repeat center top;
}
.purse .left li{
    width: 288px;
    margin-top: 117px;
}
.purse .right li{
    width: 324px;
    margin-top: 189px;
}
.shop{
    margin-top: 480px;
}
.shop .title p{
    margin: 0 auto;
    width: 762px;
}
.shop .tp{
    background:url(../../images/product/market/phone_shop.png)no-repeat center top;
}
.contact{
    height:733px;
    margin-top: 80px;
    background:url(../../images/product/market/right_phone.png)no-repeat center top;
}
.conTitle{
    margin-top:90px;
}
.contact ul {margin-top: 0;}
.jiegou{
    height:960px;
    background:url(../../images/product/market/jiegou.png)no-repeat center bottom;
    margin-bottom: 190px;
    margin-top: 50px;
}
/*matter12*/
.matter12{
    margin-bottom: 110px;
    margin-top: -80px;
}
.matter12 .title{
    color: #fff;
    margin-bottom: 62px;
}
.client table p{
    line-height: 26px;
    color: #4e5e66;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.matter12 .txt{
    padding-top: 80px;
}
.matter12 .client{
    width: auto;
}
.client table tr td{
    padding: 40px;
    width: 320px;
    height: 168px;
    background-color: #fff;
    text-align:center;
    box-shadow: 2px 4px 36px #ffeeea;
    border-radius: 8px;
}
.matter12 .client table tr td{
    border-radius: 0;
}
.matter12 table{
    border-spacing:20px 20px;
}
.matter12 .client table h2{
    padding-bottom: 15px;
    font-size: 16px;
    color: #333;
}
.matter12 .f1,
.matter12 .f2,
.matter12 .f3,
.matter12 .f4,
.matter12 .f5{
    width: 52px;
    height: 68px;
    margin: 0 auto 20px;
}
.matter12 .f1{
    background-position:0 -409px;
}
.matter12 .f2{
    background-position: -61px -409px;
}
.matter12 .f3{
    background-position: -122px -409px;
}
.matter12 .f4{
    background-position: -179px -409px;
}
.matter12 .f5{
    background-position: -236px -409px;
}
.support{
    height:1056px;
    background:url(../../images/product/market/support_bg.png)no-repeat center top;
}
.support .title{
    padding-top: 65px;
}
.support .title span{
    color: #fff !important;
}
.support .title p{
    color: #fff !important;
}
.support .title span:before{
    background:url("../../images/product/market/leftdou.png") no-repeat center;
    background-position: 0 0;
}
.support .title span:after{
    background:url("../../images/product/market/rightdou.png") no-repeat center;
    background-position: 0 0;
}
.advantage{
    margin-top: 140px;
}
.advantage .title{
    padding-bottom:35px;
}
.advantage .title p{
    color: #888888;
}
.advantage ul{
    width: 1300px;
    display:flex;
    flex-wrap: wrap;
    margin-left: -50px;
    justify-content: center
}
.advantage li{
    width: 391px;
    height: 250px;
    color: #fff;
    margin-left: 28px;
    background:url(../../images/product/market/list.png) no-repeat center top;
    margin-top: 20px;
}
.advantage li:nth-child(3n+1){
    margin-left: 0;
}
.advantage li p{
    width: 266px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    padding-top: 20px;
    letter-spacing: 0px;
}
.advantage .advantageTitle{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    padding-left: 58px;
    position:relative;
    padding-top: 40px;
}
.advantage .advantageTitle:before{
    content: '';
    display:inline-block;
    width:7px;
    height: 7px;
    background-color: #ffffff;
    opacity: 0.63;
    position:absolute;
    left: 40px;
    top: 50px;
    border-radius: 10px;
}
.bottom{
    height:352px;
    background:url(../../images/product/market/bottom.png)no-repeat  center top;
    margin-top: -230px;
}