.img {
    background: url(../../img/smsqf/xb/join.png) no-repeat;
}

#contact{
    padding-top:10px;
}

#contact .contacts li{
    float:left;
    padding:0 4px;
}

#contact .contacts li p{
    float:left;
    line-height:31px;
}

#contact .contacts li a{
    float:left;
    margin-bottom:10px;
    padding:0 3px;
    cursor:pointer;
}

.notice-flex{
    display: flex;
    justify-content: space-between;
    margin-bottom:20px;
}

.notice-box-left{
    width: 914px;
}

.box-bottom{
    border-bottom:1px solid #DCDCDC;
}

.agent_qq {
    height: 27px;
    width: 31px;
    background-position: 5px 0;
}

.agent_foot_qq {
    height: 42px;
    width: 39px;
    background-position: 5px -34px;
}

.agent_foot_phone {
    height: 42px;
    width: 40px;
    background-position: 0 -85px;
}

.agent_product2 {
    height: 78px;
    width: 68px;
    background-position: -123px -3px;
}

.agent_product1 {
    height: 77px;
    width: 68px;
    background-position: -45px 0;
}

.agent_img1 {
    height: 109px;
    width: 108px;
    background-position: -52px -87px;
}

.agent_img4 {
    height: 109px;
    width: 113px;
    background-position: -4px -203px;
}

.agent_img5 {
    height: 109px;
    width: 114px;
    background-position: -138px -204px;
}

.agent_img2 {
    height: 109px;
    width: 114px;
    background-position: -404px -274px;
}

.agent_img3 {
    height: 109px;
    width: 115px;
    background-position: -269px -202px;
}

.agent_history {
    height: 158px;
    width: 162px;
    background-position: -207px -6px;
}

.agent_process6 {
    height: 85px;
    width: 184px;
    background-position: -399px 0;
}

.agent_process3 {
    height: 85px;
    width: 203px;
    background-position: -612px 0px;
}

.agent_process5 {
    height: 85px;
    width: 204px;
    background-position: -610px -88px;
}

.agent_process2 {
    height: 85px;
    width: 206px;
    background-position: -614px -176px;
}

.agent_process4 {
    height: 85px;
    width: 207px;
    background-position: -402px -88px;
}

.agent_process1 {
    height: 85px;
    width: 212px;
    background-position: -390px -175px;
}

.agent_title2 {
    height: 73px;
    width: 237px;
    background-position: -846px -267px;
}

.agent_title3 {
    height: 77px;
    width: 237px;
    background-position: -833px -88px;
}

.agent_title4 {
    height: 67px;
    width: 237px;
    background-position: -843px -182px;
}

.agent_title1 {
    height: 73px;
    width: 237px;
    background-position: -846px -267px;
}

.agent_title5 {
    height: 72px;
    width: 175px;
    background-position: -592px -277px;
}

.product-cont {
    margin-top: 50px;
}

.box-titile-sty {
    font-size: 28px;
    color: #ffffff;
    padding-left: 69px;
    padding-top: 21px;
}

.history-content {
    background-color: #f7f7f7;
    display: flex;
    justify-content: space-between;
}

.history-content-img {
    height: 215px;
    width: 197px;
    background-position: -191px 26px;
}

.history-contents {
    width: 1006px;
    padding: 31px;
}

.p-contents {
    line-height: 30px;
}

.product-list1 {
    width: 605px;
}

.product-content1 {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    padding: 10px 0;
}

.product-content2 {
    display: flex;
    padding: 10px 0;
}
.list-contents{
    padding-top: 10px;
}

.product-list-cont li {
    display: flex;
    padding: 0 25px;
    height: 100px;
}

.sequence {
    border: 6px solid #ffffff;
    height: 60px;
    width: 60px;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    border-radius: 50%;
    color: #ffffff;
    box-shadow: 0 0 12px #cfcccc;
}

.odd-bgd {
    background-color: #26ad60;
}

.even-bgd {
    background-color: #ff6600;
}

.list-odd {
    color: #26ad60;
    font-size: 24px;
}

.list-even {
    color: #ff6600;
    font-size: 24px;
}

.list-cont {
    margin-left: 20px;
    width: 460px;
}

.footer-right {
    text-align: right;
}

.agent-advantage {
    margin-top: 50px;
}

.agent-content ul {
    display: flex;
}

.agent-content ul li {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 238px;
    margin: 25px 0;
}

.agent-cont-title {
    font-size: 20px;
    font-weight: bolder;
    color: #2a2b2d;
    padding: 20px 0;
}

.agent-cont-contents {
    color: #95999b;
    padding: 0 15px;
}

.agent-condition {
    margin-top: 50px;
}

.process-title-sty p{
    display: flex;
    justify-content: center;
    height: 85px;
    line-height: 85px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.agent-content-footer{
    background-color: #26ad60;
    display: flex;
    justify-content:space-around;
    color: #ffffff;
    align-items: center;
    font-size: 20px;
    height: 60px;
    border-radius:5px;
}

.content-footer{
    background-color: #26ad60;
    display: flex;
    justify-content:space-around;
    color: #ffffff;
    align-items: center;
    font-size: 16px;
}

.content-footer p{
    padding: 0 5px;
}

.agent-content-footer .content-footer span{
    font-weight: bold;
    font-size:20px;
}

#content .content-box .agent-process{
    margin-bottom:35px;
}

#contact .content-box .title-position{
    line-height:42px;
}

#contact .contacts li p{
    float:left;
    line-height:42px;
}