html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size:100%;}
        html,body{color:#333}
        body{background:#fff;overflow-x: hidden;}
        ul,ol,li{ list-style:none;}
        a:link, a:visited{ color:#333; text-decoration:none;}
        a:hover{ color:#12b7f5;}
        img{ border:none;}
        em{ font-style:normal;}
        h1,h2,h3,h4,h5{ font-weight:normal;}
        .clearfloat:after{ content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
        .clearfloat{zoom:1;}
        /* top */
        .max1600{max-width:1600px; min-width:1007px; margin:0 auto;}
        .topbar{ position: absolute; left: 0; top: 0; width:100%; height:75px; background: linear-gradient(to right,#D9EEFF,#DAF3FF 25%,#E7FFFF 50%,#FDFFFF 80%,#ffffff); z-index: 900;}
        .topbar>img{
            float: right;
        }
        .toppic{ max-width:1170px; min-width:980px; width:80%; height:76px; margin:0 auto;}
        .toppic a:link, .toppic a:visited{
            /*color: #fff;*/
            color: #333;
        }

        .topicfixed{ position: fixed; left: 0; top: 0; background: #fff; border-bottom: 1px solid #f1f1f1;}
        .topicfixed>img{
            display: none;
        }
        .topicfixed a:link, .topicfixed a:visited{ color: #333;}
        .topside{ float:left; width:59%;}
        .logoLink{ float:left; display:block; width:193px; height:0px; overflow:hidden; padding-top:76px; font-size:0;
            background:transparent url("../img/logo.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/qqlogo/imlogo_b.png*/ no-repeat 20px 15px;}
        .topNav{ width:450px; padding-left: 18px;}
        .topNav li{ float:left; margin-left: 20px;}
        .topNav li a{ float: left; padding: 0 20px; line-height:76px; font-size:1.125em;}
        .topNav li a:hover{font-weight: bold;}
        /*.topNav li.current a{ background: #EAF1F9;}*/
        .topicfixed { height: 75px;}
        .topicfixed li.current a{ background: none; }
        .topicfixed .topNav li a:hover{ background: none; }
        .topTool{ float:right; width:320px; font-size:0.875em;}
        .topTool a.barzc{ float: left; width: 96px; height: 0; overflow: hidden; padding: 39px 0 0 0; margin: 18px 0 0 0; background:transparent url("../img/icons.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/icons.png*/ no-repeat 0 -244px; text-align: center; line-height: 39px; color: #fff;}
        .topTool a.barzc:hover, .topicfixed a.barzc:hover{background:transparent url("../img/icons.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/icons.png*/ no-repeat 0 -284px; color: #fff;}
        .topTool ul{ float: right; height: 40px; padding-top: 6px;}
        .topTool li{ float: right; margin-left: 30px; position: relative; line-height: 40px;}
        .topTool .login{ height:43px; line-height:43px;}
        .topTool .login span{ padding:0 18px; color:#cecece;}
        .flashData{ float: right; line-height:17px; text-align: right; letter-spacing: 0.04em;}
        .flashData a:hover{ text-decoration:underline;}
        .topicfixed a.barzc{ display: inline;}

        #loginInfo img{ float: left; width:25px; height:25px; margin-top: 5px; vertical-align:middle; border-radius: 12px; cursor: pointer;}
        .loginPenel{ display: none; position: absolute; right: 0; top: 30px; width: 120px; height: 85px; z-index: 100;}
        .loginPenel .trg{ position: absolute; right: 8px; top: 4px; width: 10px; height: 7px; background:transparent url("../img/trg.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/trg.png*/ no-repeat 0 0; font-size: 0;}
        .logindrop{ width: 120px; height: 75px; margin-top: 10px; background: #fff;}
        .nick{ width: 100px; height: 39px; overflow: hidden; margin: 0 auto; white-space: nowrap; line-height: 39px; text-align: center; text-overflow:ellipsis;}
        .lgout{ width: 100%;  border-top: 1px solid #d7d7d7; line-height: 35px; text-align: center;}
        .lgout a:link, .lgout a:visited{ color: #333;}
        /* banner */
        .crossbanenr{ width: 100%;}
        .crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; /*max-width: 1920px; */min-width: 1007px; margin: 0 auto;}
        .crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
        .crossbanenr li:first-child{ display: block;}
        .crossbanenr li.current{ z-index: 2;}
        .crossbanenr li.pcqqbg{ background: transparent url("../img/pcqq-bg.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim02/pcqq-bg.jpg*/ no-repeat center top;}
        .crossbanenr li.timbg{
            display: none; background: transparent url("../img/tim_bg_1.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim03/tim_bg_1.jpg*/ no-repeat center center;background-size: cover;
            left: 0;top: 0;width: 100%;margin: 0;
        }
        .crossbanenr li.mbqqbg{
            background: transparent url("../img/mb60-b.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/mb60-b.jpg*/ no-repeat center center;

            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//sqimg.qq.com/qq_product_operations/im/2015/mb60-b.jpg',sizingMethod='scale')
        zoom:1;
        }
        .crossbanenr li.padqqbg{ background: transparent url("../img/hdbig.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/hdbig.jpg*/ no-repeat center top;}
        .crossbanenr li.watchbg{ background: transparent url("../img/im_watch_b.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/im_watch_b.jpg*/ no-repeat center top;}
        /****start 轮播banner*****/
        /*.timbg{background-color:#2f9be9;}*/
        .bn-content{
            position:relative;width: 60.885%;max-width: 1200px;min-width:960px;margin: 0 auto;height: 100%;
        }
        .banner-down{
            margin-top: 20px;margin-left: 28px;
        }
        .bnleft{left: 0; }
        .bnright{right: 0;}
        .tim-content{
            position:relative;width: 100%;max-width: 1900px;min-width:960px;margin: 0 auto;height: 100%;
        }
        .pcqqbg .bnleft{
            position: absolute;top:28.138%;left: 3.6979%;
        }
        .pcqq-wenzi{
            background: url("../img/pc-ver894.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/pc-ver894.png*/ no-repeat center top;
            width:470px ;height: 329px;
        }
        .pcqq-btn a{
            position: absolute;
            width: 386px;height: 76px;
            background:url("../img/pcqq-btn.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim02/pcqq-btn.png*/ no-repeat center top;
        }
        .pcqqbg .bnright{
            position: absolute;top:19.456%;right: -60px;
        }
        .pcqq-fig{
            background: url("../img/pcqq-fig.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim02/pcqq-fig.png*/;
            width: 571px;height: 685px;
        }
        .tim .bnleft{
            /*position: absolute;top:27.196%;left: 0;*/
            padding-top: 6%;
        }
        .tim-btn a{
            /*position: absolute;*/
            display: block;
            width: 328px;height: 72px;
            background:url("../img/btn.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim03/btn.png*/ no-repeat center top;
            margin: 2% auto 4%;
        }
        .tim-icon{
            background: url("../img/icon.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim03/icon.png*/ no-repeat center top;
            width:812px ;height: 147px;
            margin: 0 auto;
        }
        .tim .bnright{
            position: absolute;top:24.196%;right: -17.7604%;
        }
        .tim-fig{
            background: url("../img/tim-fig1.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim02/tim-fig1.png*/;
            width: 859px;height: 518px;
        }
        .tim-img{
            width: 100%;height: auto;
            /*left: 0.8%;*/
            /*bottom: 0;*/
            /*position: absolute;*/
        }
        /****end 轮播banner*****/
        .bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
        .bntxt{ position: absolute;  left: -53px; top: 50%; width: 473px; height: 390px; margin-top: -195px; z-index: 10;}
        .bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
        .bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url("../img/btn541b.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/btn541b.png*/ no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
        .bntxt a:link, .bntxt a:visited{ color: #fff;}
        .bntxt a.bnzc{ background-position: 0 0;}
        .bntxt a.bnzc:hover{ background-position: 0 -77px;}
        .bntxt a.bnxz{ background-position: 0 0;}
        .bntxt a.bnxz:hover{background-position: 0 -77px;}
        .pcqqbg .bntxt h2{ background: transparent url("../img/pc-ver894.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/pc-ver894.png*/ no-repeat center top;}
        .mbqqbg .bntxt h2{ background: transparent url("../img/mbver636.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/mbver636.png*/ no-repeat center top; }

        .padqqbg .bntxt h2{ background: transparent url("../img/hdtxt5.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/hdtxt5.png*/ no-repeat 35px top;}
        .watchbg .bntxt h2{ background: transparent url("../img/watch_tit.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/watch_tit.png*/ no-repeat center 40px;}
        .pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url("../img/pc68fig.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/pc68fig.png*/ no-repeat 0 0; z-index: 1;}
        .mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url("../img/mb54fig.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/mb54fig.png*/ no-repeat 0 0; z-index: 1;}

        .circle{ position: relative; width: 100%; height: 42px; margin-top: -42px; background: transparent url("../img/linearbot.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2018/linearbot.png*/ repeat-x left top; text-align: center; z-index: 5;}
        .circle span{ margin: 0 5px; padding: 2px 5px; background: transparent url("../img/nav.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2018/nav.png*/ no-repeat center center; cursor: pointer;}
        .circle span.on{ background-image: url("../img/navcur.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2018/navcur.png*/;}
        .content{ width: 100%;}
        .content h1{text-align: center; width: 100%; color:#ffffff; overflow: hidden;display: flex;}
        .content h1 img{
            margin:0 auto 0  auto;
        }
        .activebg{ position: relative; width: 100%!important; height: 600px!important; background-color:transparent; background-attachment: fixed;background-position: center 0; background-repeat: no-repeat;}
        .fisrtbg{ background-image:url("../img/first.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/bg1_1600.jpg*/;}
        .secondbg{ background-image: url("../img/second.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/update/avds.jpg*/;}
        .thirdbg{ background-image: url("../img/third.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/bg3_1600.jpg*/;}
        .txtwrap p{ font-size: 18px; letter-spacing: 0.12em;}
        .qfigure{ width: 100%; height: 584px; background: #fff;}
        .qw960{ position: relative; width: 980px; height: 584px; margin: 0 auto;overflow: hidden;}
        .qcallAnimate{ position: absolute; left: 0px; top:20px; width: 504px; height: 763px; background: transparent url("../img/shouji.png") no-repeat center 0;}
        .qcall .txtwrap{ position: absolute; right: 7px; top: 155px; width: 487px;}
        .qcall h2{ width: 100%; font-size:46px;text-align:right;/*background: transparent url("../img/qcall_txt.png")*//*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qcall_txt.png*/ no-repeat 0 0;}
        .qcall p{ width: 100%; margin-bottom: 12px; line-height: 25px; text-align: right; opacity: 0.6;margin-top:30px;}

        .qcall .txtwrap .figs{ width: 100%; min-height: 77px;padding-left: 10%;margin-top:60px;}
        .qcall .txtwrap .figs li{ color: #a0a0a0; font-size: 14px; text-align: center; width:25%!important;}
        .text{
            width: 100%; min-height: 16px;
            display: block;
            margin-top: 8px;
        }
        .qcall .txtwrap .figs{ /*background: transparent url("../img/qcall_figs.png")*//*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qcall_figs.png*/ }
        .qcall .figs li{ float: right; border-right: 1px solid #e9e9e9;}
        .qcall .figs li.f01{ width: 80px; text-align: center;}
        .qcall .figs li.f02{ width: 109px;text-align: center;}
        .qcall .figs li.f03{ width: 156px;text-align: center;}
        .qcall .figs li.f04{ width: 108px; text-align: center;border:none;}
        .qcallWrap{ position: relative; width: 251px; height: 446px; overflow: hidden; left: 57px; top: 72px;}
        .qcallWrap .pic1{ position: absolute; left: 0; top: 0; width: 255px; height: 450px; background: transparent url("../img/qcall_fig1.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qcall_fig1.png*/ no-repeat 0 0; z-index: 2; opacity: 0; filter:Alpha(opacity=0);}
        .qcallbtn{ position: absolute; left: 200px; top: 295px; width: 30px; height: 30px; background: transparent url("../img/point.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/point.png*/ no-repeat 0 0; z-index: 1; opacity: 0; filter:Alpha(opacity=0);}
        /*qfile*/
        .qfileAnimate{ width:597px; height: 520px; position: absolute; right: -50px; bottom: 34px;background: transparent url("../img/pic.png") no-repeat center 0;background-size:550px 500px;}
        .qfile .txtwrap{ position: absolute; left: 7px; top: 155px; width: 470px;}
        .qfile h2{ width: 100%; font-size:46px;}
        .qfile p{ width: 90%; margin-bottom: 12px; padding-left: 5px; line-height: 25px; opacity: 0.6;margin-top: 30px;}
        .qfile .txtwrap .figs, .qfile .txtwrap .figs_new{ width: 100%; min-height: 77px;padding-left: 8%;padding-right: 10%;margin-top:60px;}
        .qfile .txtwrap .figs_new {padding-left: 2%; margin-left: -30px;}
        .qfile .txtwrap .figs li{color: #a0a0a0;font-size: 14px;float: left; border-right: 1px solid #e9e9e9; width:25%!important;}
        .qfile .txtwrap .figs_new li{color: #a0a0a0;font-size: 14px;float: left; border-right: 1px solid #e9e9e9; width:33%!important;text-align: center;}
        .qfile .txtwrap .figs_new li:last-child{border: none;}
        .qfile .txtwrap .figs_new li:last-child img {margin:4px 0;}
        .qfile .figs li.f01{ width: 94px; text-align: center; text-indent: 12px;}
        .qfile .figs li.f02{ width: 112px;text-align: center;}
        .qfile .figs li.f03{ width: 108px; text-align: center;}
        .qfile .figs li.f04{ width: 108px; text-align: center;border:none;}
        
        .qfileWrap{ position: relative; left: 27px; top: 259px; width: 328px; height: 280px;}
        .qfileWrap .pic1{ position: absolute; left: 10px; top: 0; width: 275px; height: 83px; background: transparent url("../img/qfile_fig1.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qfile_fig1.png*/ no-repeat 0 0; opacity: 0;}

        .qfileWrap .pic2{ position: absolute; right: 12px; top: 114px; width: 140px; height: 118px; background: transparent url("../img/qfile_fig2.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qfile_fig2.png*/ no-repeat 0 0; opacity: 0;}
        .qfbar{ position: absolute; left: 78px; top: 71px; width: 194px; height: 3px; overflow: hidden; background: #e6e6e6; opacity: 0;}
        .qfbar .bar{ width: 30%; height: 3px; background: #5be10b;}
        /*qblog*/
        .qblogAnimate{ position: absolute; left: 68px; bottom: 80px; width: 384px; height: 456px; background: transparent url("../img/person.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/update/pic3.png*/ no-repeat 10% center;}
        .qblog .txtwrap{ position: absolute; right: 7px; top: 155px; width: 495px;}
        .qblog h2{ width: 100%; font-size:46px;text-align:right;/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qblog_txt.png*/ no-repeat 0 0;}
        .qblog p{ width: 100%; margin-bottom: 12px; line-height: 25px; text-align: right; opacity: 0.6;margin-top:30px;}
        .qblog .figs{ width: 100%; min-height: 77px;padding-left: 10%;margin-top:60px;/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qblog_figs.png*/ no-repeat 228px 41px;}
        .qblog .figs li{color: #a0a0a0; font-size: 14px; float: right!important; border-left: 1px solid #e9e9e9;}
        .qblog .figs li.f01{ width: 80px; text-align: center;}
        .qblog .figs li.f02{ width: 105px; text-align: center;}
        .qblog .figs li.f03{ width: 106px; border: none; text-align: center;}
        .qblogWrap{ position: relative; left: 0; top: 217px; width: 291px; height: 150px;}
        .qblogWrap div{ position: absolute; top: 0; width: 150px; height: 150px;}
        .qblogWrap .pic1{ left: -122px; background: transparent url("../img/qblog_fig1.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qblog_fig1.png*/ no-repeat 0 0; opacity: 0;}
        .qblogWrap .pic2{ left: 70px; background: transparent url("../img/qblog_fig2.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qblog_fig2.png*/ no-repeat 0 0; opacity: 0;}
        .qblogWrap .pic3{ right: -119px; background: transparent url("../img/qblog_fig3.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/qblog_fig3.png*/ no-repeat 0 0; opacity: 0;}
        .morefigs{ width: 100%; height: 87px; padding-top: 43px; border-top: 1px solid #e5e5e5}
        .morefigs a{ display: block; width: 332px; height: 0; overflow: hidden; padding-top: 45px; margin: 0 auto; background: transparent url("../img/morefigs.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/morefigs.png*/ no-repeat 0 0;}
        a.knmore:link, a.knmore:visited{ color: #12b7f5;}
        /* flash */
        .flashBar{ float:right; width:67px;}
        .flashBar a{ display:block; width:67px; height:0; overflow:hidden; padding-top:67px; background:#000 url("../img/flahicons.png")/*tpa=https://im.qq.com/home/img/q2013/flahicons.png*/ no-repeat 0 0; border-bottom:1px solid #333;}
        .flashBar a.close{ background-position:14px 14px;}
        .flashBar a.sharetozone{ background-position:14px -52px;}
        .flashBar a.sharetoweibo{ background-position:14px -120px;}
        .flashBar a.close:hover{ background-position:-52px 14px;}
        .flashBar a.sharetozone:hover{ background-position:-52px -52px;}
        .flashBar a.sharetoweibo:hover{ background-position:-52px -120px;}

        .flashBox{ float:left;background:url("../img/loading.gif")/*tpa=https://im.qq.com/online/images/loading.gif*/ no-repeat 50% 40%;width:910px;height:auto;}
        .overlay{ display:none; position:absolute; left:0; top:0; z-index:9999; width:100%; height:100%; background-color:#000; opacity:0.6; filter:Alpha(opacity=60);}
        #flashDiv{ position:absolute; left:50%; top:47px; width:978px; height:721px; margin:0 0 0 -489px; display:none; z-index:10000; position: fixed;}
        .togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;}
        /* footer */
        .newfoot{ width: 100%; height: 348px; padding-top:34px; background: #2a2a2a; font-size:0.75em;}
        .newfoot a:link, .newfoot a:visited{ color: #979797;}
        .newfoot a:hover{ color: #cfcfcf;}
        .qmaps{ width: 960px; height: 205px; margin: 0 auto;position: relative;}
        .sub-list{position: absolute;right: -55px;top: 25px;}
        .plats{ float: left; width: 510px; padding-left: 8px;}
        .plats h3{ height: 50px;  color: #666; font-size: 14px;}
        .plats a{ float: left; padding-top: 65px; background: transparent url("../img/plats1.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/plats1.png*/ no-repeat 0 0; text-align: center; font-size: 14px;}
        .plats a:hover{ color: #12b7f5;}
        .plats a.plmb{ width: 80px; margin-right: 35px; background-position: 0px 0;}
        .plats a.plmb:hover{ background-position: 0px -93px;}
        .plats a.plpc{ width: 80px; margin-right: 30px; background-position: -105px 0;}
        .plats a.plpc:hover{ background-position: -105px -93px;}
        .plats a.plmac{ width: 84px; margin-right:30px; background-position: -210px 0;}
        .plats a.plmac:hover{ background-position: -210px -93px;}
        .plats a.plpad{ width: 76px; background-position: -326px 0;}
        .plats a.plpad:hover{ background-position: -326px -93px;}
        .map{ float: left;}
        .map h3{ height: 25px; color: #666; font-size: 14px;}
        .map li{ line-height: 22px;}
        .qac{ width: 185px;}
        .qfaq{width: 175px;}
        .qlink{ width: 80px;}
        .copyright{ clear: both; width: 960px; margin: 0 auto; padding-top: 16px; border-top: 1px solid #666; line-height: 17px; text-align: center; color: #666;}
        .login_div { display: none; position: fixed; left: 50%; top: 50%; width: 622px; height: 368px; margin: -184px 0 0 -311px; z-index: 99999;}
        .foot{
            text-align: center;
            color: #ccc;
            padding-top: 10px;
            overflow: hidden;
            background-color: #2D448D;
        }
        .foot>p{
            display: block;
            height:30px;
            line-height: 30px;
            font-size: 12px;
            color: #ccc;
        }
        .foot a{
            height: 10px;
            line-height: 10px;
            display: inline-block;
            color: #ccc;
            padding: 0 6px;
            font-size: 14px;
            border-right: 1px solid #ccc;
        }
        .foot a:last-child{
            border:none;
        }
        #pg2 .qfileWrap .pic1{
            opacity: 1;
            -webkit-transform-origin:left;
            -moz-transform-origin:left;
            -o-transform-origin:left;
            -ms-transform-origin:left;
            transform-origin:left;
            -webkit-animation: zoomIn 0.2s ease 0.1s;
            -moz-animation: zoomIn 0.2s ease 0.1s;
            -o-animation: zoomIn 0.2s ease 0.1s;
            animation: zoomIn 0.2s ease 0.1s;
            -webkit-animation-fill-mode: backwards;
            -moz-animation-fill-mode: backwards;
            -o-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
        }

        #pg2 .qfileWrap .qfbar{
            -webkit-animation: fadeIn 0.4s ease 0.3s;
            -moz-animation: fadeIn 0.4s ease 0.3s;
            -o-animation: fadeIn 0.4s ease 0.3s;
            animation: fadeIn 0.4s ease 0.3s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }

        #pg2 .qfileWrap .bar{
            -webkit-animation: widthall 1s ease 0.4s;
            -moz-animation: widthall 1s ease 0.4s;
            -o-animation: widthall 1s ease 0.4s;
            animation: widthall 1s ease 0.4s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }

        #pg2 .qfileWrap .pic2{
            opacity: 1;
            -webkit-transform-origin:right;
            -moz-transform-origin:right;
            -o-transform-origin:right;
            -ms-transform-origin:right;
            transform-origin:right;
            -webkit-animation: zoomIn 0.2s ease 1.5s;
            -moz-animation: zoomIn 0.2s ease 1.5s;
            -o-animation: zoomIn 0.2s ease 1.5s;
            animation: zoomIn 0.2s ease 1.5s;
            -webkit-animation-fill-mode: backwards;
            -moz-animation-fill-mode: backwards;
            -o-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
        }

        #pg3 .qblogWrap .pic1{
            opacity: 1;
            -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
            -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
            -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
            animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
            -webkit-animation-fill-mode: backwards;
            -moz-animation-fill-mode: backwards;
            -o-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
        }

        #pg3 .qblogWrap .pic2{
            opacity: 1;
            -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
            -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
            -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
            animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
            -webkit-animation-fill-mode: backwards;
            -moz-animation-fill-mode: backwards;
            -o-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
        }

        #pg3 .qblogWrap .pic3{
            opacity: 1;
            -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
            -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
            -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
            animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
            -webkit-animation-fill-mode: backwards;
            -moz-animation-fill-mode: backwards;
            -o-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
        }

        @keyframes fadeUp {
            0% { opacity: 0;transform:translateY(-20px);}
            100% { opacity: 1;transform:translateY(0px);}
        }
        @-moz-keyframes fadeUp {
            0% {opacity: 0; transform:translateY(-20px);}
            100% {opacity: 1; transform:translateY(0px);}
        }
        @-webkit-keyframes fadeUp {
            0% {opacity: 0;-webkit-transform:translateY(-20px);}
            100% {opacity: 1; -webkit-transform:translateY(0px);}
        }

        @-o-keyframes fadeUp {
            0% { opacity: 0;-o-transform:translateY(-20px);}
            100% { opacity: 1;-o-transform:translateY(0px);}
        }
        @-ms-keyframes fadeUp {
            0% { opacity: 0;-ms-transform:translateY(-20px);}
            100% { opacity: 1;-ms-transform:translateY(0px);}
        }

        @keyframes fadeIn {
            0% { opacity: 0;}
            100% { opacity: 1;}
        }
        @-moz-keyframes fadeIn {
            0% {opacity: 0; }
            100% {opacity: 1; }
        }
        @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1; }
        }
        @-o-keyframes fadeIn {
            0% { opacity: 0;}
            100% { opacity: 1;}
        }
        @-ms-keyframes fadeIn {
            0% { opacity: 0;}
            100% { opacity: 1;}
        }

        @keyframes widthall {
            0%{ width: 30%;}
            100% { width: 100%;}
        }
        @-moz-keyframes widthall {
            0%{ width: 30%;}
            100% { width: 100%;}
        }
        @-webkit-keyframes widthall {
            0%{ width: 30%;}
            100% { width: 100%;}
        }
        @-o-keyframes widthall {
            0%{ width: 30%;}
            100% { width: 100%;}
        }
        @-ms-keyframes widthall{
            0%{ width: 30%;}
            100% { width: 100%;}
        }

        @keyframes zoomIn {
            0%{ transform: scale(0);}
            60%{ transform: scale(1.1);}
            100% { transform: scale(1);}
        }
        @-moz-keyframes zoomIn {
            0%{ transform: scale(0);}
            60% { transform: scale(1.1);}
            100% { transform: scale(1);}
        }
        @-webkit-keyframes zoomIn {
            0%{ -webkit-transform: scale(0);}
            60% { -webkit-transform: scale(1.1);}
            100% { -webkit-transform: scale(1);}
        }
        @-o-keyframes zoomIn {
            0%{ -o-transform: scale(0);}
            90% { -o-transform: scale(1.1);}
            100% { -o-transform: scale(1);}
        }
        @-ms-keyframes zoomIn{
            0%{ -ms-transform: scale(0);}
            60% { -ms-transform: scale(1.1);}
            100% { -ms-transform: scale(1);}
        }

        @keyframes moveleft {
            0% { transform:translateX(100%); opacity: 1;}
            100% { transform:translateX(0); opacity: 1;}
        }
        @-moz-keyframes moveleft {
            0% { transform:translateX(100%); opacity: 1;}
            100% { transform:translateX(0); opacity: 1;}
        }
        @-webkit-keyframes moveleft {
            0% {-webkit-transform:translateX(100%); opacity: 1;}
            100% { -webkit-transform:translateX(0); opacity: 1;}
        }

        @-o-keyframes moveleft {
            0% { -o-transform:translateX(100%); opacity: 1;}
            100% { -o-transform:translateX(0); opacity: 1;}
        }
        @-ms-keyframes moveleft {
            0% { -ms-transform:translateX(100%); opacity: 1;}
            100% { -ms-transform:translateX(0); opacity: 1;}
        }

        @keyframes click {
            0% { transform:translateY(0px) translateX(0px);}
            80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
            90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
            100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
        }
        @-moz-keyframes click {
            0% { transform:translateY(0px) translateX(0px);}
            80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
            90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
            100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
        }
        @-webkit-keyframes click {
            0% { -webkit-transform:translateY(0px) translateX(0px);}
            80% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
            90% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
            100% { -webkit-transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
        }

        @-o-keyframes click {
            0% { -o-transform:translateY(0px) translateX(0px);}
            80% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
            90% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
            100% { -o-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
        }
        @-ms-keyframes click {
            0% { -ms-transform:translateY(0px) translateX(0px);}
            80% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
            90% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
            100% { -ms-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
        }

        @media screen and (min-width:1921px) {
            .crossbanenr li{ width: 100%; left: 50%; margin-left: -50%;}
            .crossbanenr li.timbg{left: 0;margin: 0;}
            .tim .bnleft{
                padding-top: 12%;
            }
            .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.fisrtbg, .secondbg, .thirdbg{ background-size: 100%;}
        }

        @media screen and (max-width:1440px) {
            /*.crossbanenr li.pcqqbg{ background: transparent url(//sqimg.qq.com/qq_product_operations/im/2015/im_pc_banner.jpg) no-repeat center top;}*/
            .tim-wenzi{
                background: url("../img/logo-s.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim03/logo-s.png*/ no-repeat center top;
                width:220px ;height: 124px;
            }
            .tim-btn a{
                width: 240px;height: 53px;
                background:url("../img/btn-s.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2016/pc/tim03/btn-s.png*/ no-repeat center top;
                margin: 2% auto 4%;
            }
            .crossbanenr li.mbqqbg{ background: transparent url("../img/mb60-s.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/mb60-s.jpg*/ no-repeat center top;}
            .crossbanenr li.padqqbg{ background: transparent url("../img/hdbanner.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/hdbanner.jpg*/ no-repeat center top;}
            .crossbanenr li.watchbg{ background: transparent url("../img/im_watch_s.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/2015/im_watch_s.jpg*/ no-repeat center top;}
           
            .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;
            }
        }
        @media screen and (min-height:1081px) {
            .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
            .tim .bnleft{padding-top: 12%;}
            .tim-btn a{margin: 3% auto 8%;}
        }

        .qqpc{background: url("../img/pcqq_bg.jpg")/*tpa=https://sqimg.qq.com/qq_product_operations/im/imbanner/20180201/pcqq_bg.jpg*/ no-repeat center center;    background-size: cover;}
        
        .figs li img{
            width:42px!important;
            height:51px!important;
        }
        .figs .f03 img{
            width:44px!important;
            height:51px!important;
        }
        .hdicon li img {
            width: 50px!important;
        }
        .hdicon .f03 img {
            width: 55px!important;
            height:48px!important;
            margin-top: 2px;
        }
        .figs .jsykt_f .jsykt_img{
            width: 65px!important; 
            height: 51px!important;
        }
        .qcall .txtwrap .figs .figs_f{
            width:50%!important;
        }
        .tim-content_title{
            margin: 0 auto;
            padding: 6% 0 2%;
            width: 807px;
            height: 120px;
            /*overflow: hidden;*/
        }
        .title-text{
            float: left;
            width: 459px;
            height: 116px;
            background: url("../img/title-text-1920b.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/imbanner/20180201/title-text-1920b.png*/ no-repeat center top;
        }
        .title-btn{
            float: right;
            width: 347px;
            height: 120px;
            background: url("../img/title-button-b.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/imbanner/20180201/title-button-b.png*/ no-repeat center top;
            position: relative;
        }
        .title-btn a{
            width: 88%;
            height: 62%;
            display: block;
            position: absolute;
            top: 18%;left: 6%;
        }
        @media screen and (max-height:800px) {
            .tim-content_title{
                width: 576px;
                padding-top: 8%;
            }
            .title-text{
                float: left;
                width: 328px;
                height: 84px;
                background: url("../img/title-text-1366s.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/imbanner/20180201/title-text-1366s.png*/ no-repeat center top;
            }
            .title-btn{
                float: right;
                width: 248px;
                height: 86px;
                background: url("../img/title-button-s.png")/*tpa=https://sqimg.qq.com/qq_product_operations/im/imbanner/20180201/title-button-s.png*/ no-repeat center top;
            }
        }