公用样式文件
/*公共样式模块*/
/*引入字体图标*/
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?qicgwf');
src: url('../fonts/icomoon.eot?qicgwf#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?qicgwf') format('truetype'),
url('../fonts/icomoon.woff?qicgwf') format('woff'),
url('../fonts/icomoon.svg?qicgwf#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.big_left,
.big_right,
.small_left,
.small_right{
background: rgba(0,0,0,0.2);
font-family: 'icomoon';
color:white;
}
.big_left,
.big_right{
width: 32px;
height: 60px;
}
.small_left,
.small_right{
width: 20px;
height: 40px;
}
.small_right:hover{
background: rgba(0,0,0,0.3);
}
.small_left:hover{
background: rgba(0,0,0,0.3);
}
.big_right:hover{
background: rgba(0,0,0,0.3);
}
.big_left:hover{
background: rgba(0,0,0,0.3);
}
.small_right m,
.small_left m{
float: left;
margin-left: 3px;
margin-top: 12px;
}
.big_right m,
.big_left m{
float: left;
margin-left: 8px;
margin-top: 22px;
}
a {
text-decoration: none;
}
.w {
width: 1200px;
margin: 0 auto;
}
.clear {
content: '';
display: block;
clear: both;
}
/*快捷导航模块*/
* {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
.style_ff {
color: #ff4e00;
}
.nav {
height: 35px;
background: linear-gradient(#d8d8d8, #f4f4f4, #d8d8d8);
}
.nav span {
float: left;
line-height: 35px;
padding-left: 50px;
color: #555555;
font-size: 12px;
}
.right {
float: right;
}
ul li {
float: left;
font-size: 12px;
margin-right: 10px;
line-height: 35px;
}
ul li a {
text-decoration: none;
color: #555555;
font-size: 12px;
padding-right: 5px;
}
.fonts_icon::after {
content: '\e900';
font-family: 'icomoon';
margin-left: 3px;
}
.pic_icon::after {
padding: 0 10px;
}
.pic {
margin: 0 2px 0 2px;
vertical-align: middle;
text-align: center;
}
.pic2_icon::after {
content: url(../img/s_tel.png);
vertical-align: middle;
margin: 20px 3px;
}
/*头部制作*/
.header {
height: 138px;
}
/*logo模块*/
.in_logo {
float: left;
margin-left: 55px;
height: 70px;
width: 180px;
padding-top: 40px;
}
/*搜索模块*/
.search {
float: left;
position: relative;
margin-top: 50px;
margin-left: 368px;
}
.search .search1 {
height: 38px;
width: 405px;
outline: 0;
border: 2px solid #ff3c3c;
border-right: none;
}
.search .search2 {
position: absolute;
right: -86px;
height: 42px;
color: white;
font-size: 16px;
width: 88px;
background: #ff3c3c;
border: 2px solid #ff3c3c;
}
/*热词制作*/
.hot_words {
float: left;
margin-top: 5px;
margin-left: 362px;
}
.hot_words ul li {
margin: 0 7px;
}
/*购物车模块*/
.shop_car {
float: right;
height: 40px;
width: 120px;
background: #f6f6f6;
border: 1px solid #d9d9d9;
box-sizing: border-box;
margin-right: 205px;
margin-top: -42px;
}
.shop_car span {
line-height: 40px;
color: #555555;
padding-left: 45px;
}
.shop_car span::after {
content: url(../img/car.png);
margin-left: -84px;
}
/*自助导航模块*/
.self_nav {
height: 45px;
box-sizing: border-box;
border-bottom: 2px solid #ff3c3c;
}
.self_nav .classify {
float: left;
height: 100%;
width: 210px;
background: #ff3c3c;
}
.classify l {
line-height: 45px;
margin-left: 35px;
color: white;
font-weight: 500;
font-size: 18px;
font-family: "微软雅黑";
}
.s_nav {
float: left;
margin-top: 4px;
margin-left: 15px;
}
.s_nav ul li a {
font-size: 18px;
font-weight: 500;
font-family: "微软雅黑";
padding: 0 15px;
}
.style_cc {
color: #ff3c3c;
}
.tip {
float: right;
height: 30px;
width: 115px;
}
.tip img {
margin-top: 7px;
}
/*footer模块制作*/
.footer{
float: left;
height: 420px;
width: 1200px;
border-bottom:1px solid #eaeaea;
}
.z_pin{
float: left;
list-style: none;
width: 120px;
height: 120px;
margin-top: 50px;
margin-left: 165px;
margin-right: -69px;
}
.z_pin p{
text-align: center;
font-size: 16px;
font-weight: 500;
color: black;
}
.z_pin a{
font-size: 14px;
color: gray;
}
.z_pin img{
margin: 0 29px;
}
/*d*/
.all_he{
float: left;
width: 1200px;
height: 200px;
margin-top: 50px;
}
.mation{
float: left;
height: 200px;
width: 90px;
margin: 0 45px;
}
.mation .bid_font{
font-size: 16px;
font-weight: 500;
color: black;
}
.mation li a{
color: gray;
}
.mation li{
margin: -2px;
}
.code{
float: right;
width: 300px;
height: 190px;
}
.sina,
.tencent,
.we_are{
position: relative;
}
.Qr_code{
height:134px ;
width: 134px;
}
.sina{
float: right;
height: 26px;
width: 100px;
top: -118px;
left: -51px;
}
.tencent{
float: right;
height: 26px;
width: 100px;
top: -78px;
left: 50px;
}
.we_are {
float: left;
height: 15px;
width: 117px;
top: -6px;
left: 1px;
}
.sina a,
.tencent a{
float: right;
color: gray;
}
.all_he span a{
position: relative;
top: -94px;
left: 1050px;
color: #ff4e00;
font-size: 18px;
}
.all_he span p{
position: relative;
top: -93px;
right: -153px;
font-size: 14px;
color: gray;
}
.public p{
float: left;
color: gray;
font-size: 12px;
margin-left: 125px;
margin-top: 40px;
}
.police{
float: left;
width: 1200px;
height: 50px;
margin-left: 260px;
margin-top: 34px;
}
.police img{
border: 1px solid gray;
padding: 2px;
border-radius: 5px;
margin: 0 8px;
}
.police .small{
width: 98px;
height: 33px;
}
主页样式文件
/*引入字体图标*/
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?qicgwf');
src: url('../fonts/icomoon.eot?qicgwf#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?qicgwf') format('truetype'),
url('../fonts/icomoon.woff?qicgwf') format('woff'),
url('../fonts/icomoon.svg?qicgwf#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.hot_sell2,
.fruit_center ul li,
.fruit_pic1,
.hot_sell1{
overflow: hidden;
}
.left_center ul li{
overflow: hidden;
}
.hot_sell2 img,
.fruit_center ul li img,
.fruit_pic1 img,
.hot_sell1 img,
.left_center ul li img{
transition: all 0.4s;
}
.hot_sell2 img:hover,
.fruit_center ul li img:hover,
.fruit_pic1 img:hover,
.hot_sell1 img:hover,
.left_center ul li img:hover{
transform: scale(1.1);
}
a {
text-decoration: none;
}
.w {
width: 1200px;
margin: 0 auto;
}
.clear {
content: '';
display: block;
clear: both;
}
/*快捷导航模块*/
* {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
.style_ff {
color: #ff4e00;
}
.nav {
height: 35px;
background: linear-gradient(#d8d8d8, #f4f4f4, #d8d8d8);
}
.nav span {
float: left;
line-height: 35px;
padding-left: 50px;
color: #555555;
font-size: 12px;
}
.right {
float: right;
}
ul li {
float: left;
font-size: 12px;
margin-right: 10px;
line-height: 35px;
}
ul li a {
text-decoration: none;
color: #555555;
font-size: 12px;
padding-right: 5px;
}
.fonts_icon::after {
content: '\e900';
font-family: 'icomoon';
margin-left: 3px;
}
.pic_icon::after {
padding: 0 10px;
}
.pic {
margin: 0 2px 0 2px;
vertical-align: middle;
text-align: center;
}
.pic2_icon::after {
content: url(../img/s_tel.png);
vertical-align: middle;
margin: 20px 3px;
}
/*头部制作*/
.header {
height: 138px;
}
/*logo模块*/
.in_logo {
float: left;
margin-left: 55px;
height: 70px;
width: 180px;
padding-top: 40px;
}
/*搜索模块*/
.search {
float: left;
position: relative;
margin-top: 50px;
margin-left: 368px;
}
.search .search1 {
height: 38px;
width: 405px;
outline: 0;
border: 2px solid #ff3c3c;
border-right: none;
}
.search .search2 a{
position: absolute;
right: -86px;
height: 42px;
color: white;
font-size: 16px;
width: 88px;
background: #ff3c3c;
border: 2px solid #ff3c3c;
}
input{
cursor: pointer;
}
/*热词制作*/
.hot_words {
float: left;
margin-top: 5px;
margin-left: 362px;
}
.hot_words ul li {
margin: 0 7px;
}
/*购物车模块*/
.shop_car {
float: right;
height: 40px;
width: 120px;
background: #f6f6f6;
border: 1px solid #d9d9d9;
box-sizing: border-box;
margin-right: 205px;
margin-top: -42px;
}
.shop_car span {
line-height: 40px;
color: #555555;
padding-left: 45px;
}
.shop_car span::after {
content: url(../img/car.png);
margin-left: -84px;
}
/*自助导航模块*/
.self_nav {
height: 45px;
box-sizing: border-box;
border-bottom: 2px solid #ff3c3c;
}
.self_nav .classify {
float: left;
height: 100%;
width: 210px;
background: #ff3c3c;
}
.classify l {
line-height: 45px;
margin-left: 35px;
color: white;
font-weight: 500;
font-size: 18px;
font-family: "微软雅黑";
}
.s_nav {
float: left;
margin-top: 4px;
margin-left: 15px;
}
.s_nav ul li a {
font-size: 18px;
font-weight: 500;
font-family: "微软雅黑";
padding: 0 15px;
}
.style_cc {
color: #ff3c3c;
}
.tip {
float: right;
height: 30px;
width: 115px;
}
.tip img {
margin-top: 7px;
}
/*左侧分类模块*/
.main {
float: left;
height: 400px;
}
.menu {
float: left;
width: 210px;
height: 400px;
background: #b01d1d;
}
.menu li {
/*float: left;*/
width: 210px;
height: 40px;
box-sizing: border-box;
transition: margin-left 0.7s;
}
.menu li a {
font-size: 16px;
font-weight: 500;
font-family: "微软雅黑";
color: white;
margin-left: 40px;
}
.menu_pic {
float: left;
width: 20px;
margin-left: -210px;
}
.menu_pic img {
margin: 10px 0;
padding-left: 10px;
}
.menu li:hover {
margin-left: 60px;
}
/*中心图模块*/
.center {
position: relative;
float: left;
height: 400px;
width: 740px;
margin-left: 10px;
}
.center .big_left{
position: absolute;
top: 170px;
}
.center .big_right{
position: absolute;
top: 170px;
left: 708px;
}
/*快报模块*/
.news_flash {
overflow: hidden;
float: right;
width: 205px;
height: 400px;
margin-left: 30px;
border: 1px solid #d9d9d9;
box-sizing: border-box;
}
.news_flash1 {
height: 40px;
width: 205px;
border-bottom: 1px dotted #d9d9d9;
}
.news_flash2 {
height: 180px;
width: 205px;
border-bottom: 1px solid #d9d9d9;
}
.news_flash3 {
height: 40px;
width: 205px;
border-bottom: 1px dotted #d9d9d9;
}
.news_flash4 {
height: 140px;
width: 205px;
}
.news_flash1 h,
.news_flash3 h {
font-size: 18px;
font-weight: 600;
display: inline-block;
margin-top: 6px;
margin-left: 10px;
}
.news_flash1 a {
color: gray;
margin-left: 108px;
font-size: 14px;
}
.news_flash1 a::after {
content: '\e902';
font-family: 'icomoon';
}
.news_flash2 li strong {
font-size: 13px;
color: black;
}
.news_flash4 a {
color: #555555;
margin-left: 10px;
vertical-align: middle;
font-size: 13px;
}
.news_flash4 img {
width: 185px;
height: 120px;
}
.news_flash4 img a {
margin: 10px;
}
/*热卖模块*/
body .hot_sell {
float: right;
height: 225px;
margin-top: 20px;
}
.hot_sell1 {
width: 210px;
height: 180px;
box-sizing: border-box;
}
.hot_sell_1 {
float: left;
height: 46px;
width: 210px;
background: #d8eefc;
}
.rise {
float: left;
background: #ff4e00;
width: 60px;
height: 20px;
color: #fff;
text-align: center;
margin-left: 50px;
margin-top: 13px;
}
.shi {
float: left;
color: #ff4e00;
margin-top: 12px;
margin-left: 20px;
}
/*热*/
.hot_sell2 {
position: relative;
float: right;
width: 980px;
height: 228px;
margin-top: -181px;
}
.hot_sell2 .big_left{
position: absolute;
top: 84px;
}
.hot_sell2 .big_right{
position: absolute;
top: 84px;
left: 948px;
}
.hot_sell2 ul li {
width: 246px;
height: 228px;
box-sizing: border-box;
border: 1px solid #d9d9d9;
margin-right: -1px;
}
.hot_sell2 ul li img {
margin-top: 12px;
margin-left: 40px;
}
ul li .name {
color: #555555;
font-weight: 600;
font-size: 18px;
margin-left: 80px;
margin-top: -17px;
}
ul li p {
font-size: 14px;
margin-left: 32px;
margin-top: -14px;
}
ul li h {
float: left;
color: #ff4e00;
font-size: 20px;
font-weight: bold;
margin-left: 82px;
margin-top: -10px;
}
.big_price {
float: left;
font-size: 14px;
margin-top: -10px;
margin-left: 10px;
}
.iphone::after{
content: url(../img/hot.png);
position: relative;
top: -220px;
left: 40px;
}
.iphone_x::after{
content: url(../img/hot.png);
position: relative;
top: -186px;
left: -156px;
}
/*横幅模块*/
.adv{
float: left;
height: 110px;
margin-top: 20px;
box-sizing: border-box;
}
.adv img{
margin-top: 20px;
}
/*生鲜模块*/
.fresh{
float: left;
height: 510px;
}
/*生鲜导航模块*/
.one_floor{
border-bottom: 2px solid #ff3c3c;
float: left;
height: 70px;
}
.one_content{
float: right;
z-index: 1;
height: 440px;
}
.one_pic img{
float: left;
margin-top: 32px;
width: 33px;
height: 34px;
margin-left: 10px;
}
.one_pic a{
float: left;
position: relative;
left: -28px;
top: 44px;
color: white;
font-size: 14px;
}
.one_pic span{
float: left;
color: #ff4e00;
font-size: 20px;
font-weight: 500;
margin-top: 39px;
margin-left: 1px;
}
.more{
float: right;
width: 340px;
height: 30px;
margin-top: 34px;
}
.more li{
float: left;
padding-right: 0px;
padding-left: 6px;
}
/*生鲜右侧主体模块*/
.fruit_pic1{
position: relative;
float: left;
height: 286px;
width: 211px;
box-sizing: border-box;
}
.fruit_pic1 .small_left{
position: absolute;
top: 123px;
}
.fruit_pic1 .small_right{
position: absolute;
top: 123px;
left: 191px;
}
.fruit_pic1 img{
height: 286px;
width: 211px;
}
.agg{
float: left;
width: 211px;
height:154px ;
background: #e4f7ec;
margin-top: 286px;
margin-left: -211px;
}
.agg li{
width: 162px;
padding: 0 24px;
line-height: 32px;
border-bottom: 1px dotted gray;
}
/*生鲜主体模块*/
.fruit_center{
float: left;
height: 440px;
width: 718px;
}
.fruit_center li{
width: 238px;
height: 220px;
}
.fruit_center li img{
width: 184px;
height: 132px;
margin-top: 0;
margin-left: 22px;
}
.fruit_center ul li p {
float: left;
z-index: 1;
font-size: 14px;
margin-left: 32px;
margin-top: 18px;
}
.fruit_center ul li h {
float: left;
color: #ff4e00;
font-size: 18px;
font-weight: 400;
margin-left: 82px;
margin-top: 0;
}
.fruit_center ul li{
border-top: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin: 0 0;
}
.fruit_center .sha{
border-right: none;
}
/*生鲜右侧主体模块*/
.left_center ul li{
float: right;
width: 260px;
height: 220px;
margin-right: 0;
}
/*footer模块制作*/
.footer{
float: left;
height: 420px;
width: 1200px;
border-bottom:1px solid #eaeaea;
}
.z_pin{
float: left;
list-style: none;
width: 120px;
height: 120px;
margin-top: 50px;
margin-left: 165px;
margin-right: -69px;
}
.z_pin p{
text-align: center;
font-size: 16px;
font-weight: 500;
color: black;
}
.z_pin a{
font-size: 14px;
color: gray;
}
.z_pin img{
margin: 0 29px;
}
/*d*/
.all_he{
float: left;
width: 1200px;
height: 200px;
margin-top: 50px;
}
.mation{
float: left;
height: 200px;
width: 90px;
margin: 0 45px;
}
.mation .bid_font{
font-size: 16px;
font-weight: 500;
color: black;
}
.mation li a{
color: gray;
}
.mation li{
margin: -2px;
}
.code{
float: right;
width: 300px;
height: 190px;
}
.sina,
.tencent,
.we_are{
position: relative;
}
.Qr_code{
height:134px ;
width: 134px;
}
.sina{
float: right;
height: 26px;
width: 100px;
top: -118px;
left: -51px;
}
.tencent{
float: right;
height: 26px;
width: 100px;
top: -78px;
left: 50px;
}
.we_are {
float: left;
height: 15px;
width: 117px;
top: -6px;
left: 1px;
}
.sina a,
.tencent a{
float: right;
color: gray;
}
.all_he span a{
position: relative;
top: -94px;
left: 1050px;
color: #ff4e00;
font-size: 18px;
}
.all_he span p{
position: relative;
top: -93px;
right: -153px;
font-size: 14px;
color: gray;
}
.public p{
float: left;
color: gray;
font-size: 12px;
margin-left: 125px;
margin-top: 40px;
}
.police{
float: left;
width: 1200px;
height: 50px;
margin-left: 260px;
margin-top: 34px;
}
.police img{
border: 1px solid gray;
padding: 2px;
border-radius: 5px;
margin: 0 8px;
}
.police .small{
width: 98px;
height: 33px;
}
.agg .thr{
width: 211px;
height: 154px;
background: #fcebf3;
}
.agg .two{
width: 211px;
height: 154px;
background: #feecea;
}
搜索页样式文件
/*全部珠宝品牌模块*/
.shou_ye{
float: left;
height: 70px;
}
.shou_ye .e902::after{
content: '\e902';
font-family: 'icomoon';
margin-left: 4px;
}
.shou_ye li{
line-height: 70px;
}
.shou_ye ul li a{
margin-right: 1px;
}
.yellow{
font-style: italic;
color: #ff3200;
}
.heti{
position: relative;
top: 24px;
left: 212px;
height: 20px;
width: 100px;
border: 1px dashed #ff3200;
}
/*珠宝详细模块*/
.xiang_xi{
float: left;
/* z-index: 1;*/
height: 210px;
/* border: 2px solid #CCCCCC;*/
}
.price ul li a,
.color ul li a,
.add ul li a{
line-height: 45px;
}
.lei{
height: 68px;
border: 2px solid #CCCCCC;
width: 1198px;
margin-top: -1px;
}
.price,
.color,
.add{
height: 47px;
border: 2px solid #cccccc;
border-top: 1px solid #CCCCCC;
width: 1198px;
margin-top: -1px;
}
.jia_cu{
font-size: 13px;
color: black;
margin-right: 60px;
margin-left: 10px;
}
.price ul li a:hover,
.color ul li a:hover,
.add ul li a:hover,
.lei ul li a:hover{
color: #ff3200;
}
/*浏览足迹模块*/
.looked{
position: relative;
left: 2px;
float: left;
height: 38px;
width: 212px;
margin-top: 24px;
border: 1px solid #CCCCCC;
box-sizing: border-box;
}
.histry{
float: left;
font-size: 16px;
font-weight: bold;
margin-left: 20px;
margin-top: 8px;
}
.histry::after{
content: url(../img/h_t.gif);
margin-left: 16px;
position: relative;
top: 1px;
left: -91px;
}
.dea{
float: right;
color: #555555;
font-size: 12px;
line-height: 38px;
margin-right: 10px;
}
.pic_all{
position: relative;
top: 61px;
left: -210px;
float: left;
width: 210px;
height: 1205px;
border: 1px solid #CCCCCC;
border-bottom: transparent;
}
.pic_01{
float: left;
width: 210px;
height: 240px;
border-bottom: 1px solid #CCCCCC;
}
.pic_01 .pic_01_1{
width: 180px;
height: 180px;
margin-top: 10px;
}
.pic_01 .pic_01_1 p{
text-align: right;
}
.pic_01 .pic_01_1 a{
margin-left: 74px;
font-weight: 500;
font-size: 18px;
color: #9b2d30;
}
/*默认发现模块*/
.new_look{
float: left;
margin-top: 31px;
margin-left: -211px;
width: 300px;
height: 25px;
}
.new_look ul li{
line-height: 22px;
border: 1px solid #CCCCCC;
padding: 0 20px;
margin: 0;
}
.height{
background: url(../img/i_up.gif) 50px 4px no-repeat;
}
.down1::after{
content: url(../img/i_down.gif);
position: relative;
right: -6px;
}
.down::after{
content: url(../img/i_down.gif);
position: relative;
right: -6px;
}
.huang{
color: white;
background: #ff3200
}
.baby a{
float: right;
color: gray;
font-size: 12px;
margin-top: 42px;
}
.xian{
float: right;
width: 986px;
border-bottom: 1px solid #CCCCCC;
margin-top: -1145px;
}
.zhubao_all{
float: left;
width: 970px;
margin-top: -1144px;
margin-left: 230px;
}
.zhubao{
float: left;
width: 230px;
height: 330px;
margin-right: 16px;
}
.zhubao_pic{
width: 230px;
height: 230px;
}
.zhubao a{
font-size: 18px;
margin-left: 92px;
}
.zhubao p{
font-size: 14px;
text-align: center;
}
.zhubao m,
.zhubao h{
line-height: 20px;
border: 1px solid gray;
padding: 8px 26px;
margin-top: 16px;
float: left;
}
.zhubao m{
font-size: 14px;
color: gray;
margin-left: 0px;
padding-right:0 ;
padding-left:38px ;
}
.zhubao h{
font-size: 14px;
margin-left: 0;
height: 20px;
padding: 5px 21px 11px 37px;
}
.zhubao m::after{
content: url(../img/heart.png);
position: relative;
top: 2px;
left: -48px;
}
.zhubao h::after{
content: url(../img/cars.png);
position: relative;
top: 2px;
left: -90px;
}
.qing_chu{
margin-right: 0;
}
/*搜索页面切换模块*/
.switch li{
border: 1px solid gray;
border-radius: 2px;
}
.switch ul .kuan{
width: 38px;
text-align: center;
}
.gaozi{
width: 52px;
text-align: center;
}
.switch ul .none{
border: none;
}
.switch li:hover{
background: #ff3200;
color: white;
}
.switch li a:hover{
color: white;
}
.switch{
float: right;
margin-top: 80px;
margin-bottom: 120px;
}
.switch ul li{
padding: 0px;
}
.switch ul li a{
margin: 5px;
}
.zhubao_pic{
overflow: hidden;
}
.zhubao_pic img{
transition: all .4s;
}
.zhubao_pic img:hover{
transform: scale(1.1);
}
详情页样式文件
.shou_ye {
float: left;
height: 70px;
}
.shou_ye .e902::after {
content: '\e902';
font-family: 'icomoon';
margin-left: 4px;
}
.shou_ye li {
line-height: 70px;
}
.shou_ye ul li a {
margin-right: 1px;
}
.yellow {
font-style: italic;
color: #ff3200;
}
/*详情模块*/
.xiangqing {
float: left;
height: 500px;
}
.pic_zhubao {
float: left;
width: 450px;
height: 450px;
border: 1px solid #eaeaea;
}
.xaingxi_canshu {
float: left;
width: 500px;
height: 400px;
/*background: pink;*/
margin-left: 26px;
}
.xaingxi_canshu p {
font-size: 12px;
margin-top: 10px;
color: gray;
}
.xaingxi_canshu span {
float: left;
margin-top: 40px;
font-size: 12px;
}
span a {
font-size: 18px;
color: #ff3200;
font-weight: 500;
}
span p {
font-size: 14px;
}
.xaingxi_canshu .can_kao {
float: left;
margin-top: 76px;
margin-left: -103px;
}
.zheng_shu li {
font-size: 12px;
border: 1px solid #CCCCCC;
width: 70px;
height: 20px;
text-align: center;
line-height: 20px;
color: gray;
}
.zheng_shu {
float: left;
margin-top: 126px;
margin-left: -123px;
}
.zheng_shu .none_border {
border: none;
}
.xaingxi_canshu .shu_tu {
border: 2px solid #ff3200;
margin-top: -2px;
padding-bottom: 1px;
}
.xaingxi_canshu .shu_tu::after {
content: url(../img/ch.png);
position: relative;
top: 3px;
left: 11px;
}
.shangzuo {
margin-top: 170px;
margin-left: -316px;
}
.shangzuo .shu_tu::after {
content: url(../img/ch.png);
position: relative;
top: 3px;
left: 14px;
}
.xaingxi_canshu f a {
position: relative;
top: 218px;
left: -294px;
color: gray;
font-size: 12px;
margin-right: 42px;
}
f a img {
position: relative;
top: 2px;
left: -2px;
}
.top_more {
float: left;
height: 42px;
width: 80px;
border: 1px solid #eaeaea;
position: relative;
top: 334px;
left: -310px;
}
.jia, .jian {
padding: 0;
font-size: 20px;
text-align: center;
line-height: 20px;
width: 20px;
height: 20.5px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin-top: -1px;
background: #f0f0f0;
color: gray;
}
.all_de {
float: right;
}
.jia:hover,
.jian:hover {
background: rgba(0, 0, 0, 0.1);
}
.top_more a {
position: relative;
top: -34px;
left: -36px;
color: gray;
}
.shopcar {
float: left;
width: 180px;
height: 42px;
background: #ff3200;
position: relative;
top: 291px;
right: 216px;
}
.shopcar a {
color: white;
font-size: 18px;
font-weight: 500;
line-height: 42px;
margin-left: 58px;
}
.shopcar a::after {
content: url(../img/j_car.png);
position: relative;
top: -44px;
}
.shopcar:hover {
background: #FA7676;
}
.pic_big {
float: right;
width: 282px;
height: 253px;
border: 1px solid #CCCCCC;
margin-top: -396px;
}
.pic_big .pic_small {
height: 193px;
width: 282px;
border-bottom: 1px solid #CCCCCC;
}
.pic_font {
width: 282px;
height: 60px;
background: #f6f6f6;
border-bottom: 1px solid #CCCCCC;
}
.pic_font a {
margin-left: 84px;
font-weight: 600;
font-family: 微软雅黑;
line-height: 60px;
}
.pic_font:hover {
background: rgba(0, 0, 0, 0.1);
}
.more_1 {
float: left;
height: 64px;
width: 400px;
margin-top: 60px;
margin-left: -416px;
}
.more_1 ul li .gray {
border: 1px solid #CCCCCC;
padding: 2px;
}
.more_1 ul li img[src*=r_] {
position: relative;
top: 18px;
}
/*用户喜欢模块*/
.looked {
position: relative;
left: 2px;
float: left;
height: 38px;
width: 212px;
margin-top: 24px;
border: 1px solid #CCCCCC;
box-sizing: border-box;
background: #f6f6f6;
}
.histry {
float: left;
font-size: 16px;
font-weight: bold;
margin-left: 20px;
margin-top: 8px;
}
.dea {
float: left;
color: #555555;
font-size: 12px;
line-height: 38px;
margin-right: 10px;
}
.pic_all {
position: relative;
top: 61px;
left: -210px;
float: left;
width: 210px;
height: 1205px;
border: 1px solid #CCCCCC;
border-bottom: transparent;
}
.pic_01 {
float: left;
width: 210px;
height: 240px;
border-bottom: 1px solid #CCCCCC;
}
.pic_01 .pic_01_1 {
width: 180px;
height: 180px;
margin-top: 10px;
}
.pic_01 .pic_01_1 p {
text-align: right;
}
.pic_01 .pic_01_1 a {
margin-left: 74px;
font-weight: 500;
font-size: 18px;
color: #9b2d30;
}
/*商品属性模块*/
.like_all {
position: relative;
top: 20px;
}
.da_p {
float: right;
width: 986px;
height: 275px;
margin-top: -1162px;
}
.dapei_a {
float: left;
height: 38px;
width: calc(100% + 1px);
background: #f6f6f6;
border: 1px solid #CCCCCC;
box-sizing: border-box;
margin-left: -1px;
}
.sigedazi {
width: 110px;
height: 100%;
border-top: 3px solid #ff4e00;
box-sizing: border-box;
background: #fff;
}
.sigedazi a {
margin-left: 30px;
font-size: 13px;
font-family: 微软雅黑;
color: gray;
line-height: 34px;
}
.pic_all_6 {
height: 279px;
width: calc(100% + 1px);
border: 1px solid #CCCCCC;
box-sizing: border-box;
margin-left: -1px;
}
.mohe_1 {
float: left;
height: 241px;
width: 215px;
margin: 0 10px;
}
.mohe_1_1_1 {
float: left;
margin-top: 66px;
height: 20px;
width: 20px;
}
.mohe_1_1 {
float: left;
width: 110px;
height: 110px;
margin-top: 20px;
margin-left: 30px;
}
.mohe_1 p{
float: left;
color: gray;
font-size: 12px;
margin-left: 50px;
margin-top: 30px;
}
.mohe_1 input{
float: left;
margin-top: 60px;
margin-left: -121px;
}
.mohe_1 a{
float: left;
margin-top: 55px;
margin-left: -49px;
color: gray;
font-size: 14px;
}
.mohe_money{
float: left;
height: 160px;
width: 200px;
margin: 0 0 0 20px;
}
.mohe_money img{
float: left;
margin-top: 70px;
}
.mohe_money span{
float: left;
color: #ff3200;
font-size: 12px;
margin: 28px 0 0 28px;
}
.mohe_money input{
float: left;
height:20px ;
width: 50px;
border: 1px solid #CCCCCC ;
outline: 0;
margin-left: -91px;
margin-top: 62px;
}
.mohe_money .zuhe{
float: left;
width: 120px;
height: 35px;
background: #ff3200;
color:#fff;
margin-top: 42px;
margin-left: 29px;
cursor: pointer;
}
.mohe_money .zuhe a{
line-height: 35px;
margin-left: 27px;
font-family: 微软雅黑;
}
.mohe_money .zuhe:hover{
background: #FA7676;
}
/*产品详情模块*/
.shuxing{
float: right;
width: 985px;
height: 240px;
/*background:#f6f6f6 ;*/
border: 1px solid #CCCCCC;
margin-top: -884px;
/* margin-right: 0;*/
}
.shuxing .shu_1{
height: 38px;
width: 100%;
background: #f6f6f6;
border-bottom: 1px solid #CCCCCC;
box-sizing: border-box;
}
.shu_2{
float: left;
width: 110px;
height: 100%;
border-top: 3px solid #ff3200;
background: #fff;
box-sizing: border-box;
}
.shu_2{
float: left;
margin-left: 1px;
}
.shu_1 a{
line-height: 38px;
margin-left: 30px;
font-size: 13px;
color: gray;
}
.shuxing .shu_2 {
line-height: 38px;
font-size: 13px;
color: gray;
}
.weight,.long,.adds{
float: left;
width: 100%;
font-size: 12px;
}
.shu_3{
float: left;
margin-top: 50px;
margin-left: 30px;
}
.weight li,
.long li,
.adds li{
margin-right: 90px;
}
/*详细模块*/
.xaingxi_1{
float: right;
width: 985px;
height: auto;
margin-top: -643px;
border: 1px solid #CCCCCC;
}
.xin_1{
height: 38px;
width: 100%;
background: #f6f6f6;
border-top: 3px solid #ff3200;
border-bottom: 1px solid #CCCCCC;
box-sizing: border-box;
}
.xin_1 a{
font-size: 13px;
color: #ff3200;
line-height: 38px;
margin-left: 20px;
}
.xaingxi_1 img{
float: left;
margin-top: 20px;
margin-left: 114px;
}
/*商品评论模块*/
.tall_1{
float: right;
width: 985px;
height: 665px;
border-top: 3px solid #ff3200;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin-top: 20px;
}
.tall_2{
float: left;
height: 38px;
width: 100%;
/* border-top:3px solid #ff3200 ;*/
background: #f6f6f6;
box-sizing: border-box;
border-bottom: 1px solid #CCCCCC;
}
.tall_2 a{
color: #ff3200;
line-height: 38px;
font-size: 13px;
margin-left: 20px;
}
.tall_3{
float: left;
height: 125px;
width: 925px;
margin: 25px 30px;
border: 1px solid #CCCCCC;
}
.tall_4{
float: left;
width: 100px;
height: 60px;
margin: 30px 40px;
}
.tall_4 h{
font-size: 30px;
color: #ff3200;
}
.tall_4 n{
font-size: 12px;
color: #ff3200;
margin-left: 21px;
}
.tall_5{
float: left;
width: 270px;
height: 20px;
margin-top: 26px;
}
.tall_5_1{
float: right;
height: 12px;
width: 200px;
background: #fff;
border: 1px solid #CCCCCC;
box-sizing: border-box;
border-radius: 10px;
margin-top: 3px;
}
.tall_5 a{
float: left;
font-size: 12px;
color: gray;
margin-left: 4px;
line-height: 20px;
}
.tall_5_1_1{
float: left;
height: 11px;
width: 150px;
transition: width 0.4s;
background: #ff3200;
box-sizing: border-box;
border-radius: 10px;
}
.tall_5_1_1:hover{
width: 200px;
}
.tall_3 .annima{
position: relative;
top: 23px;
left: -270px;
}
.tall_3 .teshuren{
position: relative;
top:-1px;
}
.tall_6{
float: right;
width: 200px;
height: 90px;
border-left:1px solid #CCCCCC ;
border-right:1px solid #CCCCCC ;
margin-top: -33px;
margin-right: 222px;
}
.tall_6 a{
float: right;
font-size: 12px;
color: gray;
margin: 20px 20px;
}
.tall_7{
float: right;
height: 30px;
width: 120px;
border: 1px solid #CCCCCC;
background: #f0f0f0;
border-radius: 2px;
position: relative;
top: -38px;
left: 376px;
cursor: pointer;
}
.tall_7 a{
line-height: 30px;
font-size: 14px;
margin-left: 36px;
color: gray;
}
.tall_3 span{
font-size: 12px;
color: gray;
position: relative;
top: 30px;
right: -34px;
}
.tall_7:hover{
background: rgba(0,0,0,0.2);
}
.tall_1 ul{
float: right;
width: 985px;
height: 85px;
}
.tall_1 ul li{
margin-right: 180px;
margin-left: 40px;
}
.tall_1 ul li a{
float: right;
margin-top: 14px;
}
/*.tall_1 ul li[href*=detail]::after{
content: url(../img/peo1.jpg);
}*/
.tall_1 ul li a img{
position: relative;
top:4px;
}
.tall_1 .double ul li{
position: relative;
top: -318px;
left: 5px;
border-bottom: none;
}
.xian ul li{
float: right;
height: 1px;
width: 100%;
border-bottom: 1px solid #CCCCCC;
margin: 43px;
position: relative;
top: -652px;
left: 43px;
}
.switch li{
border: 1px solid #CCCCCC;
border-radius: 2px;
}
.switch ul .kuan{
width: 38px;
text-align: center;
}
.gaozi{
width: 52px;
text-align: center;
}
.switch ul .none{
border: none;
}
.switch li:hover{
background: #ff3200;
color: white;
}
.switch li a:hover{
color: white;
}
.switch{
float: right;
margin-top: 80px;
margin-bottom: 120px;
position: relative;
top: -144px;
left: -16px;
}
.switch ul li{
padding: 0px;
}
.switch ul li a{
margin: 5px;
}
.style_mm{
background: #ff4e00;
}
登录页样式文件
* {
margin: 0px;
padding: 0px;
}
header .logo1 {
margin-left: 100px;
}
header .box {
display: inline-block;
float: right;
font-size: 14px;
color: gray;
margin-top: 40px;
margin-right: 120px;
}
header .box-logo {
margin-left: 50px;
display: inline-block;
font-size: 14px;
color: black;
line-height: 28px;
border: 1px solid #CECECE;
}
a {
color: #237BD3;
text-decoration: none;
}
a:hover {
color: orangered;
}
header img {
vertical-align: middle;
}
.logo2 {
padding: 3px 4px 3px 5px;
}
.logo3 {
padding: 3px 3px 3px 1px;
width: 20px
}
.article {
height: 650px;
margin-top: 20px;
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
background-color: #FCFCFC;
}
.logo-img {
background: url(../img/loadimg.jpg)no-repeat;
height: 400px;
margin: 80px 0 -100px 100px;
}
.login {
color: gray;
font-size: 12px;
font-family: "small fonts", "微软雅黑";
float: right;
margin-right: 280px;
}
.login h4 {
display: inline-block;
margin-right: 130px;
}
.text {
margin-top: 10px;
vertical-align: middle;
border: 1px solid #BDBDBD;
width: 260px;
height: 45px;
text-indent: 3em;
font-size: 12px;
background-color: #FFFFFF;
display: block;
background: url(../img/userHead.png)12px 10px no-repeat;
}
.password {
margin-top: 20px;
vertical-align: middle;
border: 1px solid #BDBDBD;
width: 260px;
height: 45px;
text-indent: 3em;
font-size: 12px;
background-color: #FFFFFF;
display: block;
background: url(../img/lock.png) 10px 6px no-repeat;
}
.checkbox {
margin-top: 15px;
vertical-align: bottom;
margin-right: 5px;
margin-left: 5px;
}
.a {
color: gray;
margin-left: 135px;
}
.submit {
cursor: pointer;
display: block;
margin-bottom: 10px;
width: 260px;
height: 45px;
border: 1px solid #FF3C3C;
line-height: 45px;
background: #FF3C3C;
margin-top: 15px;
color: white;
border-radius: 3px;
}
.submit:hover {
background: #FA7676;
}
.ad {
font-size: 10px;
color: gray;
}
ul {
list-style: none;
}
.login li {
cursor: pointer;
display: inline-block;
margin: 10px -10px 0 0;
}
.A a {
font-size: 10px;
margin-left: 10px;
color: gray;
vertical-align: 32px;
}
.A img {
vertical-align: -4PX;
}
.A a:hover {
color: red;
}
footer {
text-align: center;
font-size: 12px;
color: gray;
margin-top: 210px;
}
footer p {
margin-bottom: 8px;
}
.uli li:nth-of-type(1) {
width: 50px;
height: 50px;
background: url(../img/l_1.png)no-repeat;
}
.uli li:nth-of-type(2) {
width: 50px;
height: 50px;
background: url(../img/l_2.png)no-repeat;
}
.uli li:nth-of-type(3) {
width: 50px;
height: 50px;
background: url(../img/l_3.png)no-repeat;
}
.uli li:nth-of-type(4) {
width: 50px;
height: 50px;
background: url(../img/l_4.png)no-repeat;
}
.uli li:nth-of-type(1):hover {
width: 50px;
height: 50px;
background: url(../img/l_1_h.png)no-repeat;
}
.uli li:nth-of-type(2):hover {
width: 50px;
height: 50px;
background: url(../img/l_2_h.png)no-repeat;
}
.uli li:nth-of-type(3):hover {
width: 50px;
height: 50px;
background: url(../img/l_3_h.png)no-repeat;
}
.uli li:nth-of-type(4):hover {
width: 50px;
height: 50px;
background: url(../img/l_4_h.png)no-repeat;
/*background: url(../img/l_4_h.png)no-repeat;*/
}
注册页样式文件
* {
margin: 0px;
padding: 0px;
}
input{
outline: 0;
}
header .logo1 {
margin-left: 100px;
}
header .box {
display: inline-block;
float: right;
font-size: 14px;
color: gray;
margin-top: 40px;
margin-right: 120px;
}
header .box-logo {
margin-left: 50px;
display: inline-block;
font-size: 14px;
color: black;
line-height: 28px;
border: 1px solid #CECECE;
}
a {
color: #237BD3;
text-decoration: none;
}
a:hover {
color: orangered;
}
header img {
vertical-align: middle;
}
.all{
width: 100%;
margin-top: 20px;
}
.biaoti{
color:black ;
font-size: 26px;
font-family: "small fonts", "微软雅黑";
font-weight: bold;
text-align: center;
margin-top: 30px;
}
.num form input{
height: 40px;
width: 300px;
margin:8px 40%;
border: 1.5px solid lightgray;
}
.num form:first-child{
margin-top: 20px;
}
#yanzheng{
width: 170px;
}
.num form button{
width: 120px;
height: 41px;
background: #57565F;
border: 1px solid #57565F;
color: white;
padding: 0 3px;
position: relative;
top: -168px;
right: -797px;
border-radius: 2px;
margin-bottom: 0;
}
.xieyi span{
font-size: 12px;
color: gray;
margin-left: 620px;
position: relative;
top: -42px;
}
.tijiao button {
width: 300px;
height: 41px;
background: #FF3C3C;
border: 1px solid #FF3C3C;
color: white;
padding: 0 3px;
position: relative;
top: -30px;
right: -616px;
border-radius: 2px;
}
footer {
text-align: center;
font-size: 11px;
color: gray;
margin-top: -20px;
}
footer p {
margin-bottom: 8px;
}
button:hover {
background: #FA7676;
}
.yinying{
margin: 20px auto;
width: 1500px;
height: 20px;
box-shadow: inset 0 9px 9px rgba(0,0,0,0.1);
}
#######c语言acm试题描述键盘输入两个小数，要求输出这两个小数，并输出他们的和。 输入 键盘输入两个小数 输出 输出有两个，第一行为两个小数本身，以空格隔开，第二行为这两个小数的和，要求保留6位小数。说明：建议采用printf()函数输出。 样例输入 2.5 3.6样例输出2.500000 3.600000 6.100000...
a linux trace/probe tool.官网：https://sourceware.org/systemtap/ 探测点 SystemTap脚本主要是由探测点和探测点处理函数组成的，来看下都有哪些探测点可用。The essential idea behind a systemtap script is to name events, and t_systemtap探测锁
1.无法控制自己不去想代码 如果你的大脑已经开始在各种错误的时间错误的地方，不由自主地插播代码，那么说明，你的编码时间真心太久了。 “做梦梦见敲代码。”Joachim van de ...
信息计算科学论文编号:XXLW063论文字数:10986,页数:25目 录中文摘要i英文摘要ii目录iii第一章 绪论 11.1 简述信息论11.2 信息率失真函数的研究意义21.3 信息率失真函数的研究背景3第二章 简述数学软件MATLAB42.1 MATLAB的功能42.2 MATLAB的应用5第三章 离散信源的信息率失真函数63.1..._在保真度准则条件下信息率失真函数 matlab 最小值信息率失真函数
我们知道,Oracle在安装完毕后,默认的listener.ora,tnsnames.ora中配置的Host为localhost;当服务器安装了Oracle,我们本地客户端需要远程连接到服务器的Oracle,发现无法连接,提示错误;按照以下步骤进行处理:1) 服务器,打开cmd,输入hostname回车,获得服务器的机器名(当然此处获取服务器的IP地址也可)2) 服务器,替换ora..._oracle listener.ora use_sid_as_service
ffmpeg 5.0 spec文件，制作rpm包_%ifarch
曾国藩，这位晚清的四大名臣之首，应该不需要过多介绍。他创立湘军，平定太平天国、也是洋务运动发起人，同时是著名的战略家、理学家、文学家。我一直一来就对曾国藩很好奇，这样一个神一般的人物，到底是怎么成长起来的？我最不喜欢研究就是什么从小天资聪慧，什么几岁就知道天文地理的神童经历，因为那跟我没啥关系啊，我又没有这么高的智商，这类大神的经历看了也白看。但是我发现曾国藩不同，他可是考秀才，连..._曾国藩程序员
maven将自己定位为一个项目管理工具。它负责管理项目开发过程中的几乎所有的东西：版本 maven有自己的版本定义和规则构建 maven支持许多种的应用程序类型，对于每一种支持的应用程序类型都定义好了一组构建规则和工具集。输出物管理 maven可以管理项目构建的产物，并将其加入到用户库中。这个功能可以用于项目组和其他部门之间的交付行为。依赖关系 maven对依赖关系的特性进行细致的分析和划分，避免开_父定义中的属性被禁止
题目链接:click here~题目解析：_char chess[10][10] int sign[10] int n k ans
环境：win7node v8.11.1npm v5.6.0背景：最近vue项目使用sass，所以需要sass-loader，sass-loader依赖node-sass，还需安装node-sass，但是安装node-sass又太慢了。解决：切换国内镜像$ npm install -g mirror-config-china --registry=http://registry.npm.taobao...
├ 01.汽车门窗总成支架工艺排样讲解├ 02.汽车前机舱总成支架工艺排样├ 03.UG钣金面处理01├ 04.UG钣金面处理02├ 05.UG钣金面处理03├ 06.UG钣金面处理04├ 07.UG钣金面处理05├ 08.UG钣金面处理06├ 09.UG钣金面处理07├ 10.UG钣金面处理08├ 11.UG钣金面处理09├ 12.UG钣金面处理10├ 13.UG工艺设计讲解01├ 14.UG工艺设计讲解02├ 15.UG工艺设计讲解03├ 16.UG工艺设计讲解04├ 1
五、MFC对多线程编程的支持 MFC中有两类线程，分别称之为工作者线程和用户界面线程。二者的主要区别在于工作者线程没有消息循环，而用户界面线程有自己的消息队列和消息循环。 工作者线程没有消息机制，通常用来执行后台计算和维护任务，如冗长的计算过程，打印机的后台打印等。用户界面线程一般用于处理独立于其他线程执行之外的用户输入，响应用户及系统所产生的事件和消息等。但对于Win32的API编程而言..._mfc中overrides