.index-xb{background:url(../../img/smsqf/xb/index.png)  no-repeat;}
.vendor-xb{background:url(../../img/smsqf/xb/vendor.png)  no-repeat;}
.qq{background:url(http://wpa.qq.com/pa?p=2:2881697061:51) no-repeat;}
.alarm{height:40px;width:48px;background-position:-37px 0;}
.mt5{height:71px;width:78px;background-position:-85px 0;}
.mt4{height:71px;width:78px;background-position:-163px 0;}
.mt3{height:71px;width:78px;background-position:-241px 0;}
.mt8{height:71px;width:78px;background-position:-319px 0;}
.mt7{height:71px;width:78px;background-position:0 -87px;}
.mt6{height:71px;width:78px;background-position:-79px -87px;}
.mt1{height:71px;width:78px;background-position:-157px -87px;}
.mt2{height:71px;width:78px;background-position:-236px -87px;}
.psc-image{height:72px;width:90px;background-position:-314px -87px;}
.itc-image{height:72px;width:90px;background-position:-405px -87px;}
.msc-image{height:72px;width:90px;background-position:-398px 0;}
.cb-star{height:24px;width:109px;background-position:0 -159px;}
.ms-top{height:169px;width:882px;background-position:-496px 0;}
.flow-img{height:145px;width:1088px;background-position:-111px -170px;}

.vendor6{height:87px;width:156px;background-position: 0 0;}
.vendor5{height:87px;width:156px;background-position: -161px 0;}
.vendor8{height:87px;width:156px;background-position: -321px 0;}
.vendor7{height:87px;width:156px;background-position: -482px 0;}
.vendor2{height:87px;width:156px;background-position: -162px -95px;}
.vendor1{height:87px;width:156px;background-position: -323px -94px;}
.vendor4{height:87px;width:156px;background-position: 0 -95px;}
.vendor3{height:87px;width:156px;background-position: -485px -93px;}

#banner{
    height:290px;
    overflow:hidden;
}

#banner img{
    display:block;
    margin:auto;
}

#banner .swiper-pagination{
    position:absolute;
    width:100%;
    bottom:10px;
}

#contact{
    line-height:58px;
    position:fixed;
    top:400px;
    right:0px;
    z-index:99;
}

#contact .title{
    /*height:29px;*/
    float:left;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    line-height:18px;
    padding:10px 10px;
    font-size:13px;
    text-align:center;
    background:#29b88d;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    width:24px;
}

#contact .title:hover{
    background:#3f836d;
}

#contact .contacts{
    float:left;
    display:inline-block;
    padding:10px 15px;
    background:#fff;
    box-shadow:1px 5px 17px #e4e4e4;
}

#contact .contacts li{
/*    display:inline-block;
    float:left;*/
    line-height:50px;
}

#contact .contacts li a{
    display:block;
    float:right;
    line-height:25px;
    margin-top:13px;
}

#contact .more{
    display: block;
    line-height:20px;
    height:20px;
    text-align:center;
    cursor:pointer;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding-bottom:6px;
}

#contact .more:hover{
    background:#eee;
}

#choice-case{

}

#choice-case .title{
    text-align:center;
    margin:30px 0;
    font-size:28px;
    line-height:41px;
    font-weight:bold;
    color:#000;
}

#choice-case .title img{
    margin:0 3px;
    position:relative;
    top:10px;
}

#choice-case .category ul{
    display:flex;
    flex-wrap:wrap;
    align-content:space-between;
    /*justify-content:space-between;*/
    flex-basis: 112px;
}

#choice-case .category ul li{
    width:112px;
    height:38px;
    line-height:38px;
    text-align:center;
    background-color:#243743;
    margin-left:9px;
    margin-bottom:10px;
}

#choice-case .category ul li:hover{
    background:#ff9e38;
    cursor:pointer;

}

#choice-case .category ul li a{
    color:#fff;
    font-weight:bold;
    font-size:15px;
    display:block;
}

#choice-case .case{
    margin-top:20px;
}

#choice-case .case ul{
    display:none;
    flex-wrap:wrap;
    align-content:space-between;
}

#choice-case .case ul{
    display:none;
}

#choice-case .case ul li{
    display: block;
    margin:0 10px 21px 10px;
    width:346px;
    height:180px;
    padding:20px;
    box-shadow:1px 1px 12px #eaeaea;
}

#choice-case .case .case-top{
    overflow:hidden;
}

#choice-case .case .ct-img
{
    width:103px;
    height:85px;
    background:#eaeaea;
    float:left;
}

#choice-case .case .ct-img img{
    width:108px;
    height:85px;
}

#choice-case .case .ct-main{
    float:left;
    margin-left:15px;
}

#choice-case .case .ct-main .ctm-title{
    font-size:17px;
    color:#000;
    font-weight:bold;
    font-family:”微软雅黑”;
}

#choice-case .case .ct-main .ctm-content{
    display:block;
    width:210px;
    height:68px;
    font-size:12px;
    color:#000;
    font-weight:bold;
    margin-top:10px;
    overflow:hidden;
}

#choice-case .case .ct-main .ctm-title .sign{
    color:#818588;
    font-size:12px;
    font-weight:normal;
    margin-left:10px;
}

#choice-case .case .case-middle{
    color:#6b6b6b;
    font-size:12px;
    margin:10px 0;
}

#choice-case .case .cb-star{
    float:left;
}

#choice-case .case .cb-more{
    width:80px;
    height:28px;
    background:#28b78d;
    border-radius:3px;
    float:right;
    margin-right:10px;
}

#choice-case .case .cb-more:hover{
    background:#ff9e38;
}

#choice-case .case .cb-more a{
    color:#fff;
    display:block;
    text-align:center;
    line-height:28px;
}

#flow {
    margin-bottom:58px;
}

#flow .flow-img{
    margin:0 auto;
    margin-top:50px;
}

#flow .flow-name{
    width:1088px;
    margin:0 auto;
    overflow:hidden;
}

#flow .flow-name li{
    width:145px;
    margin-right:91px;
    text-align:center;
    margin-top:10px;
    float:left;
    font-size:20px;
    color:#000;
    font-weight:bold;
}

#flow .flow-name li:nth-child(3){
    margin-right:89px;
}

#flow .flow-name li:last-child{
    margin-right:0;
    margin-left:-1px;
}

#sms-category{
    overflow:hidden;
    padding-bottom:10px;
}

#sms-category .sc{
    width:387px;
    height:402px;
    margin-right:21px;
    float:left;
    box-shadow:1px 1px 12px #eaeaea;
}

#sms-category .sc:last-child{
    margin-right:0;
}

#sms-category .psc{
    background:#28b7ab;
}

#sms-category .msc{
    background:#28b78d;
}

#sms-category .isc{
    background:#0fb968;
}

#sms-category .sc-top{
    width:387px;
    height:157px;
    text-align:center;
}

#sms-category .sc-image {
    margin-left:94px;
    margin-top:47px;
    float:left;
}

#sms-category .sc-title{
    float:left;
    color:#fff;
    font-weight:bolder;
    font-size:26px;
    line-height:72px;
    margin-top:40px;
}

#sms-category .sc-middle{
    margin:28px 23px;
    min-height:116px;
}

#sms-category .sc-bottom{
    margin:0 23px;
    display:flex;
    justify-content:space-between;
}

#sms-category .sc-bottom a{
    width:150px;
    height:37px;
    display:block;
    border:1px solid #26ad60;
    line-height:37px;
    text-align:center;
    color:#26ad60;
    border-radius:3px;
}

#sms-category .sc-bottom a:hover{
    background-color:#26ad60;
    color:#fff;
}

#sms-test{
    margin-top:70px;
    min-height:361px;
}

.sms-img{
    background: url('../../img/smsqf/sms_test.png') no-repeat;
}

#sms-test .content-box{
    display:flex;
    justify-content: space-between;
    padding:40px 45px;
    padding-bottom:0px;
}

#sms-test .st-left{
    width:367px;
    height:268px;
}

#sms-test .st-left .st-left-title{
    color:#fff;
    font-size:34px;
    font-weight:bold;
}

#sms-test .st-left .st-left-content{
    margin-top:34px;
    color:#ccc;
    font-size:14px;
}

#sms-test .st-right .st-right-title{
    color:#fff;
    font-size:34px;
    font-weight:bold;
    font-style: italic;
}

#sms-test .st-right .st-right-more{
    font-size:14px;
    color:#ccc;
    margin-top:10px;
}

#sms-test .st-right .st-right-send{
    margin-top:40px;
}

#sms-test .st-right .st-right-send label{
    font-size:14px;
    color:#fff;
}

#sms-test .st-right .st-right-send br{
    margin-bottom:30px;
}

#sms-test .st-right .st-right-send input{
    width:250px;
    color:#fff;
    margin-left:15px;
    background-color:rgba(83, 83, 83, 0.3);
    height:35px;
    border-radius:5px;
    border:1px solid #4d4d4d;
    padding:0 10px;
}

#sms-test .st-right .st-right-send a{
    width:250px;
    color:#fff;
    margin-left:15px;
    background-color:rgba(83, 83, 83, 0.3);
    height:35px;
    border-radius:5px;
    border:1px solid #4d4d4d;
    padding:0 10px;
    display:block;
}

#sms-test .st-right .st-right-send form label{
    float:left;
    line-height: 35px;
}

#geetest-captcha{
    float:left;
    margin-left:15px;
}

#sms-test .st-right .st-right-send .sendSms{
    width:201px;
    height:48px;
    background-color:#f37032;
    cursor:pointer;
    margin-top:10px;
    line-height: 48px;
    text-align:center;
}

#sms-test .st-right .st-right-send .qcode{
    width:130px;
}

#sms-test .st-right .st-right-send .desc{
    margin-left:70px;
}

#my-superiority {
    margin-top:10px;
}

#my-superiority .ms-top{
    margin:0 auto;
    position:relative;
    top:60px;
}

#my-superiority .ms-bottom{
    width:1200px;
    height:500px;
    padding:35px 0;
    box-shadow:1px 1px 7px #c2dde1;
    margin-bottom:20px;
}

#my-superiority .ms-bottom ul li{
    float:left;
    width:25%;
    height:250px;
}

#my-superiority .ms-bottom .msb-top{
    margin:0 auto;
    margin-top:70px;
}

#my-superiority .ms-bottom .msb-middle{
    font-size:18px;
    font-weight:bold;
    color:#000;
    text-align:center;
    margin:5px 0;
}

#my-superiority .ms-bottom .msb-bottom{
    padding:0 30px;
    font-size:14px;
    color:#818588;
}

#keyword-sms{
    height:850px;
    margin:10px 0;
}

#keyword-sms .ks-left{
    display:block;
    width:855px;
    height:850px;
    float:left;
    border:1px solid #e1e1e1;
}

#keyword-sms .ks-left-list{
    background:#c4d8d5;
    width:180px;
    height:850px;
    padding-left:20px;
    float:left;
}

#keyword-sms .ks-left-list .ks-left-title{
    height:75px;
    line-height:75px;
    /*text-indent: 8px;*/
    text-align:center;
    font-size:18px;
    font-weight:bold;
}

#keyword-sms .ks-left-list ul li {
    height:42px;
    margin-bottom:10px;
    line-height:42px;
    font-size:13px;
    padding-left:10px;
    text-align:center;
}

#keyword-sms .ks-left-list ul li p{
    color:#2a2b2b;
}

#keyword-sms .ks-left-list ul .selected{
    background-color:#fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}

#keyword-sms .ks-left-list ul li p:nth-child(1){
    min-width:56px;
    text-align:center;
}

#keyword-sms .ks-left-list ul li p:nth-child(2){
    margin-left:5px;
}

#keyword-sms .ks-left-list ul li p:nth-child(3){
    margin-left:5px;
    font-size:10px;
    color:#8d8d8d;
}

#keyword-sms .ks-left-list ul li:hover{
    background-color:#fff;
    cursor:pointer;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}

#keyword-sms .ks-left-content{
    float:left;
    width:655px;
}

#keyword-sms .ks-left-content .ks-left-content-title{
    height:75px;
    text-align:center;
    line-height:75px;
    margin:0 auto;
    font-size:24px;
    font-weight:bolder;
    color:#000;
}

#keyword-sms .ks-left-content .ks-left-content-title p{
    color:#000;
}

#keyword-sms .ks-left-content .ks-left-content-content{

}

#keyword-sms .ks-left-content ul
{
    padding:0 23px;
}

#keyword-sms .ks-left-content ul li{
    height:60px;
    padding:18px 0;
    border-bottom:1px dotted #eaeaea;
}

#keyword-sms .ks-left-content ul li p{
    color:#2a2b2b;
    width:520px;
    float:left;
}

#keyword-sms .ks-left-content ul li a{
    float:left;
    display:block;
    width:79px;
    height:30px;
    background-color:#28b78d;
    border-radius:2px;
    cursor:pointer;
    line-height:30px;
    text-align:center;
    color:#fff;
    margin-top:12px;
    margin-left:7px;
    cursor:pointer;
}

#keyword-sms .ks-left-content ul li a:hover{
    background:#ff9e38;
}

#keyword-sms .ks-right{
    margin-left:21px;
    float:left;
}

#keyword-sms .ks-right .ks-right-list{
    width:325px;
    height:413px;
    display:block;
    border:1px solid #e1e1e1;
}

#keyword-sms .ks-right .ks-right-list:nth-child(2)
{
    margin-top:22px;
}

#keyword-sms .ks-right .ks-right-list .ks-right-top-title{
    display:block;
    height:56px;
    background:#01b6ad;
    font-size:18px;
    color:#fff;
    line-height:56px;
    font-weight:bold;
    text-indent: 15px;
}

#keyword-sms .ks-right .ks-right-list .ks-right-top-list{
    padding:0 20px;
    height:359px;
    overflow:hidden;
}

#keyword-sms .ks-right .ks-right-list .ks-right-top-list li{
    padding:20px 0;
    height:34px;
    border-bottom:1px dotted #e1e1e1;
}

#keyword-sms .ks-right .ks-right-list .ks-right-top-list p{
    float:left;
    display:block;

}

#keyword-sms .ks-right .ks-right-list .ks-right-top-list p:nth-child(1){
    font-weight:bold;
    line-height:34px;
    color:#26ad60;
}

#keyword-sms .ks-right .ks-right-list .ks-right-top-list p:nth-child(2){
    margin-left:15px;
    line-height:34px;
}

#keyword-sms .ks-right .ks-right-list .ks-right-top-list p:nth-child(3){
    margin-left:15px;
    width:190px;
}

#keyword-sms .ks-right .ks-right-list .ks-right-top-list p i{
    color:#ff6600;
}

#free-experience {
    margin:25px 0;
}

#free-experience .content-box{
    height:60px;
    background:#24282c;
}

#free-experience .content-box .free-experience-left{
    margin-left:90px;
    font-size:22px;
    line-height:60px;
    color:#fff;
    float:left;
}

#free-experience .content-box .free-experience-center{
    margin-left:160px;
    float:left;
    height:60px;
}

#free-experience .content-box .free-experience-center .experience-num
{
    float:left;
    overflow:hidden;
    margin:10px 5px;
}

#free-experience .content-box .free-experience-center .experience-num .alarm{
    float:left;
}

#free-experience .content-box .free-experience-center .experience-num .experience-content{
    float:left;
}

#free-experience .content-box .free-experience-center .experience-num .experience-content p{
    color:#fff;
    font-size:14px;
}

#free-experience .content-box .free-experience-center .experience-num .experience-content p i{
    color:#ff6600;
}

#free-experience .content-box .free-experience-center .experience-num .experience-content p:nth-child(1){
    font-size:16px;
}

#free-experience .content-box .free-experience-center .experience-more{
    float:left;
    margin-left:10px;
    height:60px;
    overflow:hidden;
    cursor:pointer;
}

#free-experience .content-box .free-experience-center .experience-more ul li{
    border-bottom:1px dotted #e1e1e1;
}

#free-experience .content-box .free-experience-center .experience-more p:nth-child(2){
    margin:5px 10px;

}

#free-experience .content-box .free-experience-right{
    float:left;
    margin:10px 0;
    margin-left:160px;
    width:200px;
    height:40px;
    background-color:#28b772;
    border-radius:3px;
}

#free-experience .content-box .free-experience-right a{
    line-height:40px;
    display:block;
    text-align:center;
    font-size:18px;
    color:#fff;
    cursor:pointer;
}

#seo-server .content-box{
    border:1px solid #eaeaea;
    height:340px;
}

#seo-server .content-box .seo-server-title{
    height:58px;
    background:#01b6ad;
    font-size:18px;
    font-weight:bold;
    line-height:58px;
    color:#fff;
    text-indent: 50px;
}

#seo-server .content-box .seo-server-list ul li{
    float:left;
    width:225px;
    line-height:45px;
    height:45px;
    list-style-type:disc;
    color:#31b168;
    font-size:12px;
    margin-left:50px;
}

#seo-server .content-box .seo-server-list ul li a{
    font-size:14px;
    display:block;
    text-indent: 10px;
    cursor:pointer;
}

#vendor{
    margin-top:40px;
}

#vendor .vendor-title{
    margin:30px 0;
    font-size:28px;
    color:#2a2b2d;
    text-align:center;
}

#vendor .vendor-info{
    overflow:hidden;
}

#vendor .vendor-info ul li{
    margin-left:17px;
    margin-bottom:14px;
    float:left;
}

#prompt{
    margin:20px 0;
}

#prompt .content-box p{
    font-size:14px;
}

#prompt .content-box p a{
    color:#929398;
}