@charset "utf-8";
@media (max-width:750px) {
    body{font-size:14px;}
    .none{display:none;}
    .wap{position:absolute;left:50%;display:block;margin-top:12px;margin-left:-180px;padding-left:8px;width:44px;height:36px;border:1px solid #999;border-radius:4px;color:#999;font-size:24px;line-height:36px;}
    .main{width:98%;}
    .index{margin-top:12px;}
    .index h2{font-size:20px;}
    .index p{margin:6px 0;font-size:12px;}
    .topnav h2{display:none;}
    .topnav .loginjs{position:static;margin-right:2%;}
    .topnav span{position:static;float:left;margin-left:32px;}
    .topnav span.taobao{margin-right:auto;}
    .topnav span.taobao::before{background-position:0 -20px;}
    .topnav span.bbs{margin-right:auto;}
    .topnav span.bbs::before{background-position:-40px -20px;}
    .topnav span.cloud{margin-right:auto;}
    .topnav span.cloud::before{background-position:-60px -20px;}
    .nav h1{margin-left:-86px;}
    .nav .menu{left:auto;display:none;margin-top:60px;margin-left:auto;width:100%;border-bottom:1px solid #ddd;background-color:#fff;}
    .nav .menu>li{width:100%;height:30px;line-height:30px;}
    .nav .menu>li a{margin-left:20px;height:30px;text-align:left;font-size:14px;}
    .nav .menu>li.active>a,.nav .menu>li>a:hover{border:none;}
    .nav .menu .sub:hover .sub-menu{position:static;display:none;overflow:hidden;margin-left:80px;border:none;}
    .nav .menu .sub:hover .sub-menu li{height:30px;border-bottom:none;line-height:30px;}
    .nav .menu .sub:hover .sub-menu li a{height:30px;line-height:30px;}
    .nav .search{margin-right:-176px;width:80px;}
    .search{width:300px;}
    .search input{padding:6px 8px;font-size:12px;}
    .subnav{overflow:hidden;width:98%;text-overflow:ellipsis;white-space:nowrap;}
    .subnav a{font-size:12px;line-height:30px;}
    .subnav a.icon-zhuye{height:30px;}
    .footer{margin-top:12px;padding:12px 0;font-size:12px;}
    .reg{margin-left:-45%;width:90%;}
    .reg .logo img{margin-top:24px;height:80px;}
    .reg .tit{margin-bottom:18px;font-size:16px;}
    .reg .detail input{margin-bottom:12px;width:80%;}
    .reg .detail button{width:80%;}
    .reg .detail .link{margin:10px auto;width:80%;}
    .banner{margin-top:6px;width:98%;}
    .banner .bleft{width:100%;}
    .banner .bleft h3{height:30px;font-size:16px;line-height:30px;}
    .banner .bleft dl{padding:6px 2%;width:100%;height:auto;}
    .banner .bleft ul{width:100%;height:auto;}
    .banner .bleft ul li{margin-left:6%;width:27.33%;line-height:30px;}
    .banner .bcenter{margin:6px 0;width:100%;}
    .banner .bcenter .scroll{width:100%;height:auto;}
    .banner .bcenter .scroll .bd img{width:100%;height:auto;}
    .banner .bcenter .scroll .bd li span{position:relative;padding:0 6px;font-size:12px;}
    .banner .bcenter .toggle .hd ul li{padding:0;width:20%;text-align:center;font-size:12px;}
    .banner .bright{width:100%;}
    .banner .bright dl{height:auto;}
    .banner .bright dl.active{height:auto;}
    .banner .bright dl dd{padding-top:12px;}
    .banner .seo{width:100%;height:auto;}
    .banner .seo .item{margin-bottom:6px;width:100%;}
    .banner .seo .item h2{margin-top:6px;padding:0;text-align:center;font-size:18px;}
    .banner .seo .item p{padding:0;text-align:center;font-size:12px;}
    .muban{margin-top:6px;width:98%;}
    .muban li{margin:0 0 12px 0;width:100%;}
    .muban li figure .pic{width:100%;height:auto;}
    .muban li figure .intro{opacity:1;}
    .muban li figure .intro a,.muban li figure .intro button{padding:4px 18px;}
    .muban li .box{padding:12px;}
    .muban li .box h4{margin-bottom:6px;}
    .msg{width:98%;}
    .msg .item{margin-top:6px;padding:16px;width:100%;}
    .msg .item ul{margin-top:6px;}
    .msg .item ul li{padding:12px;}
    .page{margin:6px auto 0;width:98%;}
    .page a,.page .thisclass{padding:6px 8px;font-size:12px;}
    .left{padding:6px 2%;width:100%;}
    .lefts{width:98%;}
    .left>h1,.left>h2{overflow:hidden;height:40px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:35px;}
    .left .info{line-height:30px;}
    .left .info span{margin-left:12px;}
    .left .info span:first-of-type{margin-left:0;}
    .left .info span.icon-shijian{display:none;}
    .left .tags li{margin-bottom:6px;}
    .left .summary{padding:6px 2%;line-height:20px;}
    .left .declare{margin-top:12px;}
    .left .declare p{line-height:20px;}
    .left .declare p::before{top:18px;}
    .left .prenext{margin-top:12px;}
    .content{margin:6px 0;padding:6px 2%;font-size:14px;line-height:22px;}
    .content h2{margin-top:12px;font-size:16px;}
    .content p{margin-top:6px;text-indent:28px;}
    .content img{}
    .content ol li{font-size:12px;}
    .content ul{margin:6px 2%;padding:6px 0;}
    .comment{margin-top:6px;padding-bottom:12px;}
    .comment h3{margin:12px auto 6px;padding-bottom:6px;}
    .comment .post textarea{margin-top:6px;}
    .comment .post p{padding:4px 2%;}
    .navleft{margin-top:auto;margin-bottom:6px;width:100%;}
    .navlefts{width:100%;}
    .navleft dt{display:none;}
    .navleft dd{float:left;overflow:hidden;padding-left:0;width:20%;height:30px;border:1px solid #ddd;text-align:center;white-space:nowrap;font-size:12px;line-height:30px;}
    .navleft dd:last-of-type{border-bottom:1px solid #ddd;}
    .navlefts dd.active a{color:#fff;}
    .navleft h2{padding:0;height:40px;text-align:center;line-height:40px;}
    .navrights{margin-top:6px;width:100%;}
    .navright dt{padding:0;height:40px;line-height:40px;}
    .navright dd{padding:0 3%;}
    .right{margin-top:6px;width:100%;}
    .right .muban{margin:6px auto 0;width:100%;}
    .right .muban li{margin:6px 0;}
    .hot{margin-bottom:6px;padding:6px 3%;width:100%;}
    .hot h3{padding:8px 0px 0px 10px;height:40px;line-height:24px;}
    .hot ol li{width:33%;}
    .hot ul li{padding:12px 0;}
    .warning{margin-top:50px;width:96%;}
    .warning .box{width:90%;}
    .float{top:auto;right:6px;bottom:0;margin-top:auto;margin-bottom:12px;}
    .floatleft{display:none;}
    .friendlink{margin-top:6px;padding:6px 2%;width:98%;}
    .friendlink dt{height:30px;font-size:16px;line-height:30px;}
    .friendlink dd{width:25%;font-size:12px;}
    .msearch>a{display:block;margin-left:auto;}
    .morder{padding:0 2%;width:98%;}
    .mfenlei{overflow:hidden;margin-top:8px;width:98%;height:auto;}
    .mfenlei .item{margin-right:auto;margin-left:2%;width:48%;}
    .mleft .allbtn a,.mleft .allbtn button{padding:6px 8px;font-size:14px;}
    .mleft .price{margin:12px 0 6px;}
    .mleft .price .price-detail{display:block;font-size:24px;}
    .mleft .demopic{margin-top:8px;}
    .mleft .intro{margin-top:6px;padding:6px 1%;}
    .article{width:100%;}
    .article .tag{padding:0;width:100%;background-color:transparent;}
    .article .tag li{float:left;overflow:hidden;margin:0;width:20%;height:30px;border:1px solid #ddd;background-color:#fff;text-align:center;white-space:nowrap;font-size:12px;line-height:30px;}
    .article .item{padding:12px 3%;}
    .article .item .info{width:100%;}
    .article .item .info h3{width:calc(100% - 130px);font-size:16px;}
    .article .item .info .des{width:calc(100% - 130px);}
    .article .item .info .other{width:100%;}
    .article .item .pic{position:absolute;right:5px;width:125px;height:75px;}
    .article .item .pic a img{width:100%;height:100%;}
    .scrollcourse .article{width:100%;}
    .scrollcourse .article .item .info{width:100%;}
    .scrollcourse .article .item .info .des{width:calc(100% - 130px);}
    .scrollcourse .article .item .info .other{width:100%;}
    .video{width:98%;}
    .video li{margin:0 1% 12px;width:100%;}
    .video li>a{width:100%;height:auto;}
    .vinfo{width:98%;}
    .vinfo .pic{width:100%;height:auto;background-color:transparent;}
    .vinfo .pic p{margin-left:-40%;width:80%;height:60px;font-size:16px;line-height:60px;}
    .vinfo dl{margin-top:6px;padding:6px 12px;width:100%;}
    .vinfo dl dd{margin-top:12px;}
    .vinfo dl dd h5{margin-left:1%;width:76%;}
    .vinfo dl dd span{width:14%;text-align:right;}
    .vinfo .all{padding:6px 2%;text-align:center;}
    .vinfo .all h3{width:100%;font-size:14px;}
    .vinfo .all p{text-align:left;}
    .vinfo .all p span{margin-right:3px;}
    .vinfo .all p span:last-of-type{margin-right:0;}
    .vinfo .all>a{float:none;margin:6px auto;}
    .vcontent{margin-top:6px;width:98%;}
    .vcontent .vleft{width:100%;}
    .vcontent .vleft .hd{display:none;}
    .vcontent .vleft .bd dl{display:none;}
    .vcontent .vright{margin-top:6px;width:100%;}
    .vcontent .vright .info{padding:12px 3%;}
    .vcontent .vright .info .des{margin-top:12px;text-indent:28px;}
    .vcontent .vright .info .contact{margin:12px 0 6px;padding-top:6px;}
    .vcontent .vright .related{margin-top:6px;padding:12px 3%;}
    .ddown{margin:6px auto;width:98%;}
    .ddown .toggle{width:100%;}
    .ddown .toggle .hd ul li{padding:0;width:25%;text-align:center;}
    .ddown .toggle .bd{padding:0 2%;height:auto;}
    .ddown .toggle .bd ul{padding-top:6px;}
    .ddown .toggle .bd li{width:100%;height:24px;line-height:24px;}
    .ddown .toggle .bd li .tags{overflow:hidden;max-width:20%;white-space:nowrap;}
    .ddown .toggle .bd li>a{float:left;overflow:hidden;width:80%;text-overflow:ellipsis;white-space:nowrap;}
    .ddown .piano{margin-top:10px;width:100%;}
    .downinfo{margin-top:12px;padding:6px 4%;text-align:center;}
    .downinfo ul{width:100%;text-align:left;}
    .downinfo .link{float:none;padding:6px 8px;font-size:16px;}
    .manual{margin-top:6px;}
    .manual .left{margin-right:auto;}
    .manual .left .summary{margin-top:6px;}
    .manual .navleft dt{display:block;padding:0;height:40px;text-align:center;line-height:40px;}
    .manual .navleft dd{width:100%;}
    .topdz{margin-top:6px;width:98%;}
    .topdz li{width:16.66%;height:40px;line-height:40px;}
    .topdz li.first{display:none;}
    .topecms{margin-top:6px;width:98%;}
    .topecms li{width:12.5%;}
    .topecms li.first{display:none;}
    .school{margin-top:6px;}
    .school .left{margin-right:auto;}
    .school .left .summary{margin-top:6px;}
    .school .navleft dt{display:block;padding:0;height:40px;text-align:center;line-height:40px;}
    .school .navleft dd{width:100%;background-color:#fff;}
    .webprice{padding:0 2%;width:98%;}
    .webprice img{width:100%;}
    .product .navleft{width:100%;}
    .product .navleft dd{padding-left:0;font-size:14px;}
    .product .navleft dd#mt20{margin-top:0;}
    .product .left{width:100%;}
    .product .content{padding:6px 0;}
    .product .content h2{font-size:12px;}
    .product .content h3{margin-top:12px;padding:12px 0;font-size:18px;}
    .product .content h3:after,.product .content h3:before{display:none;}
    .product .content .news{margin-bottom:24px;padding:6px;text-align:center;}
    .product .content .news img{float:none;margin:6px;}
    .product .content .news ul{margin:0;width:100%;}
    .product .content .news ul li{width:45%;text-align:left;}
    .products{margin-top:6px;width:80%;}
    .products li{margin-bottom:24px;width:100%;}
    .products li h3{padding-top:6px;font-size:20px;}
    .products li p{padding-top:12px;}
    .products li button{margin-top:12px;}
    .addata{overflow:hidden;margin-top:6px;padding:3%;width:98%;}
    .addata li{float:left;margin-bottom:6px;margin-left:auto;width:50%;}
    .addata li:nth-of-type(3),.addata li:nth-of-type(4){margin-bottom:0;}
    .addata li>div,.addata li>p{float:left;width:60%;}
    .addata li .num{width:40%;font-size:22px;}
    .addata li .up{margin-bottom:6px;font-size:12px;}
    .addata li .down{font-size:14px;}
    .advantage{overflow:hidden;padding-left:5%;width:98%;background:url(https://img.kaituozu.com/img/advantage_wap.jpg) no-repeat;background-size:100% 100%;}
    .advantage .ktz{display:none;}
    .advantage .other{display:none;}
    .advantage .boxleft{left:auto;width:100%;width:95%;}
    .advantage .boxright{display:none;}
    .serve{width:98%;height:300px;background:url(https://img.kaituozu.com/img/serve_wap.png) no-repeat;background-color:#fff;background-size:100% 100%;}
    .serve .intro{top:10px;left:35%;font-size:14px;}
    .serve .item{position:static;float:left;margin-top:90px;width:33.33%;font-size:12px;}
    .serve .item:nth-of-type(4){margin-top:75px;}
    .serve .item:nth-of-type(5){margin-top:75px;}
    .serve .item:nth-of-type(6){margin-top:75px;}
    .serve .item .title{font-size:12px;}
    .serve .item .price{padding:6px 0;font-size:12px;}
    .webtotal{overflow:hidden;padding-top:12px;width:98%;}
    .webtotal li{float:left;margin-bottom:12px;margin-left:auto;width:50%;text-align:center;}
    .webtotal li img{float:none;}
    .webtotal li>div,.webtotal li>p{float:none;margin:6px 0 0;border:none;}
    .webtotal li .detail-up{text-align:center;font-size:16px;}
    .webstep{width:98%;}
    .webstep li{margin:0;padding:6px 2% 0;width:50%;}
    .webstep li img{width:100%;}
    .hcenter{margin-top:6px;padding:12px 0;width:98%;}
    .hcenter h2{padding:0 6px;font-size:20px;}
    .hcenter h2:after,.hcenter h2:before{display:none;}
    .seogood{padding:0 1% 6px;width:98%;height:auto;}
    .seogood li{margin-top:6px;width:100%;height:100px;}
    .seogood li dl{padding-left:6%;width:calc(100% - 100px);}
    .seogood li dl dt{font-size:18px;}
    .seocase{padding:0 2% 6px;width:98%;}
    .seocase li{width:100%;}
    .case{width:98%;}
    .case li{margin-bottom:18px;}
    .case li .pic{width:100%;height:auto;}
    .case li .detail{padding:12px 4%;width:100%;height:auto;}
    .case li .detail .info b{height:auto;}
    .sitemap{margin-bottom:6px;padding:6px 2%;width:98%;}
    .sitemap dd{width:45%;}
    .sitemap dd:nth-of-type(3n){margin-right:5%;}
    .sitemap dd:nth-of-type(2n){margin-right:0;}
    .vip{margin:6px auto;padding-bottom:20px;width:100%;}
    .vip h2{height:40px;font-size:16px;line-height:40px;}
    .vip h2::before{margin-top:3px;}
    .vip .name{margin-top:6px;height:auto;font-size:16px;line-height:40px;}
    .vip .name span{display:block;width:100%;text-align:left;}
    .vip .name span b{font-size:14px;}
    .vip .select{padding:6px 2%;}
    .vip .select label{margin-right:4%;margin-bottom:12px;width:48%;}
    .vip .select label:nth-of-type(2n){margin-right:0;}
    .vip .pay{margin:12px auto;height:50px;line-height:50px;}
    .vip .pay label.alipay::before{margin-top:10px;}
    .user{margin-left:auto;width:100%;min-height:auto;}
    .user h1{padding:0 3%;height:40px;font-size:16px;line-height:40px;}
    .body{padding:6px 3%;width:100%;}
    .body .userpic{float:none;overflow:hidden;margin:0 auto;margin-bottom:6px;padding:12px;}
    .body .cptable{width:100%;}
    .body .btn,.body button{border-radius:4px;background-color:#fff;color:#00a0e8;font-size:14px;line-height:40px;cursor:pointer;}
    .body table input{width:100%;height:30px;line-height:30px;}
    .body textarea{width:100%;}
    .body table{min-width:100%;}
    .body ul li{width:100%;}
    .body ul li img{width:100%;height:auto;}
}
@media (max-width:360px){
    .nav h1{background-size:auto 50px;}
    .nav .search{margin-right:-156px;}
    .wap{margin-left:-156px;}
    .mleft .allbtn a,.mleft .allbtn button{padding:6px 3px;}
}