|
|
@charset "utf-8";
|
|
|
/* CSS Document */
|
|
|
|
|
|
/*公共*/
|
|
|
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, embed,
|
|
|
figure, figcaption, footer, header, hgroup,
|
|
|
menu, nav, output, ruby, section, summary,
|
|
|
time, mark, audio, video {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
border: 0;
|
|
|
font-size: 100%;
|
|
|
font-size:12px ;
|
|
|
font: inherit;
|
|
|
vertical-align: baseline;
|
|
|
font-family: arial,"Lantinghei SC","Microsoft Yahei";
|
|
|
}
|
|
|
/* HTML5 display-role reset for older browsers */
|
|
|
article, aside, details, figcaption, figure,
|
|
|
footer, header, hgroup, menu, nav, section, main {
|
|
|
display: block;
|
|
|
}
|
|
|
ul,li,ol{ list-style:none;}
|
|
|
dl,dd{ margin:auto;}
|
|
|
|
|
|
|
|
|
html{width:100%;
|
|
|
height:100%;
|
|
|
-ms-text-size-adjust:none;
|
|
|
-webkit-text-size-adjust:none;
|
|
|
-moz-text-size-adjust:none;
|
|
|
-o-text-size-adjust:none;
|
|
|
}
|
|
|
/*text-size-adjust不管屏幕怎么变文字大小不变*/
|
|
|
|
|
|
body{margin:0;
|
|
|
padding:0;
|
|
|
width:100%;
|
|
|
font-size:12px;
|
|
|
font-family: arial,"Lantinghei SC","Microsoft Yahei";
|
|
|
background: #F5F8FA none repeat scroll 0% 0%;
|
|
|
}
|
|
|
|
|
|
|
|
|
a:link,a:visited{text-decoration:none; outline:none; color: #000;}
|
|
|
/*所有超链接不要下划线*/
|
|
|
* {padding:0;margin:0;}；
|
|
|
*, *:after, *:before{
|
|
|
-webkit-box-sizing: border-box;
|
|
|
-moz-box-sizing: border-box;
|
|
|
-o-box-sizing: border-box;
|
|
|
box-sizing: border-box; }
|
|
|
/*任何标签、包括它前面、后面生成的内容都不要影响盒子的边框*/
|
|
|
.am-form textarea,.am-form select, .am-form textarea, .am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="tel"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"], .am-form-field,.am-btn{ font-size:14px;}
|
|
|
|
|
|
.clear{ clear:both}
|
|
|
header{display: none;}
|
|
|
|
|
|
/*选项卡样式定义*/
|
|
|
.am-nav-tabs,.am-tabs-bd{border-color:transparent ;}
|
|
|
.am-nav-tabs > li.am-active > a, .am-nav-tabs > li.am-active > a:hover, .am-nav-tabs > li.am-active > a:focus,.am-nav-tabs > li > a:hover {
|
|
|
color: #555555;background:none;border-color:transparent;cursor: default;}
|
|
|
.am-nav-tabs > li > a {margin-right: 0px;}
|
|
|
.am-nav-tabs > li.am-active {border-bottom:2px solid #F03726;}
|
|
|
.am-tabs-d2 .am-tabs-nav li {max-width:216px;}
|
|
|
/*选项卡样式*/
|
|
|
.am-nav-tabs> li{cursor: pointer;}
|
|
|
.am-nav-tabs > li > a {
|
|
|
padding: 0px 2px;
|
|
|
margin: 0px 0px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.nav-table{display: none;}
|
|
|
/*主体部分*/
|
|
|
.center{width:100%; margin:0px auto;min-height: 1px; overflow:hidden;}
|
|
|
aside,.wrap-right,.m-logistics,.you-like{ display:none;}
|
|
|
.col-main {padding-bottom: 50px;}
|
|
|
/*标题*/
|
|
|
.am-text-lg{ font-size:18px;}
|
|
|
.am-padding {padding:0px 10px;}
|
|
|
.am-padding small{width:50%;}
|
|
|
hr{margin:5px 0px;}
|
|
|
|
|
|
/*表单布局*/
|
|
|
.am-form-label{width:50px;float: left; text-align:right;}
|
|
|
.am-form-content{ margin-left:65px;}
|
|
|
.col-main{padding-top:10px ;background-color:#fff;}
|
|
|
|
|
|
/*博客*/
|
|
|
.bloglist .am-u-md-9{background: #fff;}
|
|
|
.blog-main{max-width:760px ;margin:0px auto ;}
|
|
|
.blog-sidebar{padding: 0px 0px;}
|
|
|
.blog-list li{border: none;}
|
|
|
.blog-list li p{white-space:nowrap;/* 不换行 */overflow:hidden;text-overflow:ellipsis}
|
|
|
.am-panel-hd{font-size:18px;padding: 1rem 1rem;}
|
|
|
.blog-title a{font-size:20px ;margin:10px auto ;}
|
|
|
.blog-meta{font-size:14px ;text-align: right;}
|
|
|
.blog-content p{font-size:14px ;line-height: 24px;text-indent: 2em;}
|
|
|
.blog-content .Row li{width: 33.33%;float: left;padding:5px ;}
|
|
|
.blog-content img{width:100% ;}
|
|
|
.blog-tit p{ color: rgb(89, 89, 89);text-indent: 0em;margin-top:10px ;}
|
|
|
.blog-tit p span{font-family:Microsoft YaHei !important; color: rgb(192, 0, 0); font-size: 18px;}
|
|
|
/*底部*/
|
|
|
|
|
|
.footer{display:none; text-align: center;border-top: 2px solid #F8F8F8 margin-top:20px; padding-top: 5px;}
|
|
|
.main-wrap {background-color:#fff;}
|
|
|
@media only screen and (min-width:640px)
|
|
|
{
|
|
|
|
|
|
|
|
|
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, embed,
|
|
|
figure, figcaption, footer, header, hgroup,
|
|
|
menu, nav, output, ruby, section, summary,
|
|
|
time, mark, audio, video {
|
|
|
font-size:14px ;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*头*/
|
|
|
header { display:block;}
|
|
|
header article{max-width: 1200px;margin:0px auto;}
|
|
|
.mt-logo .mt-tblogo {width:20%;display: inline-block;vertical-align: middle;}
|
|
|
.message-l{ float:left;}
|
|
|
.message-l .topMessage{padding: 0px 6px;height: 35px;line-height: 35px;}
|
|
|
.message-r {float: right;}
|
|
|
.message-r .topMessage {float: left;padding: 0px 6px;height: 35px;line-height: 35px;}
|
|
|
/*浮动框*/
|
|
|
.nav.white{width:100%;margin:0px auto;}
|
|
|
.nav.white .logoBig{ display:block;float:left;height:56px;width:115px; margin:0px auto; margin-left:5%}
|
|
|
.nav.white .logoBig img{width:100%;}
|
|
|
.my-cart { width: 46px;height: 46px;}
|
|
|
|
|
|
#ai-topsearch {height: 46px;}
|
|
|
.search-bar input {width: 80%;height:46px;}
|
|
|
.classified{display:none;}
|
|
|
.nav.white{ position:relative;top:0px;z-index:0;}
|
|
|
|
|
|
|
|
|
/*搜索框*/
|
|
|
.search-bar {height: 51px;margin: 0px 50px 0 120px; padding-left:5%;}
|
|
|
.search-bar form{border:2px solid #F03726; max-width:670px;}
|
|
|
.search-bar input{padding-left:5px;width: 80%;height:46px;outline:none; font-size:12px; border:none}
|
|
|
#ai-topsearch { width:20%;height:46px;border: 0px none;float:right;background: #F03726 none repeat scroll 0% 0%;
|
|
|
color: #F5F5F2;font-size: 14px;cursor:pointer;}
|
|
|
|
|
|
|
|
|
/*固定框架*/
|
|
|
.center{width:96%;max-width:1000px; margin:0px auto;min-height: 1px;margin-top:15px ;}
|
|
|
|
|
|
/*表单布局*/
|
|
|
.am-form-label{width:100px;float: left;}
|
|
|
.am-form-content{margin-left:85px;}
|
|
|
|
|
|
/*侧边栏*/
|
|
|
aside{ display:block;width:130px; float:left;margin-left: -100%;padding-top:10px;}
|
|
|
aside ul{ margin-left:10px;margin-right:-10px;padding:0px 8px;font-size:14px ;background: #fff;border-top: 5px solid #FEC4D7;}
|
|
|
aside a{display: block;overflow: hidden;text-decoration: none;line-height: 28px;color: #000;height: 28px;}
|
|
|
aside ul li{text-align: center;}
|
|
|
aside ul li.active a{color: #F69}
|
|
|
li.person{border-bottom:1px solid #F5F8FA ;padding-bottom:10px;padding-top: 10px;}
|
|
|
.person ul{padding-left:6px; border:none; padding-top:0px; padding-bottom:0px; margin:0px auto;font-size:12px;}
|
|
|
.person ul li a{color: #666;}
|
|
|
/*主题*/
|
|
|
.col-main {float:left;width:100%;min-height: 1px;background: none;padding-bottom: 0px;}
|
|
|
.main-wrap {position: relative; margin-left:150px;overflow: hidden;min-height:585px;background-color:#fff;}
|
|
|
.am-fl.am-cf small{width: auto;}
|
|
|
.am-padding {margin:20px 0px ;}
|
|
|
.am-text-danger {color: #000}
|
|
|
/*底部*/
|
|
|
.footer {text-align:left; display:block;position: relative;margin: 0px auto; padding: 7px 0px 9px;border-top: 2px solid #FF5400; margin-top:20px;}
|
|
|
.footer .footer-bd p, .footer .footer-hd p {margin-bottom: 8px;line-height: 27px;border-bottom: 1px solid #DDD; text-align:left;}
|
|
|
.footer .footer-hd a { margin: 0px 4px;white-space: nowrap;color: #6C6C6C;}
|
|
|
.footer .footer-hd b { margin: 0px 3px;font-weight: 400;color: #DDD;}
|
|
|
.footer .footer-bd p{ border-bottom:none;}
|
|
|
.footer-bd{ display:block;}
|
|
|
|
|
|
/*博客*/
|
|
|
.blog-main{margin-top:10px ;}
|
|
|
.blog-sidebar{padding: 0px 10px;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1025px)
|
|
|
|
|
|
{
|
|
|
.nav.white{padding-left:0px; max-width:1000px; margin:0px auto;}
|
|
|
.nav.white .logoBig { display:block; float:left;height:90px; width:200px; margin-left:0px;}
|
|
|
.nav.white .logoBig li{float:left;}
|
|
|
.search-bar{height:90px; padding: 20px 70px 0 230px; margin:auto;}
|
|
|
|
|
|
|
|
|
|
|
|
/*分类*/
|
|
|
.nav-table{max-width:1000px;margin: 0px auto;height: 45px;position: relative;overflow: hidden;display: block;margin-top:10px ;}
|
|
|
.nav-table .all-goods{font-size: 16px;}
|
|
|
.long-title{background:#d2364c;color:#fff ;height: 45px;line-height: 45px;display:block;position: absolute;width:150px ;text-align: center;font-size:16px ;top:0px;z-index: 6;}
|
|
|
.nav-cont{position: absolute;padding-left:150px;display:block;width:100% ;top:0px}
|
|
|
.nav-cont li{float: left;height: 45px;line-height: 45px;}
|
|
|
.nav-cont li::before{content: '\20';display: inline-block;height: 16px;border-right: 1px solid #d9d9d9;width: 0;vertical-align: middle;margin-left: -1px;}
|
|
|
.nav-cont li a {font-size: 16px;color: #333;line-height: 36px;margin-left: -1px;padding: 0 25px;text-decoration: none;font-weight: 700;display: inline-block;vertical-align: middle;}
|
|
|
|
|
|
.nav-cont .nav-extra{position: absolute;right:0px ;top:6px;font-size: 16px;color:#fcff00;line-height:33px;height:33px ;width:160px;text-align:center;background: url(../images/extra.png);cursor: pointer;}
|
|
|
.nav-cont .nav-extra i.nav-user{background:#000 ;color:#fff ;width: 33px;height: 33px;border-radius: 33px;position: absolute;left:-28px;z-index: 99;padding: 5px;overflow: hidden;}
|
|
|
.nav-cont .nav-extra b{display:block;position: absolute;width: 45px;height: 45px;border-radius:45px;z-index: 1;left: -33px;top: -8px;background: #fff;}
|
|
|
b.line{display: block;width:100%;height:2px ;border-bottom:2px solid #d2364c;}
|
|
|
|
|
|
.bloglist{padding-top:20px ;}
|
|
|
.blog-content p {font-size: 16px;line-height: 24px;}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 1260px)
|
|
|
|
|
|
{
|
|
|
/*分类*/
|
|
|
.nav-table,.footer{max-width:1200px;}
|
|
|
.long-title {width:180px;}
|
|
|
.nav-cont {padding-left: 180px;}
|
|
|
/*固定框架*/
|
|
|
.center{width:96%;max-width:1200px; margin:0px auto;min-height: 1px;margin-top:15px ;}
|
|
|
aside {width: 160px;}
|
|
|
.main-wrap {margin-left: 180px;}
|
|
|
.am-container , .bloglist{max-width: 1200px;}
|
|
|
/*博客*/
|
|
|
.blog-main{margin-top:30px ;}
|
|
|
}
|
|
|
|
