html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, i, b, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft yahei", arial, "PingFangSC-Regular", sans-serif;
    /*font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft yahei", arial, "PingFangSC-Regular", sans-serif;*/
    font-weight: normal;
    font-style: normal;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
@font-face {
  /*font-family: "Microsoft YaHei";*/
  font-weight: normal;
  font-style: normal;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:30px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
strong span{
    font-weight: 900;
}
body {
    min-width: 1100px;
    font-size: 14px;
    color:#333;
    background: #fff;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
li{
    list-style: none;
}
a{
    text-decoration:none;
}
.fl{float: left;}
.fr{float: right;}
/*

img{
    width: 100%;
    border:0;
}
*/


html{
    line-height: 1;
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #0088FE;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #4DACFF;
}
.clearfix{ *zoom:1;}
.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; clear:both;}

/*.container {margin: 0 auto; width: 1100px; }*/
.container {margin: 0 auto; width: 1024px; }


@media (max-width: 1100px) {
    body {
        min-width:1024px;
    }
}
.hide{
    display: none!important;
}

.appbanner{background: #0ccc6e;}
.dynamicbanner{background: #c81f00;}
.aboutbanner{background: #0088fe;}

/*start 头部*/
    .public-head{width: 100%; background-color:#fff;}
    .public-head .container{
        height: 70px;
        display: -webkit-flex;      
        display: -moz-flex;      
        display: -ms-flex;
        display: flex;
        -webkit-align-items:center;
        -moz-align-items:center;
        -ms-align-items:center;
        align-items:center;
    }

    /*start logo*/
        .public-head .container .logo-box{
            width: 280px; 
            float: left;
           height: 70px;
        }
        .public-head .container .logo-box a{
            display: block;
            margin:7px 15px;
        }
        .public-head .container .logo-box img{
            height:56px;
            display: inline-block;
            vertical-align: middle;
        }
    /*end logo*/

    /*start navbar-box*/
        .public-head .container .navbar-box{
            width: calc(100% - 450px);
            height: 52px;
            float: left;
        }
        .public-head .container .navbar-box a{
            color: #333;
            /*border-bottom: 2px solid transparent;*/
            /*padding: 19px 0 26px;*/
            padding: 18px 0 26px;
            float: left;
            margin: 0 18px;
            font-size: 15px;
        }
        .subscript{
            color:#0088fe !important;
            border-bottom: 2px solid #0088fe;
            font-weight: 300;
        }
        .public-head .container .navbar-box a:hover{
            border-bottom: 2px solid #0088fe;
        }
    /*end navbar-box*/

    /*start login,register*/
        .public-head .container .login-box{float: left; line-height: 52px; }
        .public-head .container .login-box a{
            height: 28px;
            padding: 0 23px;
            text-align: center;
            line-height: 28px;
            border: 1px solid #0088fe;
            border-radius: 2px;
            display: inline-block;
            background: #fff;
        }
        .public-head .container .login-box a.login{color: #0088fe; margin-right: 10px; }
        .public-head .container .login-box a.login:hover{
            -ms-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            color: #fff;
            background: #0088fe;
        }
        .public-head .container .login-box a.register{color: #fff; background: #0088fe; border-color:#0088fe; }
        .public-head .container .login-box a.register:hover{
            -ms-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            opacity: 0.8;
        }
    /*end login,register*/
/*end 头部*/




/*start 底部*/
  
    /*.public-footer{width: 100%; background: #373d44; padding-top: 70px; color: #fff;  text-align: left;}*/
    .public-footer{width: 100%; background: #e2e5e7;  color: #393939;  text-align: left;}
    .public-footer .partner-box{padding-bottom: 40px; border-bottom: 1px solid #dfdfdf; }
    .public-footer .partner-box h3{font-size: 20px; margin-bottom: 22px; }
    .public-footer .partner-box .partner-logs{
        display: -webkit-flex;      
        display: -moz-flex;      
        display: -ms-flex;
        display: flex;
        -webkit-align-items:center;
        -moz-align-items:center;
        -ms-align-items:center;
        align-items:center;
    }
    /*.public-footer .partner-box .partner-logs img{width: 128px; margin-right: 10px; }*/
    .public-footer .present-box{padding: 70px 0 50px; border-bottom: 1px solid #dfdfdf; }
    .public-footer .present-box ul{float: left; margin-right: 183px; }
    .public-footer .present-box ul li{font-size: 14px; margin-bottom: 26px;}
    .public-footer .present-box ul li h3{font-size: 20px; }
    .public-footer .present-box ul li a{color: #393939;} 
    /*.public-footer .present-box ul li a:hover{text-decoration: underline; }*/
    .public-footer .present-box ul li img{width: 100px; height:100px; margin-top:26px; }
    .public-footer .present-box ul:last-child{margin-right:0px; }
    /*.public-footer .common-copy{text-align: center; font-size: 12px; padding: 37px 0; }*/
      .common{text-align: center; padding:16px 0; }
    .common a{display: inline-block; width:4%; margin-left:15px; vertical-align: middle;}
    .common a img{width:100%; height:100%;}
    .copy{vertical-align: middle; line-height:44px; display: inline-block; }
    .public-footer .partner-box .partner-logs img {
        width: 128px;
        margin-right: 10px;
        /*filter: grayscale(100%);*/
        border-radius:4px;
    }
    .public-footer .partner-box .partner-logs img:hover{
        filter: grayscale(0);
    }
/*end 底部*/


/*start 右侧悬浮 */
    .slide-bar{width:58px; height:288px; position:fixed; right: 8px;top:0px;bottom:0px; margin: auto; }
    .slide-item{position:relative; border-left: 1px solid #ececec; border-right: 1px solid #ececec; background:#fefefe; }
    .slide-cont,.slide-cont:link{width: 56px; font-size: 12px; color: #666; overflow: hidden; padding:9px 0; display: block; text-align: center; text-decoration: none;}
    .slide-item:hover .slide-cont{ background:#0088fe;color: #fff; }
    .slide-bar ul li:hover{border-color:#0088fe;}
    .slide-cont i{display: block; margin: 0 auto 3px; font-size:24px; }
    .slide-bar ul li:nth-child(1):hover .introduce{display: block;}
    .slide-bar ul li:nth-child(2):hover .share-details{display: block;}
    
    /*start 联系客服详情*/
        .introduce{position: absolute; right: 57px; top: 0px; width: 270px;display: none;}
        .service-title {border:1px solid #f7f7f7;height: 40px; line-height: 40px; color:#666;background-color: #f7f7f7; padding-left: 20px; }
        .service-info {padding: 0 20px; border:1px solid #ececec;background:#fff;}
        .service-info p {padding-top: 10px; padding-bottom: 10px; }
        .qq-17 {display: inline-block !important; height: 29px !important; width: 96px !important; background: url(../../images/public-icon.png) 0 -443px !important; vertical-align: -8px !important; margin-left: 6px !important; padding-top:0px !important; }
    /*end 联系客服详情*/

    /*start 分享详情*/
        .share-details{width: 400px; position: absolute; right: 57px; top: 0px; background: #fff; padding: 10px; border:1px solid #ececec; display: none;}
        div.share-details a{margin:8px 10px ;}
    /*end 分享详情*/

    /*start 意见反馈*/
        .feedb-mark{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.8);}
        .feedb-box{width: 420px; height:440px;background-color:#FFF;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto; border-radius:6px;}
        .feedb-tit{text-align:center; color:#fff; line-height:50px; background:#0088fe;margin:0;}
        .feedb-detail{position:relative; margin:20px 5% 0; }
        .feedb-detail textarea{width:352px; height: 180px; border:1px solid #dcdcdc; resize: none; outline: none; padding:12px; letter-spacing: 1px; }
        .count-tip {font-size: 12px; color: #888; position: absolute; right: 15px; bottom: 10px; }
        input.contact-put {width: 352px; height: 42px; line-height: 42px; font-size: 14px; padding:0 2%; border: 1px solid #e3e3e3; outline: none; margin:20px 5% 0; }
        .subm,.cancel{width: 100px; height: 40px; line-height: 40px; margin-right: 14px; display: inline-block; text-align: center; cursor: pointer; float: right; margin:40px 5% 10px; }
        .subm a,.cancel a{display: block; color:#fff; letter-spacing: 2px;}
        .subm a{background:#0088fe;}
        .cancel a{background:#999;}
    /*end 意见反馈*/
    .slide-item a.go-top{display: none;}
/*end 右侧悬浮 */




/*banner(app下载，动态新闻，关于我们)*/
    .public-banner{
        width:100%;
        height:260px;
        overflow: hidden;
         background-image: linear-gradient(to right, #0088fe , #4b08ff0d);
    }
    .w1100{
        width:1100px;
        padding:0 20px;
        margin:auto;
    }
    .caption{
        width:50%;
        padding-top:60px;
    }
    .caption>h3{
        font-size: 50px;
        color: #fff;
        /*margin:0px -30px 20px;*/
        margin:0px 0px 20px;
        letter-spacing: 6px;
    }
    .caption>p{
        font-size: 32px;
        color: #fff;
        /*margin-left:-30px;*/
        margin-left:0px;
        letter-spacing: 2px;
    }
    .icon-course{
        width:50%;
        text-align: right;
    }
    /*.icon-course img{
        width: 41%;
        margin-top: -6px;
        opacity: .9;
    }*/
/*banner(app下载，动态新闻，关于我们)*/
    .main{
            /*width:1040px;*/
            width:980px;
            height: auto;
            padding:0 20px;
            background:#fff;
            margin:0 auto;
            /*margin-top:190px;*/
            margin-bottom:30px;
            border-radius:10px 10px 0 0;
            overflow: hidden;
            position: absolute;
            top: 265px;
            left: 50%;
            display: inline-block;
            margin: 0 -502px;
        }
        .crumbs {
            width: 1050px;
            height: 60px;
            line-height: 60px;
            padding-bottom: 5px;
            color: #666;
            border-bottom: 1px dashed #e5e5e5;
        }
        .crumbs .crumbs_f img {
            display: block;
            float: left;
            width: 19px;
            height: 16px;
            margin-top: 21px;
        }
        .crumbs .crumbs_f a {
            color: #666;
            transition: .3s;
        }