css/scms.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/* 页面多媒体最大宽度 */
iframe{max-width:100% !important;}
video{max-width:100% !important;}
.text_content img{max-width:100% !important;height: auto !important;}
.product_content img{max-width:100% !important;height: auto !important;}
.news_content img{max-width:100% !important;height: auto !important;}

/* 评论页面 */
#comments_box p{margin:0px;}
#comments_box li{list-style-type:none;border-top: 1px solid #EEEEEE; padding: 10px 0;line-height: 150%;}
#comments_box li:hover{background: #f7f7f7;border-left: 3px solid #ff9900;}
#comments_box .comment_head{vertical-align:top; width: 40px;height: 40px; border: 1px solid #DDDDDD; border-radius:10px;margin: 0 20px; display: inline-block;}
#comments_box .C_right{ display: inline-block;}
#comments_box .C_content{font-size: 12px;}
#comments_box .C_time{font-size: 12px;color:#AAAAAA;}
#comments_box .reply{font-size: 12px;}
#comments_box .reply_info{margin: 10px;font-size: 12px;display: inline;line-height: 40px;}
#comments_box .yzm{font-size: 12px;display: inline;float: right;height: 40px;}


#comments_box hr{border: 1px solid #ff9900;background: #ff9900;height: 3px;margin: 15px 0;}

#comments_box .comment_input_{border: 1px solid #CCCCCC;background: #ffffff; height: 220px;}
#comments_box .comment_input_ .comment_textarea{padding: 10px ;border-bottom: 1px solid #CCCCCC;height: 160px;}
#comments_box .comment_input_ textarea{width: 100%;height: 100%;border: 0px solid;box-shadow: 0px 0px;color: #666666;resize:none;font-size: 15px;}
#comments_box .comment_input_ button{margin: 0px;height: 40px; width: 100px;float: right;border:none;background: #f7f7f7;border-left: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
#comments_box .comment_input_ button:hover{background: #ffffff;}

/* 客服 */

.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:20px;bottom:50px; z-index:1000;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

/* 留言 */

.form_container{width:100%; max-width: 800px; margin: 0px auto; font-size:15px; height:350px; }
.form_container .left{width:15%;min-width:100px;float: left; text-align: center; padding: 5px 0}
.form_container .right{width:85%;min-width:300px;float:left; margin-bottom: 10px;}
.form_container input[type="text"]{width: 95%;padding: 10px;border-radius:5px; border: #CCCCCC solid 1px; margin-left:10px;}
.form_container textarea{width: 95%; height: 100px; padding: 10px;border-radius:5px; border: #CCCCCC solid 1px; margin-left:10px;}
.form_container button[type="submit"]{background: #ff9900; padding: 5px 10px;border-radius:5px;border: #ff9900 solid 1px; color: #ffffff; margin-left:10px;cursor:pointer}
.form_container button[type="submit"]:hover{background: #FFFFFF; color: #ff9900;}
.form_container button[type="reset"]{background: #0099ff; padding: 5px 10px;border-radius:5px;border: #0099ff solid 1px; color: #ffffff; margin-left:5px;cursor:pointer}
.form_container button[type="reset"]:hover{background: #FFFFFF; color: #0099ff;}