body{ background: #ebebeb; } .header{ width: 100%; height: 80/100rem; background: #f12f46; } .header p{ font-size: 30/100rem; color: #fff; text-align: center; line-height: 80/100rem; } .nav{ width: 100%; height: 60/100rem; border-bottom: 1px solid #ececec; background: #fff; } .nav div{ width: 33.333%; float: left; } .nav div p{ font-family: "微软雅黑"; font-size: 22/100rem; color: #909090; text-align: center; line-height: 60/100rem; } .nav .on p{ color: #e5122b; } .guanzhu1,.shangxin1,.haohuo1{ background: #fff; margin-top: 10/100rem; } .guanzhu1 .gz_dpmc{ padding-top: 17/100rem; margin-left: 20/100rem; } .guanzhu1 .gz_dpmc img{ width: 100/100rem; height: 100/100rem; float: left; } .guanzhu1 .gz_dpmc .gz_p1{ font-family: "微软雅黑"; font-size: 28/100rem; font-weight: 900; color: #000000; } .guanzhu1 .gz_dpmc .gz_p2{ font-family: "微软雅黑"; font-size: 22/100rem; color: #909090; } .guanzhu1 .gz_dpmc .gz_p1 , .gz_p2{ margin-left: 110/100rem; } .guanzhu1 .gz_nr{ width: 575/100rem; height: 130/100rem; margin-left: 20/100rem; overflow: hidden; } .guanzhu1 .gz_nr p{ font-family: "微软雅黑"; font-size: 24/100rem; color: #525252; } .zan{ margin-left: 20/100rem; margin-top: 45/100rem; } .zan .eye{ width: 30/100rem; height: 30/100rem; float: left; } .zan .eye_p{ font-family: "微软雅黑"; font-size: 20/100rem; color: #909090; margin-left: 5/100rem; float: left; } .zan .damuzhi{ width: 67/100rem; height: 32/100rem; border: 1px solid #ec5261; border-radius: 10px 10px 10px 10px; float: right; margin-right: 34/100rem; margin-bottom: 10/100rem; } .zan .damuzhi img{ width: 30/100rem; height: 30/100rem; margin-left: 10/100rem; float: left; } .zan .damuzhi p{ font-family: "微软雅黑"; font-size: 20/100rem; color: #ea4051; float: left; margin-left: 5/100rem; } .shangxin1 .sx_dpmc{ padding-top: 17/100rem; margin-left: 20/100rem; } .shangxin1 .sx_dpmc img{ width: 100/100rem; height: 100/100rem; float: left; } .shangxin1 .sx_dpmc .sx_p1{ font-family: "微软雅黑"; font-size: 28/100rem; font-weight: 900; color: #000000; } .shangxin1 .sx_dpmc .sx_p2{ font-family: "微软雅黑"; font-size: 22/100rem; color: #909090; } .shangxin1 .sx_dpmc .sx_p1 , .sx_p2{ margin-left: 110/100rem; } .shangxin1 .sx_sp{ width: 605/100rem; margin-top: 40/100rem; margin-left: 20/100rem; } .shangxin1 .sx_spnr{ width: 200/100rem; height: 200/100rem; background: #000000; margin-right: 1/100rem; margin-top: 2/100rem; float: left; } //.shangxin1 .sx_spnr img{ // width: 200/100rem; // height: 200/100rem; //} //.banner { // height: 258/100rem; // position: relative; // overflow: hidden; //} // //.banner .list { // transition: .3s ease-in-out; // width: 500%; //} // //.banner .list li { // float: left; // width: 20%; //} // //.banner .list a { // height: 195/40rem; // display: block; //} // //.banner .list img { // width: 100%; // height: 100%; //} // //.banner img { // width: 640/100rem; // height: 258/64rem; //} // //.banner .btn { // position: absolute; // left: 50%; // bottom: 8/100rem; // transform: translateX(-50%); //} // //.banner .btn li { // float: left; // width: 12/100rem; // height: 12/100rem; // border-radius: 50%; // background: rgba(255, 255, 255, 0.3); // margin: 0 4/100rem; //} // //.banner .btn .on { // background: #E8503E; //}