body,div,span,object,iframe,input,h1,h2,h3,h4,h5,h6,p,pre,a,acronym,address,code,del,em,font,img,ins,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td{padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}ins{text-decoration:none}del{text-decoration:line-through}input,select{vertical-align:middle}input,textarea,select{font:12px/1.5 "microsoft yahei",Arial,sans-serif}fieldset,img{border:0}address,code,th,em{font-style:normal}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}body{position:relative;margin:0 auto;min-height:100%;font:14px/1.5 "microsoft yahei",Arial,sans-serif;color:#333;background:#f0f4f7}.wrapper{margin:0 auto;width:1200px}.minwidth{width:1024px}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.clear{clear:both}a{text-decoration:none;outline:0;cursor:pointer;color:#333}.fl{float:left}.fr{float:right}.hide{display:none!important}.show{display:block!important}.box{position:relative}.no-border{border-bottom:0!important}.contianer{padding-bottom:200px}html{height:100%}.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:1000px;padding-top:73px;-webkit-transition:all .3s;transition:all .3s;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/bg-header1106.png) center bottom no-repeat}.header-area .logo{width:257px;height:62px;margin:0 auto}.header-area .logo img{width:100%;height:100%}.header-area .slogan{width:655px;height:110px;margin:40px auto 0}.header-area .slogan img{width:100%;height:100%}.header-area .btn{display:block;width:422px;height:122px;margin:65px auto;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-header.png) no-repeat;-webkit-transition:all .3s;transition:all .3s;-webkit-animation:jump .6s linear infinite alternate;animation:jump .6s linear infinite alternate}.header-area .btn:hover{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-header-hover.png) no-repeat}.header-area .btn:active{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-header-active.png) no-repeat}.search-layer{margin-top:50px;margin-bottom:80px}.search-layer .search-input{position:relative;height:93px}.search-layer .search-input .input-box{width:1024px;height:93px;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}.search-layer .search-input .input-box.step01{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-search-input01.png) center top no-repeat}.search-layer .search-input .input-box.step02{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-search-input02.png) center top no-repeat}.search-layer .search-input .input-box.step03{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/chemical/img/bg-search-input03.png) center top no-repeat}.search-layer .search-input .divtyping{opacity:0;position:absolute;width:160px;height:58px;top:8px;left:251px;font-size:20px;line-height:58px;color:#333;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.search-layer .search-input .divtyping.on{opacity:1}.search-layer .search-input .result{opacity:0;-webkit-transition:all .3s;transition:all .3s;position:absolute;left:30px;top:60px;width:638px;height:448px}.search-layer .search-input .result.on{opacity:1}.search-layer .search-input .result img{width:100%;height:100%}.search-layer .search-input .result-data{opacity:0;-webkit-transition:all .8s .8s;transition:all .8s .8s;position:absolute;top:28px;left:50%;margin-left:-600px;width:1200px;text-align:center;font-size:21px;color:#999}.search-layer .search-input .result-data.on{opacity:1}.search-layer .search-input .result-data span{color:#fc6f00}.title{position:relative;text-align:center;font-size:36px;color:#333;margin-bottom:27px;font-weight:400}.title02{text-align:center;font-size:16px;color:#999;font-weight:400}.lesson-container{margin-top:42px;width:1200px}.lesson-layer{margin-top:50px;-webkit-transition:all .8s 1.6s;transition:all .8s 1.6s;opacity:0}.lesson-layer.on{opacity:1}.lesson-layer .lesson-item{float:left;width:364px;position:relative;border-radius:16px;overflow:hidden;margin-right:54px;-webkit-transition:all .3s;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);-webkit-transform:translateY(-5px);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:14px;line-height:47px;background-color:#fff}.lesson-layer .lesson-item .info .info-tit{width:304px;overflow:hidden;padding-top:14px;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:15px 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;-webkit-transition:all .3s;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;-webkit-transition:all .3s;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}.lesson-layer .btn{width:423px;height:78px;display:block;margin:46px auto 0;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-pptd.png) no-repeat}.lesson-layer .btn:hover{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-pptd-hover.png) no-repeat}.lesson-layer .btn:active{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-pptd-active.png) no-repeat}.change-layer{width:100%;padding-bottom:210px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/bg-change.jpg) center bottom no-repeat}.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{position:relative;z-index:10;display:block;width:422px;height:122px;margin:36px auto;-webkit-transition:all .3s;transition:all .3s;font-size:30px;color:#fff;text-align:center;line-height:98px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-get.png) no-repeat}.download-layer .download:hover{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-get-hover.png) no-repeat}.download-layer .download:active{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/btn-get-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%}.lower-ie #lowie-main{position:absolute;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}.lower-ie #lowie-main img{display:block;width:60%;margin:0 auto}.tool-nav{width:1200px;height:60px;margin-top:50px;border-radius:10px 10px 0 0;overflow:hidden;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/bg-tool.png) repeat}.tool-nav a{position:relative;float:left;display:block;height:60px;width:200px;font-size:18px;color:#129899;line-height:60px;text-align:center}.tool-nav a .txt{position:relative;z-index:2}.tool-nav a .hover-in{position:absolute;height:60px;z-index:1}.tool-nav a.tool-nav01:hover .hover-in,.tool-nav a.tool-nav01.on .hover-in{top:0;left:0;width:229px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/bg-nav-hover-l.png) no-repeat}.tool-nav a.tool-nav02:hover .hover-in,.tool-nav a.tool-nav02.on .hover-in,.tool-nav a.tool-nav03:hover .hover-in,.tool-nav a.tool-nav03.on .hover-in,.tool-nav a.tool-nav04:hover .hover-in,.tool-nav a.tool-nav04.on .hover-in,.tool-nav a.tool-nav05:hover .hover-in,.tool-nav a.tool-nav05.on .hover-in{top:0;left:50%;margin-left:-128px;width:257px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/bg-nav-hover-m.png) no-repeat}.tool-nav a.tool-nav06:hover .hover-in,.tool-nav a.tool-nav06.on .hover-in{top:0;right:0;width:229px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/bg-nav-hover-r.png) no-repeat}.tool-nav a i{position:absolute;top:50%;right:-1px;margin-top:-9px;width:1px;height:19px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/icon-border-nav.png) no-repeat}.tool-content-layer{position:relative;width:1200px;height:760px;padding-top:20px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/bg-tool-content_1540803891041.png) repeat-x;border-radius:0 0 10px 10px;overflow:hidden}.tool-content-layer .tool-content-box{position:relative;width:1160px;height:735px;overflow:hidden;margin:0 auto}.tool-content-layer .tool-iframe{width:1800px;position:absolute;left:50%;margin-left:-951px;top:-122px}.tool-content-layer .tool-iframe iframe{border:0;outline:0;width:1920px;height:980px}@-webkit-keyframes jump{form{-webkit-transform:scale(1,1);transform:scale(1,1)}to{-webkit-transform:scale(1.04,1.04);transform:scale(1.04,1.04)}}@keyframes jump{form{-webkit-transform:scale(1,1);transform:scale(1,1)}to{-webkit-transform:scale(1.04,1.04);transform:scale(1.04,1.04)}}.suspend{position:fixed;top:30%;margin-top:-60px;right:0;width:120px;height:120px;-webkit-transition:all .3s;transition:all .3s;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/icon-suspend.png) no-repeat}.suspend:hover{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/images/math/icon-suspend-hover.png) no-repeat}@media screen and (max-height:900px){.header-area{height:700px}}