.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,blockquote,textarea,input,button,hr,figure{margin:0}ul,ol,th,td,button,textarea,input{padding:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}em,i{font-style:normal}img{vertical-align:top;border:0}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-spacing:0}input,select{border:0;vertical-align:middle;outline:0}textarea{resize:vertical;border:0;outline:0;box-shadow:none}html,body{height:100%}a,a:hover,a:active{outline:0;text-decoration:none;background-color:transparent}[placeholder],[placeholder]{color:#999}input,textarea,select{font:12px/1.5 'Microsoft YaHei',SimSun,Arial,Helvetica}body{font-family:'Microsoft YaHei',SimSun,Arial,Helvetica;color:#333}a{color:inherit}a:hover{color:inherit}input::-ms-clear{display:none}input::-ms-reveal{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:3px;background:#dcceba}::-webkit-scrollbar-track{background:transparent}::-ms-clear,::-ms-reveal{display:none}.show{display:block}.ibshow{display:inline-block}.hide{display:none}.oh{overflow:hidden}.relative{position:relative}.fixed{position:fixed}.fl{float:left}.fr{float:right}.cl{clear:both}.clx:after{content:"";display:table;clear:both}.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.fz12{font-size:12px}.fz14{font-size:14px}.text-break{word-break:break-all;word-wrap:break-word}.text-nowrap{white-space:nowrap}.dailog{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:8010;display:none}.dailog .overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:url(//image.101.com/ppt/2018/09/04/fancybox_overlay.png)}.dailog .dailog-wrap{width:980px;height:620px;top:50%;left:50%;margin-top:-310px;margin-left:-490px;position:absolute;background:#fff;padding:10px;display:none}.dailog .dailog-content{width:960px;height:600px;position:relative;overflow:hidden}.dailog .box-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;background-image:url(//image.101.com/ppt/2018/09/04/fancybox_sprite.png)}.dailog .iframe-wrap{width:1600px;position:absolute;left:50%;margin-left:-800px;top:-100px}.dailog iframe{border:0;outline:0;width:1600px;height:800px}.dailog.on{display:block}.main{width:100%;min-width:1200px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-body.jpg) repeat;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:3px;background:#dcceba}::-webkit-scrollbar-track{background:transparent}.wrapper{width:1200px;margin:0 auto}.header-area{position:relative;width:100%;height:460px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/heade-bg.png) top center no-repeat}.header-area .logo{width:221px;height:53px}.header-area .logo img{width:100%;height:100%}.header-area .left{float:left;margin-top:30px}.header-area .left p{font-size:20px;color:#333;margin-top:20px}.header-area .slogan{margin-top:15px;font-size:48px;line-height:66px;font-weight:700;color:#333}.header-area .download{display:block;width:270px;height:96px;margin-top:40px;margin-left:-10px;transition:all .3s;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-download.png) no-repeat}.header-area .download:hover{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-download-hover.png) no-repeat}.header-area .download:active{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-download-active.png) no-repeat}.header-area .right{float:right;width:577px;height:371px;margin-top:33px;position:relative}.header-area .right .board{width:100%;height:100%;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/heade-1.png) no-repeat}.header-area .right .cnt{width:525px;height:295px;background:#fff;position:relative;top:38px;left:22px;border-radius:10px;overflow:hidden}.header-area .right .citei{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/heade-3.png);position:absolute;width:112px;height:134px;bottom:-20px;left:-20px;pointer-events:none}.header-area .right .ren{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/heade-2.png);width:101px;height:243px;position:absolute;bottom:-36px;right:-20px;pointer-events:none}.header-area .right .flower{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/heade-4.png);width:77px;height:115px;position:absolute;right:-50px;bottom:-5px}.header-area .btn-tool{width:184px;height:74px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/btn.png) -33px -33px;display:block;position:absolute;top:50%;left:50%;font-size:18px;line-height:54px;color:#fff;padding-left:40px;margin-top:-26px;margin-left:-62px}.header-area .btn-tool:hover{background-position:-33px -151px}.header-area .btn-tool:active{background-position:-33px -273px}.info-layer{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/layer-info-bg.png) right top no-repeat;margin-bottom:90px}.info-layer .item{margin-top:60px}.info-layer .item img{width:600px;float:left}.info-layer .item .text{float:right;width:450px;margin-top:50px;margin-left:130px}.info-layer .item h1{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/layer-info-tit-bg.png) left top no-repeat;padding-top:20px;font-size:30px;font-weight:700;margin-bottom:20px}.info-layer .item p{color:#333;font-size:18px;line-height:1.7}.info-layer .item-right img{float:right}.info-layer .item-right .text{float:left}.show-layer .show-title{text-align:center;font-size:50px;font-weight:700}.show-layer .show-title span{font-weight:400;display:block;text-align:center;color:#999;font-size:16px;margin-top:10px}.video-layer{margin-top:37px;transition:all .8s 1.2s;opacity:0}.video-layer.on{opacity:1}.video-layer .title{position:relative;text-align:center;font-size:32px;color:#915118;height:34px;line-height:34px;font-weight:400}.video-layer .title:after{position:absolute;bottom:-12px;left:50%;margin-left:-18px;content:'';width:36px;height:6px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-title.png) no-repeat}.show-layer{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/layer-info-bg-2.png) left top no-repeat}.show-layer .bg{width:100%;height:435px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/footer-bg-2.png) top no-repeat}.video-container{margin-top:42px;width:1200px}.video-container .video-item{position:relative;z-index:15;width:364px;height:364px;float:left;position:relative;border-radius:16px;overflow:hidden;margin-right:54px;transition:all .3s;box-shadow:0 0 20px rgba(81,178,161,.3)}.video-container .video-item .svgImg{display:none}.video-container .video-item:hover{box-shadow:0 0 20px rgba(255,191,68,.5)}.video-container .video-item:hover .mask{opacity:1}.video-container .video-item:hover .info .v-span{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);-webkit-transition:transform .35s;-ms-transition:transform .35s;transition:transform .35s}.video-container .video-item:hover .info a{opacity:1}.video-container .video-item.last{margin-right:0}.video-container .video-item.IEItem .svgImg{display:block;width:100%;position:absolute;bottom:0;height:130px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/svg-01.png);left:0;z-index:3}.video-container .video-item.IEItem:hover .svgImg{z-index:5;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/svg-02.png)}.video-container .video-item .img{position:absolute;z-index:1;top:0;left:0;width:364px;height:364px}.video-container .video-item .img img{width:100%;height:100%}.video-container .video-item .info{display:table;position:relative;z-index:11;padding:291px 32px 0;font-size:22px;color:#333;height:95px;text-align:center;line-height:30px}.video-container .video-item .info span{display:table-cell;vertical-align:middle;transition:all .3s;width:300px}.video-container .video-item .info a{opacity:0;position:absolute;top:104px;left:50%;margin-left:-80px;width:160px;height:50px;font-weight:400;line-height:48px;z-index:10;font-size:18px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/physics-experiment/btn-2.png);transition:opacity .3s;color:#fff}.video-container .video-item .info a:hover{background-position:0 -55px}.video-container .video-item .info a:active{background-position:0 -110px}.video-container .video-item .mask{opacity:0;transition:all .3s;position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;border-radius:18px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-mask.png) repeat}.video-container .video-item svg{bottom:0;width:100%;position:absolute;z-index:10;transition:all .3s cubic-bezier(0.66,.02,0,1.68)}.video-container .video-item svg.on{bottom:-80px}.video-container .video-item path{fill:#fff;transition:all .3s cubic-bezier(0.66,.02,0,1.68);transform:scale(1.4,1.4)}.lesson-container{margin-top:42px;width:1200px}.lesson-layer{margin-top:50px;transition:all .8s 1.6s;opacity:0;margin-bottom:-80px}.lesson-layer.on{opacity:1}.lesson-layer .title{position:relative;text-align:center;font-size:32px;color:#915118;height:34px;line-height:34px;font-weight:400}.lesson-layer .title:after{position:absolute;bottom:-12px;left:50%;margin-left:-18px;content:'';width:36px;height:6px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-title.png) no-repeat}.lesson-layer .lesson-item{float:left;width:364px;position:relative;border-radius:16px;overflow:hidden;margin-right:54px;transition:all .3s;box-shadow:0 0 20px rgba(81,178,161,.3)}.lesson-layer .lesson-item:hover{box-shadow:0 0 20px rgba(255,191,68,.5);transform:translateY(-5px)}.lesson-layer .lesson-item:hover .mask{opacity:1}.lesson-layer .lesson-item.last{margin-right:0}.lesson-layer .lesson-item .img{width:364px;height:410px}.lesson-layer .lesson-item .img img{width:100%;height:100%}.lesson-layer .lesson-item .info{height:117px;padding-top:12px;line-height:47px;background-color:#fff}.lesson-layer .lesson-item .info .info-tit{width:304px;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap;font-size:22px;margin:0 auto;color:#000;border-bottom:1px solid #eee}.lesson-layer .lesson-item .info .info-d{font-size:16px;color:#ccc;height:20px;width:304px;margin:14px auto 0;line-height:20px}.lesson-layer .lesson-item .info .info-d .s{display:inline-block;padding-left:15px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-arr-d.png) left center no-repeat}.lesson-layer .lesson-item .info .info-d .p{float:right;text-align:right}.lesson-layer .lesson-item .mask{opacity:0;transition:all .3s;position:absolute;z-index:4;top:0;left:0;width:100%;height:410px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-mask.png) repeat}.lesson-layer .lesson-item .mask a{position:absolute;top:180px;left:50%;margin-left:-147px;width:295px;height:50px;z-index:10;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/btn-l-d.png) no-repeat;transition:all .3s}.lesson-layer .lesson-item .mask a:hover{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/btn-l-d-hover.png) no-repeat}.lesson-layer .lesson-item .mask a:active{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/btn-l-d-active.png) no-repeat}.change-layer{width:100%;padding-top:112px;height:250px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-change.jpg) bottom no-repeat}.change-layer .title{font-size:52px;color:#2a9a91;text-align:center;font-weight:400;margin-bottom:40px}.change-layer .change-item{position:relative;width:100%;background-color:#fff;height:617px;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,118,97,.6);margin-bottom:40px;overflow:hidden}.change-layer .change-item .icon-top{position:absolute;width:168px;height:87px;left:50%;top:0;margin-left:-84px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-change-top.png) no-repeat;font-size:32px;color:#fff;text-align:center;line-height:60px}.change-layer .change-item .info{text-align:center}.change-layer .change-item .info h4{font-size:32px;color:#333;font-weight:400}.change-layer .change-item .info p{font-size:18px;color:#333}.change-layer .change-item .img{display:block;width:100%;margin-top:40px;text-align:center;height:400px}.change-layer .change-item .left{width:50%;height:100%;background-color:#f5f5f5;float:left}.change-layer .change-item .right{width:50%;height:100%;background-color:#fff;float:right}.change-layer .change-item .right .img{height:390px;margin-top:50px}.download-layer{position:relative;height:344px;width:100%;text-align:center}.download-layer h2{font-size:52px;color:#333;height:57px;line-height:57px;margin-bottom:23px;letter-spacing:2px;font-weight:700}.download-layer h3{font-size:32px;color:#999;height:34px;line-height:34px;font-weight:400}.download-layer .wrapper{position:absolute;top:0;left:50%;margin-left:-600px}.download-layer .bg{position:absolute;bottom:0;left:50%;margin-left:-960px;width:1920px;height:142px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-bot-download.png) no-repeat}.download-layer .ball01{position:absolute;left:-215px;top:187px;display:block;width:225px;height:225px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-ball01.png) no-repeat}.download-layer .ball02{position:absolute;left:222px;top:170px;display:block;width:36px;height:36px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-ball02.png) no-repeat}.download-layer .ball03{position:absolute;left:457px;top:-140px;display:block;width:79px;height:79px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-ball03.png) no-repeat}.download-layer .ball04{position:absolute;right:-68px;top:93px;display:block;width:82px;height:82px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-ball04.png) no-repeat}.download-layer .ball05{position:absolute;right:-360px;top:149px;display:block;width:105px;height:150px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-ball05.png) no-repeat}.download-layer .download{display:block;width:270px;height:96px;margin:36px auto;transition:all .3s;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-download.png) no-repeat}.download-layer .download:hover{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-download-hover.png) no-repeat}.download-layer .download:active{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/icon-download-active.png) no-repeat}.footer{position:relative;z-index:10;height:96px;width:100%;background-color:#333;font-size:14px;color:#999;text-align:center;line-height:30px;padding-top:37px}.hide-video-box{width:980px;height:575px}.hide-video-div{width:980px;height:575px}.hide-video-div video{width:100%;height:100%}#lowie-main{position:fixed;top:0;left:0;z-index:100;display:block!important;height:100%;width:100%;padding:200px 0 100px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-mask.png) repeat}#lowie-main img{display:block;width:60%;margin:0 auto}