@font-face {
    font-family:AppleSystemUIFont;
    src:url("../font/dfpkinggothicgb-ultralight-2.ttf");
}
body{
    font-family:PingFang SC;
    padding-top: 60px;
}
.section-top{
    width: 100%;
    /* padding: 134px 0 100px; */
}
.section-top .banner{
    width:1000px;
    height:400px;
    /* border:1px solid rgba(112,112,112,1); */
    margin: 0 auto;
}
.section-top .banner .banner-swiper .swiper-slide{
    width:1000px;
    /* height:366px; */
    height:400px;
}
.section-top .banner .banner-swiper img{
    width: 875px;
    /* height: 114px; */
}
.section-top .notice{
    margin-top: 52px;
}
.section-top .notice img{
    width: 15px;
    height: 15px;
}
.section-top .notice .notice-info{
    width: 240px;
    height: 30px;
    margin: 0 17px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    overflow:hidden;
}
#affiche {
    color: #999999;
    display: block;
    width: 414px;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: 0 20px;
}
#affiche ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#affiche li{
    list-style: none;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 30px;
}
#affiche li span{
    width: 320px;
    display: inline-block;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #919191;
    text-decoration: none;
    overflow: hidden;
}
#affiche li a{
    font-size: 16px;
    color: rgba(25,149,251,1);
    text-decoration: underline;
}
#affiche li div.btn{
    font-size: 16px;
    color: rgba(25,149,251,1);
    text-decoration: underline;
}

.tools-container{
    width: 790px;
    margin: 54px auto 0;
}
.tools-container .tools-ipt{
    width:790px;
    height:70px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(25,149,251,1);
    box-shadow:10px 20px 40px rgba(25,149,251,0.1);
    font-size:18px;
    padding-left: 25px;
}
.tools-container .tool-title {
    position: absolute;
    width: 230px;
    height: 100%;
    padding: 0 40px;
    top: 0px;
    left: 0;
    cursor: pointer;
}
.tools-container .tool-title img{
    width: 9px;
    height: 8px;
    display: block;
    margin-top: 5px;
}
.tools-container .tool-title span{
    font-size:24px;
    color:rgba(25,149,251,1);
}
.tools-container .tool-title:hover .select-tool{
    display: block;
}
.tools-container .select-tool{
    position: absolute;
    width:131px;
    height:93px;
    background-image: url(../images/drop-down-bg1.png);
    background-size: 131px auto;
    background-repeat: no-repeat;
    top: 49px;
    left: 21px;
    z-index: 101;
    padding: 10px;
    display: none;
}
.tools-container .select-tool ul{
    margin: 5px 0 0;
}
.tools-container .select-tool li{
    font-size:16px;
    line-height:30px;
    color:#707070;
    text-align: center;
    height: 30px;
    cursor: pointer;
    position: relative;
}
.tools-container .select-tool li:hover{
    color:rgba(25,149,251,1);

}
.tools-container .select-tool li.active{
    color:rgba(25,149,251,1);
}
.tools-container .select-tool li.active::before{
    content: '';
    display: block;
    width:3px;
    height:22px;
    background:rgba(25,149,251,1);
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: 4px;
}
.tools-container .indate{
    margin-top: 35px;
    cursor: pointer;
    position: relative;
    /* margin-left: 390px; */
}
.tools-container .indate p{
    width: 125px;
    font-size:17px;
    line-height:33px;
    color:rgba(153,153,153,1);
}
.tools-container .indate img{
    width: 6px;
    height: 5px;
}
.tools-container .indate:hover .select-indate-tool{
    display: block;
}
.tools-container .select-indate-tool{
    position: absolute;
    width:131px;
    height:155px;
    background-image: url(../images/drop-down-bg3.png);
    background-size: 131px 155px;
    top: 28px;
    left: -5px;
    padding: 10px;
    display: none;
}
.tools-container .select-indate-tool ul{
    margin: 5px 0 0;
}
.tools-container .select-indate-tool li {
    font-size: 16px;
    line-height: 30px;
    color: #707070;
    text-align: center;
    height: 30px;
    cursor: pointer;
    position: relative;
}
.tools-container .select-indate-tool li:hover{
    color: rgba(25,149,251,1);
}
.tools-container .select-indate-tool li.active{
    color: rgba(25,149,251,1);
}
.tools-container .select-indate-tool li.active::before{
    content: '';
    display: block;
    width:3px;
    height:22px;
    background:rgba(25,149,251,1);
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: 4px;
}
.tools-container .select-indate-tool hr{
    margin: 0px auto;
    width: 100px;
    border-top: 1px dashed #707070;
}
.tools-container .select-tool hr{
    margin: 0px auto;
    width: 100px;
    border-top: 1px dashed #707070;
}
.tools-container .creat-btn{
    width:172px;
    height:50px;
    background:rgba(25,149,251,1);
    border:1px solid rgba(25,149,251,1);
    box-shadow:0px 3px 6px rgba(25,149,251,0.15);
    font-size:20px;
    line-height:50px;
    color:rgba(255,255,255,1);
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 10px;
}

.tools-container .doname-list {
    margin-top: 35px;
    /* margin-left: 40px; */
}
.tools-container .doname-list li{
    color: #ffffff;
    font-size: 14px;
    margin-right: 28px;
}
.tools-container .doname-list li label{
    cursor: pointer;
}
.tools-container .doname-list .radio-input {
    margin-right: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    vertical-align: -5%;
    border: 1px solid #999999;
    cursor: pointer;
    box-sizing: border-box;
}

.tools-container .doname-list .radio-input:checked::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #fff;
    background: #1995fb;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tools-container .doname-list .radio-input:checked{
    border: 1px solid #1995fb;
}
.tools-container .doname-list .radio-input:checked+span{
    color: #1995fb;
}
.tools-container .doname-list span{
    margin: 0;
    font-size: 18px;
    color: #999999;
    line-height: 24px;
}
.short-creat-wrapper{
    /* width:1000px; */
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 10px rgba(25,149,251,0.15);
    border-radius:5px;
    margin-top: 30px;
    padding: 35px 30px;
    display: none;
}
.short-creat-wrapper img{
    width: 20px;
    height: 20px;
}
.short-creat-wrapper p{
    font-size:20px;
    color:rgba(112,112,112,1);
    margin-left: 12px;
}
.short-creat-wrapper span{
    width:540px;
    height:44px;
    background:rgba(245,245,245,1);
    font-size:20px;
    color:rgba(153,153,153,1);
    line-height: 44px;
    padding-left: 21px;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.short-creat-wrapper .copy-btn{
    font-size:18px;
    color:#1995FB;
    cursor: pointer;
}

/*  */
.section-top .notice span{
    font-size:16px;
    color:rgba(25,149,251,1);
    text-decoration:underline;
}
.section-introduce{
    width: 1000px;
    padding: 84px 0 90px;
    margin: 0 auto;
}
.section-introduce .title{
    font-size:34px;
    font-weight:300;
    color:rgba(25,149,251,1);
    text-align: center;

}
.section-introduce .subtitle{
    font-size:15px;
    font-weight:300;
    color:rgba(153,153,153,1);
    text-align: center;
}
.section-introduce .introduce-list{
    width:354px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(1,120,255,1);
    box-shadow:0px 3px 6px rgba(25,149,251,0.15);
    border-radius:7px 7px 7px 0px;
    padding: 10px 16px;
    height: 60px;
    position: absolute;
    z-index: 1;
}
.introduce-list-img{
    position: absolute;
    z-index: 10;
    width: 100%;
}
.section-introduce .introduce-list1{
    right: 5px;
    top: 104px;
}
.section-introduce .introduce-list2{
    left: 5px;
    top: 104px;
    border-radius:7px 7px 0px 7px;
}
.section-introduce .introduce-list3{
    right: 5px;
    top: 10px;
    height: 90px;
    padding: 14px 16px;
}
.section-introduce .introduce-list p{
    font-size:14px;
    font-weight:300;
    color:rgba(112,112,112,1);
}
.section-introduce .introduce-list span{
    font-size:14px;
    font-weight:500;
    color:rgba(1,120,255,1);
    display: block;
}
.section-introduce ul{
    width: 841px;
    margin: 27px auto 0;
    height: 965px;
}
.section-introduce ul li{
    position: relative;
    height: 323px;
}
.section-introduce ul li img{
    width: 487px;
    /*  */
}
.section-introduce .introduce-last img{
    width: 450px;
}
.section-introduce .introduce-last p:nth-of-type(1){
    width:475px;
    height:89px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 6px rgba(25,149,251,0.15);
    border-radius:7px;
    font-size:22px;
    font-weight:300;
    line-height:30px;
    color:rgba(25,149,251,1);
    text-align: center;
    padding: 15px 0;
}
.section-introduce .introduce-last p:nth-of-type(2){
    width:475px;
    height:224px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 6px rgba(25,149,251,0.15);
    opacity:1;
    border-radius:7px;
    margin-top: 20px;
    padding-left: 62px;
    padding-top: 20px;
}
.section-introduce .introduce-last p:nth-of-type(2) span{
    font-size:14px;
    font-weight:500;
    color:rgba(112,112,112,1);
    display: block;
    margin-bottom: 6px;
}
.section-introduce .introduce-last p:nth-of-type(2) i{
    font-size:14px;
    font-weight:300;
    line-height:20px;
    color:rgba(112,112,112,1);
    display: block;
    margin-bottom: 6px;
}
.setion-guidance{
    padding: 0px 0 70px;
}
.setion-guidance .title{
    font-size:34px;
    font-weight:300;
    color:rgba(25,149,251,1);
    text-align: center;
}
.setion-guidance .subtitle{
    font-size:15px;
    font-weight:300;
    color:rgba(153,153,153,1);
    text-align: center;
    margin-top: 6px;
}
.setion-guidance ul{
    width: 720px;
    margin: 60px auto 0;
}
.setion-guidance ul li{
    width:296px;
    height:340px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 15px rgba(25,149,251,0.15);
    opacity:1;
    border-radius:7px;
    padding: 28px 32px;
}
.setion-guidance ul li .li-title img{
    height: 25px;
    margin-right: 6px;
}
.setion-guidance ul li .li-title p{
    font-size:24px;
    color:rgba(112,112,112,1);
}
.setion-guidance ul li .li-title span{
    font-size:18px;
    color:rgba(112,112,112,1);
    display: block;
    margin-top: 8px;
}
.setion-guidance .vs-icon{
    height: 35px;
}
.guidance-container{
    height: 170px;
    font-size:14px;
    line-height:25px;
    color:rgba(112,112,112,1);
    margin-top: 27px ;
}
.setion-guidance button{
    width:225px;
    height:49px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(25,149,251,1);
    border-radius:6px;
    font-size:24px;
    font-weight:300;
    line-height:47px;
    color:rgba(25,149,251,1);
}
.section-more{
    width:100%;
    height:395px;
    background-image: url(../images/banner-learn-more.jpg);
    background-size: 1920px 397px;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 100px;
    position: relative;
    cursor: pointer;
}
.section-more .close{
    width:84px;
    height:35px;
    background:rgba(255,255,255,1);
    opacity:1;
    border-radius:0px 0px 0px 7px;
    position: absolute;
    right: 0;
    top: 0;
}
.section-more .close img{
    width: 12px;
    margin-right: 10px;
}
.section-more .close span{
    font-size:16px;
    color:rgba(112,112,112,1);

}
.section-more .title p{
    font-size:34px;
    font-weight:300;
    color:rgba(255,255,255,1);
}
.section-more .title span{
    font-size:34px;
    font-weight:600;
    color:rgba(255,255,255,1);
}
.section-more .subtitle{
    width:197px;
    height:33px;
    /*border:1px solid rgba(255,255,255,1);*/
    opacity:1;
    border-radius:3px;
    font-size:16px;
    font-weight:300;
    line-height:30px;
    color:rgba(255,255,255,1);
    text-align: center;
    margin: 14px auto 0;
    transform: translateX(-15px);
    cursor: pointer;
}
.section-more ul{
    width: 700px;
    margin: 40px auto 0;
}
.section-more ul p{
    width:72px;
    height:72px;
    background:rgba(255,255,255,1);
    border-radius:50%;
    margin: 0 auto;
}
.section-more ul p img{
    height: 40px;
}
.section-more ul li{
    width: 220px;
}
.section-more ul span{
    display: block;
    font-size:18px;
    font-weight:300;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-top: 17px;
}
.section-cms{
    width: 100%;
    background: #2A2A2A;
    padding-bottom: 50px;
}
.cms-wrapper{
    width: 1000px;
    margin: 0 auto;
}
.cms-list{
    width: 470px;
}
.cms-list .title{
    margin: 45px 0 30px;
}
.cms-list .title img{
    height: 25px;
}
.cms-list .title span{
    font-size:22px;
    line-height:50px;
    color:rgba(255,255,255,1);
    margin-left: 13px;
}
.cms-list li p{
    font-size:14px;
    font-weight:300;
    color:rgba(255,255,255,1);
}
.cms-list li span{
    display: block;
    width:360px;
    font-size:12px;
    font-weight:300;
    line-height:28px;
    color:rgba(153,153,153,1);
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.cms-list li a{
    font-size:12px;
    font-weight:300;
    color:rgba(25,149,251,1);
    text-decoration:underline;

}
.mt-11{
    margin-top: 11px;
}
.cms-list hr{
    width:100%;
    height:0px;
    border: none;
    border-top:1px dashed #707070;
    margin: 20px 0 30px;
}
.section-register-login{
    width:100%;
    background:rgba(21,21,21,1);
    padding: 46px 0;
}
.section-register-login p{
    font-size:24px;
    font-weight:300;
    color:rgba(255,255,255,1);
    text-align: center;
}
.section-register-login button{
    display: block;
    width:160px;
    height:40px;
    background:rgba(25,149,251,1);
    border-radius:100px;
    font-size:18px;
    color:rgba(255,255,255,1);
    margin: 16px auto 0;
}
/* api */
.section-api{
    width: 1000px;
    min-height: calc(100vh - 361px);
    margin: 0 auto;
    padding: 75px 0 176px;
}
.section-api .logo{
    width: 426px;
}
.section-api .api-btn{
    width:1000px;
    height:60px;
    background:rgba(25,149,251,1);
    font-size:32px;
    line-height:60px;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-top: 64px;
}
.api-key-box{
    margin-top: 44px;
}
.api-key-box .api-key{
    width:1000px;
    height:80px;
    background:rgba(255,255,255,1);
    box-shadow:0px 20px 20px rgba(0,0,0,0.02);
    padding: 0 14px;
}
.api-key-box .api-key p{
    font-size:24px;
    font-family:AppleSystemUIFont;
    font-weight:500;
    color:rgba(112,112,112,1);
}
.api-key-box .api-key span{
    font-size:24px;
    font-family:AppleSystemUIFont;
    font-weight:300;
    color:rgba(25,149,251,1);
}
.cursor-pointer{
    cursor: pointer;
}
.api-key-box .api-key .copy-btn{
    font-size:24px;
    font-family:AppleSystemUIFont;
    font-weight:300;
    color:rgba(153,153,153,1);
    cursor: pointer;
}
.api-key-box li {
    margin-top: 30px;
    padding-left: 10px;
}
/* .api-key-box li::before{
    content: '';
    display: block;
    width:10px;
    height:10px;
    background:rgba(25,149,251,1);
    border-radius:50%;
    margin: 0 14px;
} */
.api-key-box li p{
    font-size:24px;
    font-family:AppleSystemUIFont;
    font-weight:500;
    color:rgba(112,112,112,1);
}
.api-key-box li span{
    font-size:24px;
    font-family:AppleSystemUIFont;
    font-weight:300;
    color:rgba(25,149,251,1);
}
.api-wrapper .title{
    margin-top: 95px;
    font-size:24px;
    font-weight:500;
    color:rgba(112,112,112,1);
    padding-left: 14px;
}
.api-wrapper .table-parameter{
    width: 1000px;
    margin-top: 35px;
}
.api-wrapper .table-parameter thead{
    width:1000px;
    background:rgba(204,204,204,0.16);
}
.api-wrapper .table-parameter thead th{
    font-size:20px;
    font-family:AppleSystemUIFont;
    font-weight:300;
    color:rgba(112,112,112,1);
    height:60px;
}
.api-wrapper .table-parameter tbody tr{
    width:1000px;
    height:60px;
    /* background:rgba(249,250,253,1);   */
}
.api-wrapper .table-parameter tbody td{
    font-size:16px;
    font-weight:300;
    color:rgba(112,112,112,1);
    text-align: center;
}
.api-wrapper .table-parameter:nth-of-type(1) tbody td:nth-of-type(4){
    text-align: left;
}
.api-wrapper .api-example p{
    width:1000px;
    height:60px;
    background:rgba(249,250,253,1);
    font-size:20px;
    font-family:AppleSystemUIFont;
    font-weight:300;
    line-height:60px;
    color:rgba(112,112,112,1);
    padding-left: 14px;
    margin-top: 48px;
}
.api-wrapper .api-example span{
    display: block;
    font-size:16px;
    font-weight:300;
    line-height:30px;
    color:rgba(112,112,112,1);
    padding: 20px 45px 20px 14px;
}
/* 产品优势 */
.section-advantage{
    width: 100%;
    min-height: calc(100vh - 361px);
    margin: 0 auto;
}
.advantage-top{
    padding: 90px 0 110px;
}
.section-advantage .title{
    font-size:38px;
    line-height:35px;
    color:rgba(0,0,0,1);
    text-align: center;
}
.section-advantage .subtitle{
    font-size:18px;
    font-weight:300;
    line-height:30px;
    text-align: center;
    margin-top: 6px;
}
.section-advantage .advantage-top ul{
    width: 1000px;
    padding: 0 100px;
    margin: 75px auto 0;
}
.section-advantage .advantage-top li p{
    font-size:14px;
    font-weight:300;
    color:rgba(112,112,112,1);
    margin-top: 10px;
}
.section-advantage .advantage-top li img{
    display: block;
    height: 65px;
    margin: 0 auto;
}
.section-advantage .advantage-top li span{
    font-size:38px;
    color:rgba(25,149,251,1);
    text-align: center;
    display: block;
}
.advantage-bottom{
    background:rgba(249,250,253,1);
    padding: 50px 0 138px;
}
.section-advantage .advantage-bottom li{
    margin-bottom: 43px;
}
.section-advantage .advantage-bottom li .list-img{
    width:450px;
    height:459px;
    position: relative;
    overflow: hidden;
}
.section-advantage .list-img .list1{
    width: 380px;
    height: 340px;
    position: absolute;
    top: 70px;
    left: -100%;
}
.section-advantage .list-img .list2{
    width: 380px;
    height: 340px;
    position: absolute;
    top: 140px;
    /* left: 34px; */
    right: -100%;
}
.section-advantage .list-img .list3{
    width: 318px;
    height: 435px;
    position: absolute;
    top: 0px;
    left: -100%;
}
.section-advantage .list-img .list1-1{
    width: 143px;
    height: 143px;
    position: absolute;
    right: 0px;
    top: 0;
    opacity: 0;
}
.section-advantage .list-img .list2-1{
    width: 123px;
    height: 123px;
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
}
.section-advantage .list-img .list2-2{
    width: 155px;
    height: 110px;
    position: absolute;
    left: 165px;
    top: 0;
    opacity: 0;
}
.section-advantage .list-img .list2-3{
    width: 145px;
    height: 128px;
    position: absolute;
    right: 0px;
    top: 0;
    opacity: 0;
}
.section-advantage .list-img .list3-1{
    width: 164px;
    height: 164px;
    position: absolute;
    left: 270px;
    top: 0;
    opacity: 0;
}

.section-advantage .list-img .list3-2{
    width: 45px;
    height: 42px;
    position: absolute;
    left: 410px;
    top: 40px;
    opacity: 0;
}

.section-advantage .advantage-bottom ul{
    width: 1000px;
    margin: 75px auto 0;
}
.section-advantage .advantage-bottom li .advantage-info p{
    font-size:28px;
    font-weight:500;
    color:rgba(21,21,21,1);
}
.section-advantage .advantage-bottom li .advantage-info span{
    font-size:16px;
    font-weight:500;
    color:rgba(21,21,21,1);
    display: block;
}
.section-advantage .advantage-bottom li .advantage-info i{
    font-size:16px;
    font-weight:300;
    color:rgba(21,21,21,1);
    display: block;
    padding: 2px 0 5px 10px;
    margin: 5px 0 8px;
}
.section-advantage .advantage-bottom li:nth-of-type(2) .advantage-info i{
    font-size:16px;
    font-weight:300;
    line-height:35px;
    color:rgba(21,21,21,1);
}
/* 淘券合一 */
.section-taobaoke{
    width: 100%;
    min-height: calc(100vh - 361px);
    padding-top: 75px;
}
.taobaoke-top{
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 82px;
}
.section-taobaoke .logo {
    width: 425px;
}
.section-taobaoke .securities-box {
    margin-top: 47px;
}
.section-taobaoke .securities-info {
    width:575px;
    height:556px;
    background:rgba(255,255,255,1);
    box-shadow:0px 20px 20px rgba(0,0,0,0.05);
    opacity:1;
    border-radius:10px;
}
.section-taobaoke .securities-box .listImg1{
    display: block;
    width: 450px;
    height: 400px;
    background-image: url(../images/taobaoke-bg.png);
    background-size: 450px 400px;
    position: relative;
}
.section-taobaoke .taobaoke-bottom .listImg2{
    display: block;
    width: 320px;
    height: 632px;
    position: relative;
}
.section-taobaoke .taobaoke-bottom .listImg2-1{
    display: block;
    width: 60px;
    height: 70px;
    position: absolute;;
    top: 142px;
    left: 147px;
    opacity: 0;
    z-index: 111;
}
.section-taobaoke .taobaoke-bottom .listImg2-2{
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 115px;
    left: 132px;
    opacity: 0;
}
.section-taobaoke .securities-box .listImg1-info{
    position: absolute;
    width: 410px;
    height: 212px;
    border: 1px solid gray;
    left: 20px;
    top: 48px;
    border-radius: 8px;
    overflow: hidden;
}

.section-taobaoke .securities-box .listImg1-1{
    width: 350px;
    max-height: 288px;
    position: absolute;
    left: 30px;
    top: 23px;
}
.section-taobaoke .securities-box .listImg1-2{
    width: 160px;
    height: 160px;
    position: absolute;
    right: -80px;
    top: 20px;
}
.section-taobaoke .securities-info .title{
    width:575px;
    height:80px;
    background:rgba(25,149,251,1);
    opacity:1;
    border-radius:10px 10px 0px 0px;
    font-size:32px;
    line-height:80px;
    color:rgba(255,255,255,1);
    text-align: center;
}
.section-taobaoke .securities-info li{
    width: 500px;
    margin: 40px auto 0;
    position: relative;
}
.section-taobaoke .securities-info li img{
    width: 30px;
    height: 25px;
}
.section-taobaoke .securities-info li span{
    font-size:24px;
    font-weight:300;
    color:rgba(25,149,251,1);
    margin-left: 16px;
}
.section-taobaoke .securities-info li input{
    width:100%;
    height:34px;
    border:1px dashed rgba(153,153,153,1);
    border-radius:10px;
    font-size:16px;
    font-weight:300;
    line-height:34px;
    color:#707070;
    padding-left: 12px;
    margin-top: 10px;
}
.section-taobaoke .securities-info li .error-tips{
    position: absolute;
    top: 84px;
    left: 0;
    font-size: 14px;
    color: #D32A2A;
    display: none;
}
.mt-10{
    margin-top: 10px;
}
.section-taobaoke .securities-info li .createShortUrl{
    width:450px;
    height:34px;
    background:rgba(249,250,253,1);
    opacity:1;
    border-radius:10px;
    font-size:16px;
    font-weight:300;
    line-height:34px;
    color:rgba(25,149,251,1);
    padding-left: 10px;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.section-taobaoke .securities-info .create-succeed{
    width: 100px;
    height: 100px;
    display: block;
    margin: 28px auto 0 ;

}
.section-taobaoke .securities-info li .copy-btn{
    font-size:20px;
    font-weight:300;
    color:rgba(25,149,251,1);
    cursor: pointer;
}
.section-taobaoke .securities-info .reset-btn{
    width:167px;
    height:45px;
    border:2px solid rgba(25,149,251,1);
    border-radius:100px;
    font-size:24px;
    line-height:41px;
    color:rgba(25,149,251,1);
    text-align: center;
    margin-right: 30px;
    cursor: pointer;
    margin-top: 44px;
}
.section-taobaoke .securities-info .generate-btn{
    width:167px;
    height:45px;
    border:2px solid rgba(25,149,251,1);
    border-radius:100px;
    font-size:24px;
    line-height:41px;
    color:rgba(25,149,251,1);
    text-align: center;
    margin-right: 30px;
    cursor: pointer;
    margin-top: 44px;
}
.section-taobaoke .securities-info .create-btn{
    width:167px;
    height:45px;
    background-color: #1995FB;
    border-radius:100px;
    font-size:24px;
    line-height:45px;
    color:#FFFFFF;
    text-align: center;
    cursor: pointer;
    margin-top: 44px;
}
.taobaoke-bottom{
    width: 100%;
    margin: 0 auto;
    padding: 154px 0 170px;
    background-color: #F9FAFD;
}
.taobaoke-info{
    width: 890px;
    margin: 0 auto;
}
.taobaoke-info .right{
    width:450px;
}
.taobaoke-info .right p{
    font-size:20px;
    font-weight:500;
    color:rgba(0,0,0,1);
}
.taobaoke-info .right p::before{
    content: '';
    display: inline-block;
    width:10px;
    height:10px;
    background:rgba(0,0,0,1);
    border-radius:50%;
    margin-right: 14px;
}
.taobaoke-info .right span{
    display: block;
    font-size: 16px;
    font-weight: 300;
    /* line-height: 33px; */
    color: rgba(112,112,112,1);
    margin-top: 5px;
}
.taobaoke-tips{
    font-weight:300;
    line-height:30px;
    margin-top: 40px;
    text-indent:35px;
    position: relative;
    font-size:14px;
    color:rgba(153,153,153,1);
}
.taobaoke-tips img{
    display: inline-block;
    position: absolute;
    width:29px;
    height:27px;
    top: 0;
    left: 0;
}
.section-about{
    width: 100%;
    min-height: calc(100vh - 361px);
    margin: 0 auto;
    padding: 75px 0 0;
}
.section-about .title{
    width: 544px;
    margin: 0 auto;
}
.section-about nav{
    width:100%;
    height:60px;
    background:rgba(255,255,255,1);
    box-shadow:0px 6px 9px rgba(0,0,0,0.05);
    margin-top: 10px;
}
.section-about nav ul{
    width: 1000px;
    height: 60px;
    margin: 0 auto;
}
.section-about nav ul li{
    height: 60px;
    font-size:24px;
    font-weight:400;
    line-height:60px;
    color:rgba(112,112,112,1);
    cursor: pointer;
}
.section-about nav ul li.active{
    border-bottom: 5px solid #1995FB;
    color: #1995fb;
}
.section-about  .about-wrapper{
    width: 1000px;
    margin: 50px auto 0;
}
.section-about  .about-wrapper ul li{
    margin-bottom: 30px;
    /* text-indent:16px */
}
.section-about  .about-wrapper ul li p{
    color: #1995FB;
    font-size: 16px;
    text-indent:33px
}
.section-about  .about-wrapper ul li i{
    color: #707070;
    font-size: 16px;
    font-weight: 500;
    text-indent:33px;
    display: block;
    margin-top: 10px;
}
.section-about  .about-wrapper ul li span{
    color: #707070;
    font-size: 16px;
}
.section-about .development-history {
    margin-top: 80px;
    position: relative;
}
.section-about .development-history p{
    font-size:32px;
    font-weight:600;
    color:rgba(25,149,251,1);
    line-height: 36px;
    margin-right: 87px;
}
.section-about .development-history img{
    width: 36px;
    height: 36px;
    display: block;
    margin-right: 26px;
    z-index: 101;
}
.section-about .development-history ol li{
    margin-bottom: 30px;
}
.section-about .development-history li span{
    font-size:24px;
    color:rgba(25,149,251,1);
    line-height: 36px;
    margin-right: 20px;
}
.section-about .development-history li .development-info{
    font-size:24px;
    color:rgba(112,112,112,1);
    line-height: 36px;
    font-weight: 300;
}
.mb-60{
    margin-bottom: 60px;
}
.section-about .development-history hr{
    display: block;
    width: 1px;
    height: 1074px;
    border-left: 1px dashed #CCCCCC;
    position: absolute;
    left: 184px;
    top: 10px;
    z-index: 99;
}
.section-about .contact .title img{
    width: 34px;
    height: 32px;
    display: block;
}
.section-about .contact .title span{
    font-size:32px;
    color:rgba(0,0,0,1);
    margin-left: 7px;
}
.section-about .contact ul{
    margin: 46px 0 177px;
}
.section-about .contact ul li:nth-of-type(1){
    margin-right: 46px;
}
.section-about .contact ul li img{
    display: block;
    width:200px;
    height:200px;
}
.section-about .contact ul li span{
    display: block;
    font-size:28px;
    color:rgba(112,112,112,1);
    text-align: center;
    margin-top: 23px;
}
/* 权限介绍 */
.section-jurisdiction{
    width: 1000px;
    min-height: calc(100vh - 361px);
    margin: 0 auto;
    padding: 75px 0 80px;
}
.section-jurisdiction .logo{
    width: 426px;
}
.jurisdiction-btn{
    width:1000px;
    height:60px;
    background:rgba(255,255,255,1);
    box-shadow:0px 20px 20px rgba(0,0,0,0.02);
    margin-top: 80px;
}
.jurisdiction-btn img{
    display: block;
    width: 38px;
    height: 32px;
}
.jurisdiction-btn span{
    display: block;
    font-size:28px;
    color:rgba(112,112,112,1);
    margin-left: 20px;
}
.section-jurisdiction .title{
    font-size:24px;
    font-weight:500;
    color:rgba(112,112,112,1);
    margin: 78px 0 28px;
}
.jurisdiction-table{
    width: 100%;
}
.jurisdiction-table th{
    height:60px;
    background:rgba(245,245,245,1);
    font-size:24px;
    font-family:AppleSystemUIFont;
    font-weight:300;
    color:rgba(112,112,112,1);
}
.jurisdiction-table td{
    height:60px;
    font-size:24px;
    font-family:AppleSystemUIFont;
    font-weight:300;
    color:rgba(112,112,112,1);
    text-align: center;
}
.jurisdiction-table td i.yes{
    display: block;
    width: 30px;
    height: 20px;
    background-image: url(../images/icon-yes.png);
    margin: 0 auto;
}
.jurisdiction-table td i.no{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-no.png);
    margin: 0 auto;
}
.jurisdiction-table thead th:nth-of-type(1) {
    text-align: left;
    padding-left: 40px;
}
.jurisdiction-table tbody tr td:nth-of-type(1) {
    text-align: left;
    padding-left: 40px;
}
/* 营销课堂 */
.section-marketing{
    padding: 80px 0;
    width: 1000px;
    margin: 0 auto;
}
.marketing-content{
    width:577px;
    /* height:1484px; */
    background:#fff;
    border-radius:5px;
    padding: 20px 45px 20px 26px;
}
.marketing-content nav{
    border-bottom: 1px solid #CCCCCC;
}
.marketing-content .article-content .title{
    text-align: center;
    font-size: 24px;
    color: #444;
    font-weight: normal;
    margin-bottom: 10px;
}
.marketing-content .article-content .article-meta{
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.marketing-content .article-content .article-meta-list{
    margin: 0 5px;
}
.marketing-content .article-content .article-meta-list p{
    display: block;
}
.marketing-content .article-content .article-info{
    font-size: 16px;
    padding: 20px 0;
    line-height: 20px;
}
.marketing-content .article-content .post-nav{
    margin-top: 30px;
    font-size: 18px;
}
.marketing-content .article-content .post-nav a{
    font-size: 14px;
}
.marketing-content .article-content .related{
    margin-top: 20px;
}
.marketing-content .article-content .related-title{
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.marketing-content .article-content .related ul{
    margin-top: 20px;
}
.marketing-content .article-content .related li{
    margin-bottom: 10px;
}
.marketing-content .article-content .related i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #ccc;
    color: #fff;
    line-height: 15px;
    text-align: center;
    font-size: 14px;
    margin-right: 5px;
    background-color: #1995FB;
}
.marketing-content .article-content .related p{
    font-size: 14px;
}
.marketing-content .article-content .related span{
    font-size: 14px;
    color: #999;
}
.marketing-content nav li{
    height: 48px;
    line-height: 48px;
    font-size:20px;
    color:rgba(0,0,0,1);
    padding: 0 5px;
    cursor: pointer;
}
.marketing-content nav li.active{
    color: #1995FB;
    border-bottom: 2px solid #1995FB;

}
.marketing-content .content-list{
    display: none;
}
.marketing-content .content-list li{
    width: 100%;
    height: 150px;
    padding: 30px 0 23px;
    border-bottom: 1px solid #CCCCCC;
}
.marketing-content .content-list .thumbnail{
    width: 135px;
    height: 85px;
    position: relative;
}
.marketing-content .content-list .thumbnail img{
    max-width: 135px;
    max-height: 85px;
    display: block;
}
.marketing-content .content-list .thumbnail .thumbnail-tips{
    width:54px;
    height:18px;
    background:rgba(16,209,0,1);
    border-radius:2px;
    font-size:12px;
    font-weight:500;
    line-height:16px;
    color:rgba(255,255,255,1);
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: center;
}
.marketing-content .content-list .title{
    width:360px;
    height:22px;
    font-size:16px;
    font-weight:600;
    line-height:22px;
    color:rgba(0,0,0,1);
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.marketing-content .content-list .subtitle{
    width:360px;
    height:34px;
    font-size:12px;
    font-weight:300;
    line-height:17px;
    color:rgba(112,112,112,1);
    margin-top: 10px; word-break:break-all;
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:2;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
}
.marketing-content .content-list .tool{
    margin-top: 9px;
}
.marketing-content .content-list .time img{
    width: 10px;
    height: 10px;
}
.marketing-content .content-list .time span{
    font-size:12px;
    color:rgba(204,204,204,1);
    display: block;
    margin-left: 10px;
}
.marketing-content .content-list .look{
    margin-right: 17px;
}
.marketing-content .content-list .view-more-btn{
    font-size: 18px;
    text-align: center;
    color: #1995FB;
    margin: 30px 0 10px;
}
.marketing-content .content-list .look img{
    width: 12px;
    height: 8px;
}
.marketing-content .content-list .look span{
    font-size:12px;
    color:rgba(204,204,204,1);
    display: block;
    margin-left: 3px;
}
.marketing-content .content-list .collect{
    margin-right: 17px;
}
.marketing-content .content-list .collect img{
    width: 10px;
    height: 10px;
}
.marketing-content .content-list .collect span{
    font-size:12px;
    color:rgba(204,204,204,1);
    display: block;
    margin-left: 3px;
}
.marketing-content .content-list .like img{
    width: 10px;
    height: 10px;
}
.marketing-content .content-list .like span{
    font-size:12px;
    color:rgba(204,204,204,1);
    display: block;
    margin-left: 3px;
}

.section-marketing .right{
    width: 400px;
}
.section-marketing .search-box{
    width:400px;
    height:80px;
    background:rgba(255,255,255,1);
    border-radius:5px 5px 0px 0px;
}
.section-marketing .search-box input{
    width:250px;
    height:45px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(204,204,204,1);
    border-radius:23px 0px 0px 23px;
    background-image: url(../images/icon-search.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 50px;
    padding-right: 10px;
    font-size: 18px;
}
.section-marketing .search-btn{
    width:108px;
    height:45px;
    background:rgba(25,149,251,1);
    font-size:18px;
    line-height:45px;
    color:rgba(255,255,255,1);
    text-align: center;
    border-radius:0px 23px 23px 0px;
}
.section-marketing .advertising-banner{
    width:400px;
    height:192px;
    background:rgba(255,255,255,1);
    /*border:1px solid rgba(112,112,112,1);*/
    border-radius:5px;
    margin-top: 18px;
    overflow: hidden;
}
.section-marketing .special-news{
    width:400px;
    height:360px;
    background:rgba(255,255,255,1);
    border-radius:5px 5px 0px 0px;
    margin-top: 18px;
    padding: 17px 13px;
}
.section-marketing .special-news .title img{
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 13px;
}
.section-marketing .special-news .title p{
    font-size:19px;
    color:rgba(0,0,0,1);
}
.section-marketing .special-news .title span{
    font-size:14px;
    color:#999999;
}
.section-marketing .special-news .line{
    width:100%;
    border-top:2px solid rgba(204,204,204,1);
    position: relative;
    margin-top: 25px;
}
.section-marketing .special-news .line::before{
    content: '';
    display: block;
    width:98px;
    border-top:2px solid rgba(25,149,251,1);
    position: absolute;
    top: -2px;
}
.section-marketing .special-content{
    width: 376px;
    height: 236px;
    margin-top: 28px;
    background-image: url(../images/thumbnail.png);
    background-size: 376px 236px;
    background-repeat: no-repeat;
    padding: 12px;
}
.section-marketing .special-content .special-title{
    width:42px;
    height:20px;
    background:rgba(255,255,255,0.15);
    border-radius:12px;
    font-size:12px;
    font-weight:500;
    line-height:20px;
    color:rgba(255,255,255,1);
    text-align: center;
}
.section-marketing .special-content p{
    font-size:16px;
    font-weight:600;
    color:rgba(255,255,255,1);
    margin-top: 96px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.section-marketing .special-content span{
    display: block;
    height:42px;
    font-size:14px;
    line-height:20px;
    color:rgba(255,255,255,1);
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 11px;
}
.section-marketing .hot-news{
    width:400px;
    background:rgba(255,255,255,1);
    border-radius:5px 5px 0px 0px;
    margin-top: 25px;
    padding-bottom: 26px;
}
.section-marketing .hot-news .hot-news-swiper .swiper-slide{
    width: 400px;
    height: 250px;
    background-image: url(../images/thumbnail.png);
    background-size: 400px 250px;
    background-repeat: no-repeat;
    padding: 27px;
}
.section-marketing .hot-news .hot-news-swiper .swiper-slide p{
    font-size:16px;
    font-weight:600;
    color:rgba(255,255,255,1);
    margin-top: 158px;
}
.swiper-pagination-bullet{
    background-color: rgba(18,106,212,1);
}
.section-marketing .hot-news .title{
    padding: 17px 13px;
}
.section-marketing .hot-news .title img{
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 13px;
}
.section-marketing .hot-news .title p{
    font-size:19px;
    color:rgba(0,0,0,1);
}
.section-marketing .hot-news .title span{
    font-size:14px;
    color:#999999;
}
.section-marketing .hot-news .line{
    width:374px;
    border-top:2px solid rgba(204,204,204,1);
    position: relative;
    margin: 0 auto;
}
.section-marketing .hot-news .line::before{
    content: '';
    display: block;
    width:98px;
    border-top:2px solid rgba(25,149,251,1);
    position: absolute;
    top: -2px;
}
.section-marketing .hot-news .news{
    width: 378px;
    margin: 0px auto;
}
.section-marketing .hot-news .news li{
    font-size:16px;
    line-height:25px;
    color:rgba(112,112,112,1);
    border-bottom: 1px dashed #CCCCCC;
    padding: 20px 0;
    cursor: pointer;
}

/* 外面盒子样式---自己定义 */
.market-page .page_div {
    margin: 20px 10px 20px 0;
    color: #666;
    width: 1000px;
    height: 28px;
    margin: 50px auto 20px;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* 页数按钮样式 */
.market-page .page_div button {
    display: inline-block;
    min-width: 30px;
    height: 28px;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    line-height: 25px;
    background-color: #f9f9f9;
    border: 1px solid #dce0e0;
    text-align: center;
    margin: 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.market-page #firstPage,
.market-page #lastPage,
.market-page #nextPage,
.market-page #prePage {
    width: 50px;
    color: #1995FB;
    border: 1px solid #1995FB
}

.market-page #nextPage,
.market-page #prePage {
    width: 70px
}

.market-page .page_div .current {
    background-color: #1995FB;
    border-color: #1995FB;
    color: #FFF
}

/* 页面数量 */
.market-page .totalPages {
    margin: 0 10px
}

.market-page .totalPages span,
.market-page .totalSize span {
    color: #1995FB;
    margin: 0 5px
}

/*button禁用*/
.page_div button:disabled {
    opacity: .5;
    cursor: no-drop
}

/* FAQ */
.section-FAQ{
    width: 1000px;
    min-height: calc(100vh - 361px);
    padding: 112px 0 170px;
    margin: 0 auto;
}
.section-FAQ .title img{
    width: 36px;
    height: 30px;
}
.section-FAQ .title span{
    font-size:28px;
    color:rgba(112,112,112,1);
    margin-left: 12px;
}
.section-FAQ .container{
    margin-top: 54px;
}
.section-FAQ .container li{
    margin-bottom: 54px;
}
.section-FAQ .container li p{
    font-size:24px;
    color:rgba(25,149,251,1);
}
.section-FAQ .container li span{
    font-size:20px;
    font-weight:300;
    color:rgba(112,112,112,1);
    margin-top: 10px;
    display: inline-block;
    padding-left: 50px;
    position: relative;
    line-height: 35px;
}
.section-FAQ .container li span::before{
    content: "A：";
    display: inline-block;
    font-weight: 400;
    position: absolute;
    left: 17px;
    top: 0;
}

/* 淘宝链接推广弹窗 */
.tbUrl-pupop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    z-index: 999;
    transform: translate(0,0);
}
.tbUrl-pupop .tbUrl{
    width: 369px;
    height: 498px;
    background: url(//static.suolink.cn/static/suolink.cn/images/bg-tbUrl.png);
    background-repeat: no-repeat;
    background-size: 369px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 272px 0 0 47px;
}
.tbUrl-pupop .tbUrl ul li{
    font-size: 18px;
    color: #494949;
    width: 287px;
    margin-bottom: 16px;
}
.tbUrl-pupop .tbUrl ul li span{
    font-weight: 600;
}
.tbUrl-pupop .tbUrl button{
    width: 132px;
    height: 47px;
    background: #096DDE;
    border-radius: 24px;
    font-size: 18px;
    color: #FFFFFF;
    display: block;
    margin-left: 71px;
    margin-top: 41px;
}
.tbUrl-pupop .tbUrl .close {
    position: absolute;
    left: 50%;
    top: 108%;
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%,-50%);
    padding: 4px;
}

.tbUrl-pupop .tbUrl .close:before,
.tbUrl-pupop .tbUrl .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 27px;
    width: 4px;
    background-color: #CCCCCC;
    border-radius: 5px;
    top: 4px;
}

.tbUrl-pupop .tbUrl .close:before {
    transform: rotate(45deg);
}

.tbUrl-pupop .tbUrl .close:after {
    transform: rotate(-45deg);
}

/*自有域名*/
.tools-container .doname-list select {
    font-size: 18px;
    color: #999;
    border: none;
    font-style:normal;
    display: block;
}
.tools-container .doname-list select option {
    color: #333;
}