www.gusucode.com > (带手机版数据同步)教育培训行业网站源码 户外拓展通用织梦模板(demo209)源码程序 > (带手机版数据同步)教育培训行业网站源码 户外拓展通用织梦模板(demo209)源码程序/www10/m/css/subpage.css
@charset "utf-8"; @font-face{ font-family:"member"; src: url('../other/member.woff') format('woff'), url('../other/member.ttf') format('truetype'); } .member_iconfont{ font-family:"member" !important; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale; } /* Style Reset */ html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%} body{font-size: 0.16rem;} body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;} ul, ol, li, dl, dt, dd {list-style:none;} a{text-decoration:none;outline:0px;} fieldset, img {border:0;} img{display:block;width: 100%; height:120px} input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;} .clear {clear:both;width:100%;} .c{clear:both;width:100%;} /* common */ .content{min-height:8rem;overflow:hidden;font-size:0.2rem;margin-top: 6%;padding-bottom: 16%;background-color: transparent;} .content_new{margin-top:0!important;} /* 首页不要上边距 */ .common_bg{ background-color: #b30f1a!important; } /* index style */ /*header*/ .header{width:100%;height:0.691rem;background:#1d1d1d;position:relative;z-index:9999;} .head{text-align: center;position:fixed;width:100%;height:0.691rem;top:0;right:0;box-sh/adow: 0 4px 4px rgba(9,2,4,.55);line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;} .logo{display:inline-block;width:62.8125%;height:auto;margin-left:3.4375%; color:#fff} .top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;} .class-btn{position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;} .top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;} .top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#fff;overflow:hidden;} .sub_page{min-height:6rem;overflow:hidden;font-size:0.16rem} .sub_page center{padding:0.4rem 0;font-size:0.2rem} .sub_page center a{color:red} .search_hl{width:14.0625%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#fff;text-align:center;overflow:hidden;} .search_l{ left:0%; } /*header end*/ /* nav */ body{position:relative;width:100%;background:#fff;height:100%;} .allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;} .clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;} .nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;} .fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;} .nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;} .nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;} .nav li a span{margin-right:3%} .nav li p{text-indent:70px;} .nav li:last-child{margin-bottom:20%;} #allmap{width:100%;height:8rem;font-size:0.18rem} .share{width:160px;margin:0.5rem auto;} .black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0} .black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1} /* nav end*/ /* sub header */ .nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.71rem;color:#fff;text-align:center;overflow:hidden;} .home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#fff;text-align:center;overflow:hidden;display:block;} .top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;} .top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;} .class-btn{position:absolute;right:16%;top:0%;width:18.0625%;font-size:0.24rem;line-height:0.666rem;color:#fff;text-align:center;overflow:hidden;} .class-btn span.commonfont{font-size:0.28rem} /* footer */ .footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;} .foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;} .foot-relative{position:relative;width:100%;height:0.8rem;} .foot a{display:block;float:left;width:50%;color:#fff} .foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;} .foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";} .common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;} .common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;} .common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;} /* foot search btn */ .common-search{ width:92.1875%; position:absolute; z-index:100; left:3.90625%; bottom:0.9rem; background: #fff; border:1px solid #ccc; display:none; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 1px 2px #666 inset; box-shadow: 0 1px 2px #666 inset; } .search-input-n{ width: 85%; height:0.533rem; line-height: 0.533rem; border:none; outline: none; text-indent: 5%; border-radius: 25px; font-family: "microsoft yahei"; background-color: transparent; } .search-btn-n{ width: 12%; border:none; outline: none; font-size: 0.4rem; line-height: 0.533rem; background-color: transparent; color:#666; background-color: transparent; font-family: "microsoft yahei"; } /* foot search btn end*/ /*font*/ @font-face{font-family:"iconfont";src:url('../other/iconfont.woff') format('woff'),url('../other/iconfont.ttf') format('truetype');} .iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;} /*font*/ @font-face{font-family:"commonfont";src:url('../other/common.woff') format('woff'),url('../other/common.ttf') format('truetype');} .commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;} /* sub_banner */ .big-pic{width:100%;position:relative;z-index:2;margin:0 auto;} .big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;} .pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;} .pic-list img{float:left;height:auto; width:100%;display:block;} .big-pic2 .pic-list{width:200%;} .big-pic2 .pic-list img{width:50%;} .big-pic3 .pic-list{width:300%;} .big-pic3 .pic-list img{width:33.333334%;} .big-pic4 .pic-list{width:400%;} .big-pic4 .pic-list img{width:25%;} .slide-dot{width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none} .slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 7px;background:#fff} .slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#6b1b55} .transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;} /* top class */ .type{width:100%;top:0.691rem;position:fixed;background:#232323;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none} .type li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;} .type li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666} .type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;} .type li dl{float:left;border-top:2px solid #232323;width:100%;display:none} .type li dl dd{overflow:hidden} .type li dl dd a{width:100%} .type h1{font:0.2rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;} /* top class */ .class{width:100%;top:8.33em;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none} .class li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;} .class li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666} .class li span.iconfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;} .class li span.iconfont.class-up{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;} .class li dl{float:left;border-top:2px solid #232323;width:100%;display:none} .class li dl dd{overflow:hidden} .class li dl dd a{width:100%} /* subpage */ .about,.view{width:92.5%;margin:0% auto;font:0.22rem/2.4 "microsoft yahei";color:#1d1d1d;} .view p { margin:0; padding:0;} .view h1{width:100%;text-align:center;font:0.3rem/0.5rem "microsoft yahei";color:#393939; } .about h1{line-height: 0.6rem; text-align:center;font:0.28rem/0.5rem "microsoft yahei"; font-weight:bold;margin-bottom:3%;} .view img{max-width: 100%;display:inline} .page{display:block;width:100%;height:0.38rem;font:0.22rem/0.38rem "microsoft yahei";color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;} .back{display:block;width:33.57%;margin:2% auto;height:0.4rem;border-radius:0.4rem;font:0.2rem/0.4rem "microsoft yahei";color:#393939;text-align:center;} /* product */ .product-top{width:91.25%;margin:2% auto;border-bottom:1px solid #c9c9c9;height:0.5833rem;font:0.2rem/0.5833rem "microsoft yahei";color:#7b7b7b;} .product-top p{float:left;} .product-top p span{color:#3e74ce} .product-top-right{float:right;color:#7b7b7b} .product-top-right a{font-size:0.3rem;color:#272727;vertical-align: middle} .product-top-right a.show{color:#3e74ce} /* news */ /* .news1,.news2,.news3{width:100%;height:auto;overflow:hidden;margin:2% auto;} .news1 li{width:100%;height:0.691rem;overflow:hidden} .news1 li a,.news2 li a,.news3 li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"} .news1 li span:nth-child(1),.news2 li span:nth-child(1),.news3 li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d} .news1 li span:nth-child(2),.news2 li span:nth-child(2),.news3 li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f} .news1 li:nth-child(even){background:#f2f2f2;} .news2 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px solid #ddd;} .news3 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px dashed #ddd;} */ /* news */ .news{width:100%;height:auto;overflow:hidden;margin:2% auto;} .news li{width:100%;height:0.691rem;overflow:hidden} .news li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"} .news li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d} .news li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f} .news li:nth-child(even){background:#fff;} .imore,.back{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#b30f1a;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both} .imore:before,.back:before{content:"";clear:both;} .common_news{width:100%;height:auto;overflow:hidden;margin:0% auto;} .news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;} .news1,.news2{width:92%;margin:0 auto} .news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d} .news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f} .news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;} .news3{width:96%;margin:2% auto;height:auto;overflow:hidden;} .news3>a{display:block;width:33%;height:auto;overflow:hidden; float:left; padding-left:3%;} .news1>a>img{display:block;width:100%;float:left; } .news3>h1{display:block;width:100%;margin-left:3%;overflow:hidden;} .news3>h1>a{display:block;width:100%;height:0.35rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.22rem/0.3rem "microsoft yahei";color:#333;} .news3>div{float:left;width:58%;margin-left:3%;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";max-height: 0.93rem;color:#999;margin-top:1%} .news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;} .news4 a{display:block;width:80%;margin:0 auto;} .news4 a img{display:block;width:100%;} .news4 a span{display:block;width:100%;text-align:center;font:0.22rem/0.3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%} .news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;} .news5 a.news5imgwrap {width:25%;height:auto;float:left; margin-left:3%;} .news5 a.news5imgwrap img {display:block;width:100%;} .news5 h1 {display:block;float:left;width:68%;margin-left:3%;overflow:hidden} .news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;} .news5>div{float:left;width:68%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.59rem;color:#999;margin-top:1%} /* case */ .case{width:100%;height:auto;overflow:hidden;margin:2% auto} .case li{width:100%;height:auto;padding:2% 0;border-bottom:1px solid #ccc;overflow:hidden} .case li>a{display:block;width:35.46875%;float:left;margin:0 3.75% 0 4.6875%;border:1px solid #fff;} .case li>a img{display:block;width:100%} .case li h1{float:left;width:51.875%;height:0.35rem;font:0.2rem/0.35rem "microsoft yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .case li h1 a{color:#232323} .case li div{float:left;width:51.75%;height:1.1rem;overflow:hidden;font:0.18rem/0.28rem "microsoft yahei";color:#1d1d1d} /* for white */ .white-bg{background:#fff;} /* login & reg */ .login{width:87.5%;margin:10% auto;height:auto;overflow:hidden} .login li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"} .login_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0} .login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:95%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none} .pin_width{width:51.78%;} .login_pin{width:30%;float:left;height:0.42rem;margin-left:4%;} .login_btn{width:98%;height:0.5rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:0.22rem/0.5rem "microsoft yahei"} .red_alert{width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;} .login_link1{float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%} .login_link2{float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%} .info_left{float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070} .info_username{float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070} .info_input{float:left;width:70%;} /* site_nav 悬浮球*/ .site_btn{position: fixed;width:0.7rem;height:0.7rem;top:270px;left:1.875%;z-index:999;border:2px solid #e1e1e1;border-radius:50%;color:#fff;text-align:center;font:0.5rem/0.7rem "microsoft yahei";} .cart-btn-numbers{width:100%;position:relative;height:100%;color:#fff} .cart-btn-number{position:absolute;width:0.24rem;height:0.24rem;left:74%;bottom:74%;font:0.14rem/0.24rem "microsoft yahei";background:#fff;border:0.016rem solid #e1e1e1;border-radius:50%;color:#c2c2c2} /* 临时 .site-nav{position:absolute;left:0;bottom:100%;width:100px;height:auto;overflow:hidden} */ .site-nav li{overflow:hidden;width:100%;height:auto;font:0.16rem/0.2rem "microsoft yahei"} .site-nav a{color:#fff} .site-nav li a{font:0.18rem/0.2rem "microsoft yahei";color:#fff;text-align:center;display:block;position:absolute;width:0.6rem;height:0.4rem;border-radius:50%;border:2px solid #e8e8e8;bottom:0;opacity: 0;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;z-index:-999;transform:rotate(-360deg);-ms-transform:rotate(-350deg);-moz-transform:rotate(-350deg);-webkit-transform:rotate(-350deg);-o-transform:rotate(-350deg);padding:0.1rem 0;} .site-nav.slideup li:nth-child(1) a{left:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} .site-nav.slideup li:nth-child(2) a{left:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} .site-nav.slideup li:nth-child(3) a{left:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms; z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} .site-nav.slidedown li:nth-child(1) a{left:auto;right:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} .site-nav.slidedown li:nth-child(2) a{left:auto;right:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} .site-nav.slidedown li:nth-child(3) a{left:auto;right:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms; z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} /* product width cart btn css*/ .view-price{width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262} .view-price span{font-size:0.28rem;color:#ff0000} .view_btns{width:100%;margin:2% auto;overflow:hidden} .view_btns a{display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left} .view_btns a:last-child{float:right;} .view_collect{width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;} .view_collect p{float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;} .view_collect a{float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block} .view_collect a font{position: absolute;right:0} .view_collect a a{color:#707070} .header{height:0.691rem!important;} @media all and (min-width:640px){ .content{width:640px;margin:0 auto;position:relative;margin-top:6% ; padding-bottom: 16%;} } @media only screen and (max-width: 479px) and (min-width: 321px) { html{font-size: 70px;} } @media only screen and (max-width: 320px) { html{font-size: 60px;} } /* Survey */ .survey{height:auto;overflow:hidden;width:92.5%;margin:0% auto;} .survey li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"} .survey_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0} .surveya{height:auto;overflow:hidden;width:92.5%;margin:0% auto;} .surveya li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.25rem/1.4 "microsoft yahei"; border-bottom: 1px solid #ededed; margin:0 0 2% 0;} .survey_label{margin:5px 6px} .survey_boder{border:#FF0000 solid 1px;} /* msg & reg */ .msg_pin{width:100%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400;} .msg_input{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:0.52rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;} .msg_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;resize: none} .msg_input2{display:block;border:1px solid #d9d9d9;background:#fff;width:50%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;} .redmc { font-weight:bold;font:0.28rem/0.62rem "microsoft yahei"; } .msg_pin-value {width:80%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400; margin-left:10%; border:0;background:#f14400;} /* search*/ input{ outline: none; } .search{ width: 96%; height: 0.691rem; padding:0 2%; position: absolute; top: -120%; left: 0; background-color: #22b38a; font-family: "microsoft yahei"; } .search-input{ width: 75%; border:1px solid #22b38a; border-radius: 15px 0 0 15px; float: left; border-right: none; height: 0.461rem; font-size: 0.18rem; font-family: "microsoft yahei"; text-indent: 5%; margin-top: 2%; background-color:#FFFFFF } .search-btn{ width: 15%; float: left; background-color: #fff; border-radius:0 15px 15px 0; border:1px solid #22b38a; border-left: none; height: 0.491rem; font-size: 0.25rem; margin-top: 2%; } .search a{ display: inline-block; width: 9%; float: left; color:#fff; text-align: center; height: 0.7rem; } .index_text{ width: 90%; font-size: 14px; height: 0.5rem; background: #fff url(../images/search_bg_05.png) no-repeat 95% center; -webkit-background-size: 7%; background-size: 7%; border:none; font-size: 0.21rem; font-family:"microsoft yahei"; text-indent: 3%; margin:2% 0; border-radius: 7px; } /* product discuss */ .discuss_top{width:87.5%;margin:2% auto;overflow:hidden;background:url(../images/discuss.png) right 0 no-repeat;background-size:4.46%;position:relative;padding:2% 0;color:#fff;} .discuss_top_left{float:left;width:70.35%;margin:0 0 0 2.85%;height:0.9rem;overflow:hidden;font:0.18rem/0.3rem "microsoft yahei";} .discuss_top_right{position:absolute;height:100%;right:0;top:0;border-left:1px solid rgba(255,255,255,.39);width:23.21%;font:0.18rem/1rem "microsoft yahei";text-align:center} .discuss_top_right span{font-size:0.5rem;} .discuss_list{width:87.5%;margin:2% auto;overflow:hidden;} .discuss_list li{width:100%;height:auto;border-bottom:1px solid #ddd;overflow:hidden;padding:2% 0} .discuss_list_top{width:100%;height:auto;overflow:hidden} .discuss_list_top span{float:left;font:0.18rem/0.4rem "microsoft yahei";color:#545454} .discuss_list_top_right{float:right;overflow:hidden;width:38.92%;} .discuss_list_top_right div{float:left;width:67.43%;height:auto;overflow:hidden;position:relative;margin-top:3.2%;background:#d0cfcf} .discuss_list_top_right div img{position:relative;z-index:2;width:100%;display:block} .discuss_list_top_right div p{position: absolute;width:50%;left:0;top:0;height:100%;} .discuss_list_top_right font{float:left;font:0.18rem/0.4rem "microsoft yahei";width:30%;display:block;text-align:center} .discuss_list_con{width:100%;height:auto;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";color:#8a8a8a;padding:2% 0} .discuss_list_reply{width:100%;height:auto;font:0.18rem/0.26rem "microsoft yahei";color:#877f7f;background:#eaeaea;padding:2%;overflow:hidden} /* product width cart */ .view-price{width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262} .view-price span{font-size:0.28rem;color:#ff0000} .view_btns{width:100%;margin:2% auto;overflow:hidden} .view_btns a{display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left} .view_btns a:last-child{float:right;} .view_collect{width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;} .view_collect p{float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;} .view_collect a{float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block} .view_collect a font{position: absolute;right:0} .view_collect a a{color:#707070} .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#000; color:#fff;border: 1px solid #000} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #000;padding: 2px 9px;margin: 0 3px;background: #000;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} .pagess ul li a:hover {color: #fff;}