@charset "utf-8";
/* 基本css样式文件 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0; list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;clear: both;}
*{
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
}
html{overflow-y:scroll;}  
body{font-size:12px;font-family: "微软雅黑",Arial, Helvetica, sans-serif;color:#656565; min-width:320px; margin:0px auto;background:url(../img/commbg.png) repeat;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;outline:none;color:#656565;}
a:hover{ color:#2c82c3;}
ul,li{list-style:none;}
.clear{clear:both;}
.left{ float:left; clear:left;}
.fleft{ float:left;}
.right{ float:right; clear:right;}
.fs14{ font-size:14px;}
.yh,input,button{ font-family:"微软雅黑";}
.mauto{ margin-left:auto; margin-right:auto;}
.ht5{width:100%; height:5px; overflow: hidden; clear:both;}
.mt10{ width:100%; height:10px; overflow: hidden; clear:both;}
.none{ display:none;}
.hg10{ width:100%; height:10px; overflow:hidden; clear:both;}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}
.red{ color:#cd191a;}
.reds{ color:#c00 !important;}
.blue{ color:#036;}
.hui{ color:#999;}
.ov{ overflow:hidden;}
.orange{ text-shadow:0 1px rgba(255, 255, 255, 0.3);text-decoration:none;-webkit-box-flex:1; color:#C30;}

input,.btn{ border:none;}

table { border-collapse: collapse; border-spacing: 0; }
tr { display: table-row; vertical-align: inherit; border-color: inherit;}

.clear { clear:both;} 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix             { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.submits{ width:73px; height:21px; background:url(../images/orderd.jpg) no-repeat; border:none; cursor:pointer;}
q:before,q:after { content:'';}
.Page ul li{display: inline-block;margin: 0px 2px;}
.Page ul li.active a{background: #de513d;color: #fff;}
/*顶部Logo部分*/
.menu_top{ width:100%; height:56px; background: url(../images/top5_inner.png) center center no-repeat #ff5f1c; position: relative; z-index:9; overflow:hidden; background-size: auto 56px;box-shadow:0 1px 3px #666; overflow:hidden; text-align:center; line-height:56px;}
.menu_top h1{ font-size:18px; color:#fff; font-weight:normal;}
.menu_top span{ position:absolute; left:0px; top:0px; display:block; width:56px; height:56px; background:url(../images/menu.png) center center no-repeat; cursor:pointer;}
.menu_top a{ position:absolute; right:3px; top:0px; width:45px; height:56px; display:block; background:url(../images/back.png) center center no-repeat; background-size: auto 44px;}

/*顶部Logo部分*/
.header{ position:relative;width:100%; height:0.41rem;line-height:0.41rem; background:#676767; text-align:left; z-index:999; overflow:hidden;}
.header .logo{width:0.89rem; height:0.41rem; float:left;}
.header .title{font-size:0.17rem; color:#fff; }
.header i{ display:block;position:fixed; right:0.04rem; top:0.04rem; background:#d1211b;width:0.33rem; height:0.33rem; line-height:0.33rem; border-radius:0.33rem; color:#fff; text-align:center; font-style:normal; z-index:999;}


/*top*/

.sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
#sidebar { display:none; width:0px; overflow:hidden;}
#sidebar .nav { line-height: 40px; list-style-type: none; text-align:center;}
#sidebar .nav a { display: block; width:100%; height:60px; line-height:60px;color: #fff; text-decoration: none; font-size:16px;border-bottom: 1px solid #1a1a1a;}
#sidebar .nav a:hover { background-color: #000;}

.left_menu{background:url(../img/nav_bg.jpg) center top no-repeat; background-size:cover; }
.left_menu .l_logo{width:100%; background:#e8635a; height:60px; display:block; margin:0;text-align:center; line-height:60px; color:#fff; font-size:24px;}
.left_menu .l_link{display:block; width:100%;z-index:21; position:relative; margin-top:10px;}
.left_menu .l_link li{width:100%;background: url(../images/arr.png) no-repeat 90% center; display:block; float:left; border-bottom:1px solid #999; background-size:auto 33%;}
.left_menu .l_link li a{ font-size:15px; line-height:40px;display:block; width:100%; height:40px;text-decoration:none; color:#ccc; font-weight:bold; background:#fff; text-align:left;}
.left_menu .l_link li a span{padding-left:55px; height:40px;}
.left_menu .l_link li a.i_home{ background:url(../images/i_home.png) no-repeat 20px center; background-size:10% auto;}
.left_menu .l_link li a.i_pro{ background:url(../images/i_pro.png) no-repeat 20px center;background-size:10% auto;}
.left_menu .l_link li a.i_choose{ background:url(../images/i_choose.png) no-repeat 20px center;background-size:10% auto;}
.left_menu .l_link li a.i_case{ background:url(../images/i_case.png) no-repeat 20px center;background-size:11% auto;}
.left_menu .l_link li a.i_news{ background:url(../images/i_news.png) no-repeat 20px center;background-size:10% auto;}
.left_menu .l_link li a.i_tech{ background:url(../images/i_tech.png) no-repeat 20px center;background-size:10% auto;}
.left_menu .l_link li a.i_net{ background:url(../images/p2.png) no-repeat 20px center;background-size:10% auto;}
.left_menu .l_link li a.i_about{ background:url(../images/i_about.png) no-repeat 20px center;background-size:10% auto;}
.left_menu .l_link li a.i_connect{ background:url(../images/i_connect.png) no-repeat 20px center;background-size:10% auto;}

/* Menu */

.items-a{ width:100%; clear:both; overflow:hidden; padding:5px 0px;}
.items-a ul{ margin:0px 0px; overflow:hidden;}
.items-a ul li{ float:left;overflow:hidden;width:20%;}
.items-a ul li a{display:block;text-align: center; overflow:hidden; text-decoration: none; color:black;}
.items-a ul li.cur a{ color:#c00;}
.items-a ul li a i,.items-a ul li a span{ display:block; margin:0px auto;}
.items-a ul li a i{ width:85%; max-width:88px; height:auto; background-size:100% auto;}
.items-a ul li a i img{ width:100%;}
.items-a ul li a span{ height:20px; line-height:20px; margin-top:5px; font-size:13px;
  background: #871317 -webkit-linear-gradient(top,#999,#666 45%,#333 60%,#000) no-repeat 0 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

.M-menu{ width:100%; height:0.4rem; line-height:0.4rem; background:#333; overflow:hidden; margin-top:-8px;}
.M-menu ul{ height:100%;}
.M-menu ul li{ float:left; width:20%; height:100%; text-align:center;}
.M-menu ul li a{ display: block; width:100%;  height:0.4rem; line-height:0.4rem; color:#fff; font-size:0.13rem;}
.M-menu ul li a.on{ background:#a00; color:#FF0;}

.pv{ position:relative; margin:10px;}
.pv img{ width:100%; height:auto;}
.pv a{ position:absolute; display:block; top:0px; height:100%; border-radius:10px;}
.pv a.pv1{ left:0px; width:30%;}
.pv a.pv2{ left:30%; width:40%;}
.pv a.pv3{ right:0px; width:30%;}

/* News */
.news{ width:100%; height:auto; overflow:hidden; margin:0.1rem 0px;}
.news ul{ margin:10px;}
.news ul li{ width:100%; height:40px; line-height:40px; border-bottom:1px dotted #111; overflow:hidden;}
.news ul li a{ color:#666; font-size:0.13rem;}

.article,.prev_next{ margin:10px; overflow:hidden; clear:both;}
.article h2{ line-height:0.22rem; font-size:0.15rem; margin-bottom:5px; color:#333; font-weight:bold;text-align:center;}
.article h3{ font-weight:normal; height:30px; line-height:30px; font-size:0.13rem; color:#666; margin-bottom:10px;padding-bottom:10px; overflow:hidden; text-indent:2em;}
.article p{  font-size:0.12rem; line-height:26px; margin-bottom:10px; text-indent:2em; color:#666;}
.article p img{ width:100% !important; height:auto !important; margin-left:-2em;}
.prev_next{ border-top:1px dotted #666; padding-top:5px;}
.prev_next ul li{ height:25px; line-height:25px;}
.prev_next ul li,.prev_next ul li a{ color:#666;}

/*内余页菜单*/
.channel{ width:100%; clear:both; margin-top:5px; border-bottom:1px solid #ddd; padding-bottom:0.1rem;}
.channel ul{ margin-right:8px;}
.channel ul:after,.product ul:after { clear: both; content: " "; display: block; }
.channel ul li{ float:left; width:20%; overflow:hidden;}
.channel ul li a{ display:block; border-radius:5px; margin:6px 0px 0px 8px; padding:6px 6px; text-align:center; color:#333; font-size:0.12rem;overflow:hidden; font-weight:bold;background-image: linear-gradient(90deg,#eee,#ccc); border:1px solid #ddd;}
.channel ul li a.on{ background-image: linear-gradient(90deg,#ff513d,#ca1a19); color: #FF0;}


.param{ margin:5px 8px; overflow:hidden; height:0.3rem; line-height:0.3rem; background:#eee; border-radius:6px; font-size:0.12rem; text-align:center;}
.param span{ display: inline-block; width:20%; font-weight:bold; color:#000; background:#ddd;}
.param div.values{ display:inline-block; width:80%;}
.param div.values a{ display:inline-block;width:25%;}
.param div.values a.selected{ background:#D9251D; color:#fff;}

/* Home SBY */
.ProductList{text-align:center;font-size:0}
.ProductList dl dd{display:inline-block;width:50%; height: auto;text-align:center;float:left;}
.ProductList dl dd a{display:block;text-align:center;margin:10px 5px 0 10px;background:#fff;padding-bottom:5px; box-shadow:0px 0px 1px #aaa; overflow:hidden;}
.ProductList dl dd a img{display:block;width:1.69rem;height:1.31rem;margin:0 auto;padding:0px 0px 5px 0px;}
.ProductList dl dd a .product-name{font-size:13px;color:#333;line-height:20px;height:20px;display:block;overflow:hidden; font-weight:bold;}
.ProductList dl dd a .product-price{font-size:12px;height:13px;line-height:13px;margin:5px 0;color:#333;display:block}
.ProductList dl dd a .product-price .price{color:#fc6232;font-weight:700}
.ProductList dl dd a .btn-recycle{display:block;height:22px;line-height:22px;color:#999;font-size:12px;border-radius:5px;}
.ProductList dl dd a .btn-recycle em{ font-style:normal; color:#ccc; margin:0px 3px;}
.ProductList dl dd:nth-child(2n) a{margin:10px 10px 0 5px}

.ProductList dl dt{ text-align:center;}
.ProductList dl dt a {display: inline-block;padding: 5px 10px;color: #fff;background: #d00;font-size: 16px; border-radius: 10px;margin-top:15px;}


.SearchBox{ position:relative; padding:0.05rem 0.1rem;background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f8f9), to(#ddd)); text-align:center; height:0.55rem; overflow:hidden;}
.SearchBox .find{ position:absolute; left:10px; top:0.1rem; width:80%; height:0.35rem; background-color:#f7f8f9; text-indent:10px; border-radius:5px; outline:none; box-shadow: 2px 2px 10px #b7b7b7 inset!important;}
.SearchBox .fd-btn{position:absolute; right:10px; top:0.1rem; width:20%; height:0.35rem;border-radius:0px 5px 5px 0px; background-image: linear-gradient(90deg,#ff513d,#ca1a19);color:#fff;}


/*产品详情*/
.focus{ width:100%; height:auto; overflow:hidden; margin-top:-20px;}
.bigimg{ padding:0px 0px; margin:10px; overflow:hidden; background:#000 !important; clear:both; border-radius:8px; box-shadow:0px 0px 8px #ccc;}
.swiper-wrap { position:relative; width:100%;height: auto;overflow: hidden;}
.swiper-wrap .swiper-slide { width:100%; height:auto;text-align: center; overflow:hidden;}
.swiper-wrap .swiper-slide img{ width:100%; height:auto;}
.swiper-wrap .swiper-pagination{ position:absolute; left:10px; bottom:10px; width:50px; height:24px; line-height:24px; text-align:center;background: rgba(0, 0, 0, 0.3); border-radius:5px; color:#fff;}
.swiper-wrap .swiper-button-next,.swiper-wrap .swiper-button-prev{ width:35px; height:45px;}
.swiper-wrap .swiper-button-next{ background:url(../img/bann_btn.png) -55px 0px no-repeat; right:-10px;}
.swiper-wrap .swiper-button-prev{ background:url(../img/bann_btn.png) 0px 0px no-repeat; left:-10px;}

.text_box{ width:100%; background:#fff;height:60px;position:relative; overflow:hidden; margin-top:-3px;}
.text_box .text{ float:left;}
.text_box h1{ font-size:0.16rem; line-height:60px; text-indent:10px; color:#333;}
.text_box .r_info{  position:absolute; top:4px; right:6px; width:90px; height:46px; line-height:23px;font-size:13px;text-align:center; }
.text_box .r_info .addr_name{display:block; background:#de513d;  color:#fff; border:1px solid #de513d;}
.text_box .r_info .addr_info{display:block;font-weight:bold;color:#de513d; border:1px solid #de513d;}

/* 价格 */
.baojia{ box-shadow:0px 0px 8px #ccc; background:#fff; padding:10px 8px;border-radius:6px;overflow:hidden; margin:15px 10px 0px 10px;}
.baojia span.wxzx{display:inline-block;height:0.24rem; line-height:0.24rem; color:#999; background:#f7f8f9; font-size:12px;  border-radius:4px; text-align:center; padding:0 5px;}

/* 表 */
.estatus{  box-shadow:0px 0px 8px #ccc; background:#fff; padding:10px; margin:15px 10px;border-radius:6px;color:#777; overflow:hidden;}
.estatus table{border:1px solid #989898; width:100%; font-size:0.12rem; text-align:center;margin-bottom:10px;}
.estatus tr.name{line-height:30px;background:#333; color:#fff;}
.estatus tr.name td.td1{ border-left:1px solid #de513d;border-right:1px solid #de513d;background:#de513d; color:#fff;}
.estatus tr.value{ line-height:30px;background:#fff;}
.estatus tr.value td.td1{ color:#de513d; font-weight:bold;}
.estatus .label span{display:inline-block;  font-size:0.1rem; padding:3px 5px;border-radius:3px;}
.estatus .label span.bg1{color:#3fc56e;background: #e8f6ed;}
.estatus .label span.bg2{color:#d7a844;background: #fcf2d5;}
.estatus .label span.bg3{color:#f88368;background: #ffeae5;}
.estatus .label span.bg4{color:#598ac8;background: #cfe1f8;}
.estatus .des{ font-size:14px; padding-top:10px;}
.estatus table tr.value a{ color:#444;}
.estatus td{ border-right:1px solid #ccc;}
.estatus .des::before{ width:20px; height:20px;content:url(../img/ico12.png); margin-right:5px;}

/* 丙余详情 */
.pro{box-shadow:0px 0px 8px #ccc; background:#fff; padding:10px; margin:0px 10px 15px 10px;border-radius:6px; text-align:center;}
.pro h3{ display:inline-block; width:50%; height:40px; line-height:40px; font-size:0.2rem; font-weight:normal; border-top:1px solid #999; border-bottom:1px solid #999; margin-top:0.1rem; margin-bottom:0.1rem;}
.pro .imgList{ margin:0px;}
.pro .imgList img{ display:block; width:100%; margin-bottom:10px; border-radius:5px;}
.pro p{ line-height:22px;}

/*-----分页样式--------*/
.Page{width:100%; text-align:center; padding:10px 0px;}
.Page a{display:inline-block;width: auto; padding:0px 10px;background:#212121;height:30px; vertical-align:middle; line-height:30px; font-size:14px; margin-left:-1px; border-radius:6px; color:#aaa;}
.Page a:hover{ background:#Ff3811; color:#FFF; text-decoration:none;}
.Page a.cur{ background:#de513d; color:#FFF}

/* 品牌 */
.brand-nav{ padding: 0px 2px; background: #ffffff;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2; overflow:hidden;}
.brand-nav::after{content: ''; clear: both;display: block;}
.brand-nav .brand-img{ width: 20%; margin: 5px 0px;float: left; position: relative;color: #505050;text-align: center;border-left: 1px solid #e2e2e2; }
.brand-nav a:nth-child(6)::after,
.brand-nav a:nth-child(7)::after,
.brand-nav a:nth-child(8)::after,
.brand-nav a:nth-child(9)::after,
.brand-nav a:nth-child(10)::after{width: 88%;height: 1px;content:"";display:block;background: #e2e2e2;position: absolute; top: -6px; left: 6%;}
.brand-nav .brand-img img{ width: 90%;margin: 0 auto;display: block;}
.brand-nav .brand-img p{ width: 100%;height: 22px;text-align: center; line-height: 22px;font-size:0.11rem !important; color: #505050; display: block;}

.brand-nav-mini{ width:96%; margin:10px auto; overflow:hidden; clear:both; padding-top:10px;}
.brand-nav-mini .brand-img{ width: 50%; margin: 5px 0px;float: left; position: relative;color: #505050;text-align: center;}
.brand-nav-mini .brand-img img{ width: 80%;margin: 0 auto;display: block; border-radius:5px; box-shadow:0px 0px 5px #000;}
.brand-nav-mini .brand-img p{ width: 100%;height: 18px;text-align: center; line-height: 18px; color: #fff; display: block; margin-top:5px;}

/* about */
.about{ width:100%; overflow:hidden; padding-top:5px;}
.about .content{ padding:0px 15px; font-size:14px; line-height:25px;}
.about .content p{ text-indent:2em;}
.about ul{ margin:20px 0px;}
.about ul li{ float:left; width:25%; height: auto; text-align:center;}
.about ul li .span{ background:rgba(0,0,0,0.7); margin:0px 5px 0px 5px; padding:10px 0px;border-radius:10px;}
.about ul li .span span{ display:block; padding:2px 0px; color:#eee;}
.about ul li .v1{margin:0px 5px 0px 10px;}
.about ul li .v4{margin:0px 10px 0px 5px;}
.about ul li .red{ font-size:16px;}

/* Message */
.message{ width:100%; overflow:hidden;}
.message .tit{ text-align:center; overflow:hidden; margin-top:10px; font-weight:bold;}
.message .tit-cn p{ font-size:0.16rem; line-height:0.25rem; color:#333;}
.message .tit-cn b{ color:#fb5f5b;}
.message .tit-en{ margin-top:10px;}
.message .tit-en p{ padding:0px 10px; font-size:0.1rem; line-height:0.2rem; font-family: Verdana, Geneva, sans-serif;text-transform:uppercase;color:#837e7e;}
.message dl{ position:relative; width:80%; height:42px; margin:20px auto; overflow:hidden;}
.message dl dt{ position:absolute; left:5px; top:0px; width:42px; height:100%;}
.message dl dt.f1{ background:url(../img/h520170923_img4.png) center center no-repeat;}
.message dl dt.f2{ background:url(../img/h520170923_img2.png) center center no-repeat;}
.message dl dt.f3{ background:url(../img/h520170923_img5.png) center center no-repeat;}
.message dl dd{ width:100%; height:100%;}
.message dl dd input.inputBg{ width:100%; height:100%; text-indent:50px; background:#eee;box-shadow: 2px 2px 10px #b7b7b7 inset!important; border-radius:30px; outline:none;}
.message dl input.btn{ float:right; display:block; width:40%; height:40px; line-height:40px;/* background:#dc3f29;*/background-image: linear-gradient(90deg,#fe513d,#dc3f29); text-align:center; color:#fff; font-size:16px; border-radius:30px;}

.best{ width:100%; height:auto; margin:10px 0px 20px 0px; text-align:center;}
.best img{ width:80%;}

#rlabel .slist{background:#26252b; margin-bottom:0.08rem;}
#rlabel .slist li{display:block; float:left;}
#rlabel .slist .border{display:block;padding:0.2rem 0; text-align:center; color:#fff; }
#rlabel p.title{font-size:0.14rem; line-height:0.2rem;}
#rlabel p.des{font-size:0.12rem; line-height:0.2rem;}
.col_50{ width:50%;}
.col_50 .border{ border-bottom:1px solid #fff;}
.col_50 .br{border-right:1px solid #fff;}
.col_50 .bl{border-left:1px solid #fff;}

/* footer */
.footer{ width:100%; height:auto; min-height:60px; background:url(../img/footer.png) center top no-repeat; background-size:cover; overflow:hidden; text-align:center; color:#cdcdcd; line-height:20px; padding:10px 0px; margin-bottom:50px;}
.footer p.t10{ margin-top:16px;}
.footer p a{ color:#fff;}

/* 底部浮动固定 */
.fixnav{ height:50px; background:rgba(0,0,0,.7); border-top:1px solid #666; padding-top:5px; position:fixed; left:0; bottom:0; width:100%; z-index:999; overflow:hidden;}
.fixnav ul li{ float:left; width:33.33%; text-align:center;}
.fixnav ul li a{ display:block; margin:0px 5px; height:40px; line-height:40px; text-align:center; font-size:14px; border:1px solid #ddd; border-radius:5px;}
.fixnav ul li a.wx{ border:1px solid #ecb7b6; background:#fcecec;}
.fixnav ul li a.tel{ border:1px solid #ca1a19; background-image: linear-gradient(90deg,#ff513d,#ca1a19); color:#fff;}
.fixnav ul li a span{ display:inline-block; padding-left:28px;}
.fixnav ul li a.msg span{ background:url(../images/msg.png) left center no-repeat;}
.fixnav ul li a.wx span{ background:url(../images/btn_lxwm_3.png) left center no-repeat;}
.fixnav ul li a.tel span{ background:url(../img/tel.gif) left center no-repeat; background-size:22px 22px;}

/*微信-sby-弹窗*/
.wechatBox { display: none; width: 100%;height: 100%; position: fixed; left:0px; top: 0;z-index:10; background:rgba(0,0,0,0.7);}
.wechat{position:fixed;width:80%; min-height:200px; top:50%; left:10%; margin-top:-100px;background:#fff;border-radius:5px;color:#666;display:none;padding:10px 0px;text-align:center;z-index:999;}
.wechatimg{background:#fff;border-radius:20px;box-shadow:1px 1px 2px rgba(0,0,0,1);color:#666;display:none;left:10%;position:fixed;right:10%;text-align:center;top:20%;width:80%;z-index:999;}
.wechatimg img{width:100%}
.wechat .p1{font-size:0.12rem; color:#bdbdbd; margin-top:10px;}
.wechat .p2{font-size:0.11rem; margin-top:10px;}
.wechat .wxid{width:100%; margin-bottom:15px; cursor:pointer;}
.wechat .wxid .wxh_1{ display:inline-block; width: auto; padding:5px 15px; border:1px solid #ddd; color:#d00; background:#f7f8f9; font-size:0.2rem; font-weight:bold; cursor:pointer;}
.wechat .p2 a{ display:inline-block; padding:8px 30px; background:#d00; box-shadow:0px 5px 10px #d4edbe; color:#fff; font-size:0.15rem; border-radius:20px;}
.show{ display:block !important;}
.yz{ position:absolute; right:0.1rem; top:0.05rem; width: auto; height:0.22rem; line-height:0.22rem; text-align:center; font-size:0.12rem;color:#ff6c00; font-weight:bold;}

.addweixin{ text-align:center; line-height:26px; margin-top:10px;}
.addweixin p{ font-size:0.13rem;}

/* 伪类 */
::-webkit-input-placeholder,
::-moz-placeholder,
::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } 

.cd-top {
  display: inline-block;
  height: 45px;width: 45px;position: fixed;bottom: 60px;right: 10px; border-radius:45px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible { visibility: visible;opacity: 1;}
/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
.cd-top.cd-fade-out {opacity: 0.8;}
.no-touch .cd-top:hover {background-color: #c00;opacity: 1;}