/*pc*/

.formbtn .pc{}

.formbtn .pc button{display: block;margin:0 auto;border:none;}

.formbtn .pc mip-img{width: 10.9rem;height:auto;margin:0 auto;}

.formbtn .pc mip-img img{width: 10.9rem;height:auto;}

.formbtn .pc .lightbox{width: 4.15rem;height: 3.2rem;background-color: #fff;border-radius: 0.1rem;padding:0.3rem 0.4rem;position:relative;left: 50%;margin-left:-2.07rem;margin-top: 2rem}

.formbtn .pc .lightbox .title{font-size: 0.21rem;text-align: center;line-height: 0.4rem;}

.formbtn .pc .lightbox .sub{font-size: 0.14rem;text-align: center;line-height: 0.3rem;color: #999999;margin-bottom:0.1rem;}

.formbtn .pc .lightbox mip-form span{font-size: 0.17rem;display: inline-block;vertical-align: middle;margin-right: 0.1rem;margin-left: 0.3rem;margin-top: 0.1rem;margin-bottom: 0.1rem}

.formbtn .pc .lightbox mip-form input{font-size: 0.17rem;display: inline-block;vertical-align: middle;margin-top: 0.1rem;margin-bottom: 0.1rem;border-radius: 0.1rem;overflow: hidden;}

.formbtn .pc .lightbox mip-form .submit{width:1rem;height: 0.4rem;line-height: 0.4rem;border-radius: 0.2rem;background-color: #fee840;text-align: center;color: #000;padding:0;margin:0.15rem auto;display: block}

.formbtn .pc .lightbox-close{position: absolute;top: 0.03rem;right: 0.06rem;font-size: 0.3rem;color: #000;cursor: pointer;}



.hot .pc{padding: 0.5rem 0;background-color: #f7f7f7;}

.hot .pc mip-vd-tabs .mip-vd-tabs-scroll-touch{padding-top: 0.2rem;}

.hot .pc mip-vd-tabs .mip-vd-tabs-nav{min-width:100%;height: 0.8rem;line-height: 0.8rem;background-color:#f7f7f7;text-align: center;}

.hot .pc mip-vd-tabs .mip-vd-tabs-nav-view{height: 1rem;line-height: 0.8rem;background-color:#f7f7f7;}

.hot .pc mip-vd-tabs .mip-vd-tabs-nav-view .mip-vd-tabs-nav .mip-vd-tabs-nav-li{font-size:0.32rem;height:0.8rem;line-height:0.8rem;max-width: 3rem;}

.hot .pc .tabcontent{font-size: 0;}

.hot .pc .tabcontent a{width:33%;display: inline-block;vertical-align: middle;overflow: hidden;padding:0.2rem;}

.hot .pc .tabcontent a mip-img{width: 3.86rem;height: 2.9rem;display: block;margin:0 auto;}

.hot .pc .tabcontent a p{width:100%;height:0.75rem;line-height:0.75rem;font-size: 0.28rem;text-align: center;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hot .pc .more{width: 1.9rem;height: 0.52rem;line-height: 0.52rem;text-align: center;background-color: #feec3e;color: #1a1a1a;font-size: 0.26rem;border-radius: 0.2rem;margin:0.4rem auto;display: block;}



.work .pc .worktop{padding:0.2rem;text-align: center;}

.work .pc .worktop .topbox{width: 5.46rem;height: 2.77rem;display: inline-block;vertical-align: middle;border-radius: 0.1rem;margin:0 0.1rem;background-image:url(../images/worktop.jpg);background-size: 100% 100%;background-repeat: no-repeat;padding:0.5rem;text-align: left}

.work .pc .worktop .topbox .tit{font-size: 0.47rem;color: #000;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.work .pc .worktop .topbox .intro{font-size: 0.38rem;color: #999999;}

.work .pc .workbox{padding-top: 0.2rem}

.work .pc .workbg{width: 50%;padding:0 0.2rem;display: inline-block;vertical-align: middle;padding-top: 0.2rem;margin-top: 0.2rem;position: relative;padding-bottom:2.8rem;background-color: #f7f7f7;}

.work .pc .workbg>mip-img{width:100%;height:4.08rem;}

.work .pc .workbg .box{position: absolute;width:100%;height: 1.7rem;padding:0.1rem;/* margin-top: -1rem; */}

.work .pc .workbg .box a{width:5.39rem;height: 1.7rem;background-color:#fff;overflow:hidden;display: block;border-radius: 0.1rem;padding:0.25rem;}

.work .pc .workbg .box a .title{font-size: 0.27rem;color: #1a1a1a;line-height:0.5rem}

.work .pc .workbg .box a .intro{font-size: 0.22rem;color: #666666;line-height:0.3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.work .pc .workdown .more{width:1.9rem;height:0.52rem;line-height:0.52rem;text-align:center;background-color:#feec3e;color:#1a1a1a;font-size:0.26rem;border-radius:0.2rem;margin:0 auto;margin-top:-1rem;display:block;position:relative;z-index:5;}



.friends .pc{padding:0.5rem 0;}

.friends .pc .maintitle{padding-top: 0.5rem;padding-bottom: 0.2rem;}

.friends .pc .box{text-align: center;}

.friends .pc .box mip-img{width: 3.45rem;height: 1.7rem;border:0.01rem solid #ccc;display: inline-block;vertical-align: middle;margin:0.2rem;}



/*ipad*/

.formbtn .ipad button{display: block;margin:0 auto;border:none;}

.formbtn .ipad mip-img{width: 9.46rem;height:auto;margin:0 auto;}

.formbtn .ipad mip-img img{width: 9.46rem;height:auto;}

.formbtn .ipad .lightbox{width: 6rem;height: 4rem;background-color: #fff;border-radius: 0.1rem;padding:0.3rem 0.4rem;position:relative;left: 50%;margin-left:-3rem;margin-top: 2rem}

.formbtn .ipad .lightbox .title{font-size: 0.3rem;text-align: center;line-height: 0.5rem;}

.formbtn .ipad .lightbox .sub{font-size: 0.2rem;text-align: center;line-height: 0.4rem;color: #999999;margin-bottom:0.1rem;}

.formbtn .ipad .lightbox mip-form span{font-size: 0.2rem;display: inline-block;vertical-align: middle;margin-right: 0.1rem;margin-left: 0.3rem;margin-top: 0.1rem;margin-bottom: 0.1rem}

.formbtn .ipad .lightbox mip-form input{width: 4rem;font-size: 0.2rem;display: inline-block;vertical-align: middle;margin-top: 0.1rem;margin-bottom: 0.1rem;border-radius: 0.1rem;overflow: hidden;}

.formbtn .ipad .lightbox mip-form .submit{width:1.5rem;height: 0.6rem;line-height: 0.6rem;border-radius: 0.3rem;background-color: #fee840;text-align: center;color: #000;padding:0;margin:0.15rem auto;display: block}

.formbtn .ipad .lightbox-close{position: absolute;top: 0.03rem;right: 0.06rem;font-size: 0.3rem;color: #000;}



.hot .ipad{padding: 0.3rem 0;background-color: #f7f7f7;margin-top: 0.3rem;}

.hot .ipad .classbox{padding-top: 0.2rem;background-color:#f7f7f7;text-align: center;white-space:nowrap;overflow-x: scroll;text-align: center}

.hot .ipad .classbox a{font-size:0.38rem;background-color:#f7f7f7;height:0.8rem;line-height:0.8rem;display:inline-block;vertical-align: middle;padding:0 0.2rem;}

.hot .ipad .probox{font-size: 0;padding:0.3rem 0.2rem;}

.hot .ipad .probox a{width: 50%;display: inline-block;vertical-align: middle;overflow: hidden;}

.hot .ipad .probox a mip-img{width: 4.48rem;height: 3.37rem;display: block;margin:0 auto;}

.hot .ipad .probox a p{width:100%;height: 0.88rem;line-height: 0.88rem;font-size: 0.32rem;text-align: center;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hot .ipad .more{width: 3.02rem;height: 0.83rem;line-height: 0.85rem;text-align: center;background-color: #feec3e;color: #1a1a1a;font-size: 0.38rem;border-radius: 0.2rem;margin:0.4rem auto;display: block;}



.work .ipad .worktop{padding:0.2rem 0.1rem;text-align: center;}

.work .ipad .worktop .topbox{width: 4.4rem;height: 2.3rem;display: inline-block;vertical-align: middle;border-radius: 0.1rem;margin:0 0.05rem;background-image:url(../images/worktop.jpg);background-size: 100% 100%;background-repeat: no-repeat;padding:0.5rem;text-align: left}

.work .ipad .worktop .topbox .tit{font-size: 0.4rem;color: #000;line-height:0.8rem;}

.work .ipad .worktop .topbox .intro{font-size: 0.32rem;color: #999999;}

.work .ipad .workbg{margin-top: 0.5rem;position: relative;padding-bottom: 0.3rem;background-color: #f7f7f7;}

.work .ipad .workbg>mip-img{width: 100%;height:auto;}

.work .ipad .workbg>mip-img img{width: 100%;height:auto;}

.work .ipad .workbg .carousel{width: 100%;padding:0.12rem;margin-top: -1rem}

.work .ipad .workbg .carousel .box{}

.work .ipad .workbg .carousel .box a{width:9.43rem;height: 2.97rem;background-color:#fff;margin-left:0.4rem;overflow:hidden;display: block;margin:0 auto;border-radius: 0.1rem;padding:0.3rem;}

.work .ipad .workbg .carousel .box a .title{font-size: 0.47rem;color: #1a1a1a;line-height: 1rem}

.work .ipad .workbg .carousel .box a .intro{font-size: 0.38rem;color: #666666;}

.work .ipad .workdown .more{width: 3.02rem;height: 0.83rem;line-height: 0.85rem;text-align: center;background-color: #feec3e;color: #1a1a1a;font-size: 0.38rem;border-radius: 0.2rem;margin:0.4rem auto;display: block;}



.friends .ipad .maintitle{padding-top: 0.5rem;padding-bottom: 0.2rem;}

.friends .ipad .box{text-align: center;}

.friends .ipad .box mip-img{width: 2.93rem;height: 1.45rem;border:0.01rem solid #ccc;display: inline-block;vertical-align: middle;margin:0.08rem;}



/*mobile*/

.formbtn .mobile{}

.formbtn .mobile button{display: block;margin:0 auto;border:none;}

.formbtn .mobile mip-img{width: 6rem;height:auto;margin:0 auto;}

.formbtn .mobile mip-img img{width: 6rem;height:auto;}

.formbtn .mobile .lightbox{width: 4.55rem;height: 4.6rem;background-color: #fff;border-radius: 0.1rem;padding:0.3rem 0.4rem;position:relative;left: 50%;margin-left:-2.07rem;margin-top: 2rem}

.formbtn .mobile .lightbox .title{font-size: 0.21rem;text-align: center;line-height: 0.4rem;}

.formbtn .mobile .lightbox .sub{font-size: 0.14rem;text-align: center;line-height: 0.3rem;color: #999999;margin-bottom:0.1rem;}

.formbtn .mobile .lightbox mip-form span{font-size: 0.17rem;display: inline-block;vertical-align: middle;margin-right: 0.1rem;margin-left: 0.3rem;margin-top: 0.1rem;margin-bottom: 0.1rem}

.formbtn .mobile .lightbox mip-form input{font-size: 0.17rem;display: inline-block;vertical-align: middle;margin-top: 0.1rem;margin-bottom: 0.1rem;border-radius: 0.1rem;overflow: hidden;}

.formbtn .mobile .lightbox mip-form .submit{width:1rem;height: 0.4rem;line-height: 0.4rem;border-radius: 0.2rem;background-color: #fee840;text-align: center;color: #000;padding:0;margin:0.15rem auto;display: block}

.formbtn .mobile .lightbox-close{position: absolute;top: 0.03rem;right: 0.06rem;font-size: 0.3rem;color: #000;}



.hot .mobile{padding: 0.3rem 0;background-color: #f7f7f7;margin-top: 0.3rem;}

.hot .mobile .classbox{padding-top: 0.2rem;background-color:#f7f7f7;text-align: center;white-space:nowrap;overflow-x: scroll;text-align: center}

.hot .mobile .classbox a{font-size:0.21rem;background-color:#f7f7f7;height:0.6rem;line-height:0.6rem;display:inline-block;vertical-align: middle;padding:0 0.2rem;}

.hot .mobile .probox{font-size: 0;padding:0.3rem 0.1rem;}

.hot .mobile .probox a{width: 50%;display: inline-block;vertical-align: middle;overflow: hidden;}

.hot .mobile .probox a mip-img{width: 2.84rem;height: 2.13rem;display: block;margin:0 auto;}

.hot .mobile .probox a p{width:100%;height: 0.5rem;line-height: 0.5rem;font-size: 0.2rem;text-align: center;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hot .mobile .more{width: 1.64rem;height: 0.46rem;line-height: 0.46rem;text-align: center;background-color: #feec3e;color: #1a1a1a;font-size: 0.21rem;border-radius: 0.23rem;margin:0.2rem auto;display: block;}



.work .mobile .worktop{padding:0.2rem 0.1rem;text-align: center;}

.work .mobile .worktop .topbox{width: 2.8rem;height: 1.45rem;display: inline-block;vertical-align: middle;border-radius: 0.1rem;margin:0 0.05rem;background-image:url(../images/worktop.jpg);background-size: 100% 100%;background-repeat: no-repeat;padding:0.25rem;text-align: left}

.work .mobile .worktop .topbox .tit{font-size: 0.25rem;color: #000;line-height:0.6rem;}

.work .mobile .worktop .topbox .intro{font-size: 0.21rem;color: #999999;}

.work .mobile .workbg{margin-top: 0.3rem;position: relative;padding-bottom: 0.3rem;background-color: #f7f7f7;}

.work .mobile .workbg>mip-img{width: 100%;height:auto;}

.work .mobile .workbg>mip-img img{width: 100%;height:auto;}

.work .mobile .workbg .carousel{width: 100%;padding:0.12rem;margin-top: -1rem}

.work .mobile .workbg .carousel .box{}

.work .mobile .workbg .carousel .box a{width:5.5rem;height: 1.6rem;background-color:#fff;margin-left:0.4rem;overflow:hidden;display: block;margin:0 auto;border-radius: 0.1rem;padding:0.2rem;}

.work .mobile .workbg .carousel .box a .title{font-size: 0.25rem;color: #1a1a1a;line-height: 0.5rem}

.work .mobile .workbg .carousel .box a .intro{font-size: 0.21rem;color: #666666;}

.work .mobile .workdown .more{width: 1.64rem;height: 0.46rem;line-height: 0.46rem;text-align: center;background-color: #feec3e;color: #1a1a1a;font-size: 0.21rem;border-radius: 0.23rem;margin:0.2rem auto;display: block;}



.friends .mobile .maintitle{padding-top: 0.5rem;padding-bottom: 0.2rem;}

.friends .mobile .box{text-align: center;}

.friends .mobile .box mip-img{width: 1.85rem;height: 0.9rem;border:0.01rem solid #ccc;display: inline-block;vertical-align: middle;margin:0.05rem;}