|
- .tic_content{
- width: 10.0rem;
- margin: 0 auto;
- background-color:#f0f0f0;
- }
- .top_banner{
- position: relative;
- width: 10.0rem;
- height: 4.6875rem;
- }
- .tb{
- width: 10.0rem;
- height: 4.6875rem;
- }
- .tbname{
- position: absolute;
- height: 0.9375rem;
- line-height: 0.9375rem;
- width: 9.53125rem;
- bottom: 0;
- left: 0;
- background:rgba(0,0,0,0.8);
- font-size: 0.34375rem;
- color: #fff;
- padding-left: 0.46875rem;
- }
- .productreserve,.productdetails{
- width: 9.9475rem;
- margin-top: 0.15625rem;
- border: 0.03125rem solid #dfdfdf;
- background:#fff;
- }
- .productdetails{
- margin-bottom: 0.515625rem;
- }
- .prheader,.pdheader{
- height: 0.921875rem;
- width: 9.5rem;
- border-bottom: 0.03125rem solid #efefef;
- overflow: hidden;
- padding-left: 0.4375rem;
- }
- .prhname,.pdhname{
- float: left;
- width: 7.203125rem;
- width: 6.6875rem;
- height: 0.921875rem;
- line-height: 0.921875rem;
- font-size: 0.390625rem;
- padding-left: 0.515625rem;
- background-image: url(../images/prdicon.png);
- background-size: 0.34375rem 0.40625rem;
- background-position: 0rem 0.27125rem;
- background-repeat: no-repeat;
- color: #4a4a4a;
- }
- .pdhname{
- background-image: url(../images/iconx.png);
- }
- .prhprocess{
- float: left;
- width: 1.765625rem;
- height: 0.921875rem;
- line-height: 0.921875rem;
- font-size: 0.3125rem;
- padding-left: 0.53125rem;
- background-image: url(../images/resever.png);
- background-size: 0.375rem 0.375rem;
- background-position: 0rem 0.27125rem;
- background-repeat: no-repeat;
- color: #999;
- }
- .productone{
- margin-left:0.34375rem;
- margin-right:0.34375rem;
- overflow: hidden;
- border-bottom: 0.03125rem dashed #e9e7e7;
- }
- .productone:nth-last-of-type(1){
- border: none;
- }
- .prhnamea{
- margin-left: 0.078125rem;
- font-size: 0.375rem;
- color: #6e6e6e;
- /* margin-top: 0.421875rem;
- height: 0.671875rem;*/
- height: 1.84375rem;
- line-height: 1.84375rem;
- }
- .prhnameb{
- font-size: 0.375rem;
- color: #999;
- float: left;
- }
- .plx{
- margin-left: 0.078125rem;
- overflow: hidden;
- }
- .plx img{
- float: left;
- width: 0.3125rem;
- height: 0.1875rem;
- margin-top: 0.15625rem;
- margin-left: 0.15625rem;
- }
- .productoneleft{
- float: left;
- width: 5.075rem;
- }
- .productoneright{
- float: left;
- overflow: hidden;
- height: 1.84375rem;
- width: 4.096875rem;
- }
- .productoneright span{
- float: right;
- }
- /*.productoneright span:nth-of-type(1){
- margin-top: 0.859375rem;
- font-size: 0.28125rem;
- color: #ff8800;
- margin-left: 0.109375rem;
- }*/
- .productoneright span:nth-of-type(2){
- /*margin-top: 0.71875rem;*/
- height: 1.84375rem;
- line-height: 1.84375rem;
- font-size: 0.421875rem;
- font-weight: 600;
- color: #ff8800;
- /* width: 1.1rem;*/
-
- }
- .productoneright span:nth-of-type(1){
- width: 2.1875rem;
- height: 0.9375rem;
- border-radius:0.09375rem;
- background: #ff8800;
- color: #000;
- font-size:0.5rem;
- color: #fff;
- text-align: center;
- line-height: 0.9375rem;
- margin-top: 0.46875rem;
- margin-left: 0.4rem;
- }
- .pddone{
- width: 9.09375rem;
- margin:0 auto;
- margin-top: 0.546875rem;
- font-size: 0.34375rem;
- color: #6e6e6e;
- }
- .pddone img{
- margin-top: 0.328125rem;
- width: 9.0625rem;
- height: 5.0rem;
- }
- #pddbutton{
- margin: 0 auto;
- margin-top: 0.59375rem;
- width: 1.975rem;
- overflow: hidden;
- height: 0.9375rem;
- }
- #pddbutton span{
- float: left;
- font-size: 0.375rem;
- color:#6e6e6e;
- }
- #pddbutton img{
- width: 0.25rem;
- height: 0.3125rem;
- float: left;
- margin-top: 0.09375rem;
- margin-left: 0.109375rem;
- }
- .rtkfheader img{
- width: 0.78125rem;
- height: 0.78125rem;
- margin:0 auto;
- margin-bottom: 0.15625rem;
- }
- .col-4{
- text-align: center;
- height: 2.171875rem;
- }
- .col-4 div{
- font-size: 0.3125rem;
- color: #6e6e6e;
- }
- .footerbanner{
- width: 9.2rem;
- margin:0 auto;
- height: 1.28125rem;
- }
- .line{
- float: left;
- width: 2.84375rem;
- height: 0.390625rem;
- border-bottom: 0.03125rem solid #ccc;
- }
- .line:nth-of-type(2){
- margin-left: 0.609375rem;
- }
- .footerbanner img{
- float: left;
- margin-left: 0.609375rem;
- width: 2.21875rem;
- height: 0.8125rem;
- }
- body{
- position: relative;
- }
- #detailsone{
- position: absolute;
- top: 0.0rem;
- left: 0rem;
- background: rgba(0,0,0,0.8);
- width: 100%;
- display: none;
- }
- .dscontent{
- position: relative;
- width: 10rem;
- margin:0 auto;
- }
- #x{
- font-size: 0.5625rem;
- color: red;
- font-weight: 600;
- position: absolute;
- right: 0.3125rem;
- top: 0.15625rem;
- }
- #detailcontent{
- position: absolute;
- top:0.625rem;
- width:9.9475rem;
- left:0.46875rem;
- color: #fff;
- font-size: 0.5625rem;
- }
|