Origtek_Noe/官網改版文章匯集/寫稿區/產品類/智能倉儲管理系統-WMS/productDetails.css

.proDetails{
    height: 100%;
    overflow-x: hidden;
}
.proDetails-content{
    max-width: 1200px;
    width: 1200px;
    height: 100%;
    margin:auto;
    position: relative;
    left:0;
    top:72px;
    /*background-color:#fff;*/
    /*border:1px solid red;  */
}
.proDetails-content .proDetails-sideMenu{
    width: 190px;
    height: 200px;
    float: left;
    text-align: center;
    padding: 0;
    position: fixed;
    top: 100px;
    left: 63px;
    margin-right: 0;
    margin-left: 0;
    /*border: 1px solid blue;*/
}
.proDetails-sideMenu .pdsm{
    width: 100%;
    text-align: left;
    border: 0;
    outline: none;
}
.proDetails-content .proDetails-sideMenu #myTab>li{
    float:none;
    margin-bottom: 16px;
}
.proDetails-sideMenu .pdsm>li a{
    width: 100%;
    height: 46px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-radius: 100px;
    padding: 4px;
    background-color:#eee;
    box-shadow: 3px 3px 3px #979b9d;
}
.proDetails-sideMenu .pdsm li:hover a{
    color:aqua;
    background: #fff;
}
.proDetails-sideMenu .pdsm>li.active a{
    color: #1fa4f8;
    background: #f7f7f7;    
}
.proDetails-sideMenu .pdsm>li>a:hover,
.proDetails-sideMenu .pdsm>li>a:focus,
.nav-tabs>li>a,.nav-tabs>li.active>a{
    border:0;
    outline:none;
}
.proDetails-con{
    position: relative;
    left:0;
    right:0;
    width: 84%;
    /*height: 3000px;*/
    float: right;
    background: #f7f7f7;
}
/*WebEP start*/
.WebEp-ldts{
    height: 480px;
    width: 100%;
    background-color: #f3f3f3;
    /*border: 1px solid blue;*/
    position: relative;
    top: 0;
    left: 0;
}
.WebEp-ldts .ldtsImg{
    height: 360px;
    width: 380px;
    margin:auto;
    border: 1px solid green;
}
.WebEp-ldts img{
    height: 360px;
    width: 380px;
    position: absolute;
    top: 10%;
    left: 32%;
}
.WebEp-ldts .ldts{
    position: absolute;
    top: 36%;
    left: 48%;
    font-size: 32px;
    z-index: 111;
    font-weight: bold;
}
.WebEp-ldts .ldts p:first-child{
    color: #f7a601;
}
.WebEp-ldts .ldts p:last-child{
    color: #ef7504;
}
.WebEp-ldts .ldts-ts{
    width: 438px;
    height: 104px;
    position: relative;
    z-index: 111;   
}
.WebEp-ldts .ldts-ts:hover p{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.WebEp-ldts .ldts-d1{
    top: 13%;
    left: 8%;
}
.WebEp-ldts .ldts-d2{
    top: -9%;
    left: 52%;
}
.WebEp-ldts .ldts-d3{
    top: -32px;
    left: 18px;
}
.WebEp-ldts .ldts-d4{
    top: -132px;
    left: 58%;
}
.WebEp-ldts .ldts-d5{
    top: -27%;
    left: 8%;
}
.WebEp-ldts .ldts-d6{
    top: -49%;
    left: 52%;
}
.WebEp-ldts .ldts-ts .p1{
    height: 100%;
    width: 294px;
    text-align:justify;
    position: absolute;
    font-size: 14px;
    color: #474747;
}
.WebEp-ldts .ldts-ts .p2{
    /*height: 100%;*/
    width: 90px;
    position: absolute;
    font-size: 22px;
    color: #fff;
    text-align: center;
}
.WebEp-ldts .ldts-d1 .ldts-d1-p1{
    top: 14px;
    left: 4px;
}
.WebEp-ldts .ldts-d1 .ldts-d1-p2{
    top: 18px;
    right: 15px;
}
.WebEp-ldts .ldts-d2 .ldts-d2-p1{
    top: 14px;
    right: 6px;
}
.WebEp-ldts .ldts-d2>.ldts-d2-p2{   
    top: 34px;
    left: 12px;
}
.WebEp-ldts .ldts-d3 .ldts-d3-p1{
    top: 5px;
    left: 4px;
}
.WebEp-ldts .ldts-d3 .ldts-d3-p2{
    top: 6px;
    right: 12px;
}
.WebEp-ldts .ldts-d4 .ldts-d4-p1{
    top: 4px;
    right: 20px;
}
.WebEp-ldts .ldts-d4 .ldts-d4-p2{   
    top: 6px;
    left: 12px;
}
.WebEp-ldts .ldts-d5 .ldts-d5-p1{
    top: 15px;
    left: 76px;
}
.WebEp-ldts .ldts-d5 .ldts-d5-p2{
    top: 6px;
    right: 12px;
}
.WebEp-ldts .ldts-d6 .ldts-d6-p1{
    top: 4px;
    right: 4px;
}
.WebEp-ldts .ldts-d6 .ldts-d6-p2{   
    top: 6px;
    left: 12px;
}
.WebEp-gnjg{
    width: 100%;
    height: 600px;
    position: relative;
    top:0;
    left:0;
    background-color: #b4b7b9;
    border-top:8px solid #fff;
}
.WebEp-gnjg .epImg{
    width: 884px;
    height: 276px;
    position: absolute;
    top: 25%;
    left: 6%;
}
.gnjg-header{
    font-size: 26px;
    color: #fff;
    background-color: #df3f9d;
    width: 32%;
    text-align: center;
    border: 3px solid #e2a1c8;
    border-radius: 8px;
    position: absolute;
    top: 14%;
    left: 34%;
}
.epLine1{
    height: 20px;
    border: 1px solid #eeefef;
    position: absolute;
    top: 22%;
    left: 50%;
}
.epLline2{
    width: 76.3%;
    border: 1px solid #eeefef;
    position: absolute;
    top: 25%;
    left: 11.3%;
    border-radius: 10px;
}
.WebEp-gnjg .gnjgModule{
    width: 116px;
    height: 246px; 
    position: absolute;
    top: 30%;   
    font-size: 14px;
    z-index: 111;
    /*border: 1px solid blue;*/
}
.WebEp-gnjg .gnjgBasic{ 
    left: 6%;
}
.WebEp-gnjg .gnjgForecast{
    left: 19%;   
}
.WebEp-gnjg .gnjgOrder{
    left: 32%;   
}
.WebEp-gnjg .gnjgDelivery{
    right: 44%;   
}
.WebEp-gnjg .gnjgTracking{
    right: 31%;  
}
.WebEp-gnjg .gnjgReport{
    right: 19%;   
}
.WebEp-gnjg .gnjgAdmin{
    right: 6%;   
}
.gnjgModuleP{
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.gnjgModuleD{
    width: 90%;
    height: 142px;
    margin: 36px 0 0 6px;
}
.WebEp-benefits{
    width: 100%;
    height: 550px;
    position: relative;
    top:0;
    left:0;
    background-color: #f3f3f3;
    border-top:8px solid #fff;
}
.benefits-con{
    width: 58%;
    height: 100%;
    margin: auto;
}
.benefits-con .benefits-header{
    width: 90%;
    height: 36px;
    line-height: 36px;
    margin: 30px auto;
}
.benefits-con .benefits-header img{
    width: 16px;
    height: 17px;
}
.benefits-con .benefits-header .benefits-headerP1{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-left: 8px;
}
.benefits-con .benefits-header .ep1{
     color: #1479a1;   
}
.benefits-con .benefits-header .benefits-headerP2{
    width: 303px;
    height: 7px;
    display: inline-block;
    margin-left: 20px;
}
.benefits-con .benefits-header .ep2{
    background-color: #1479a1;  
}
.benefits-con .benefitsCon1{
    width: 84%;
    height: 144px;
    margin: auto;
}
.benefits-con .benefitsCon1>div{
    width: 49%;
    height: 100%;
    text-align: center;
}
.benefits-con .benefitsCon1 .bf1 img{
    width: 80px;
    height: 85px;
}
.benefits-con .benefitsCon1 .bf2 img{
    width: 74px;
    height: 74px;
    margin-top: 11px;
}
.benefits-con .benefitsCon1 .bf3 img{
    width: 76px;
    height: 76px;
    margin-top: 11px;
}
.benefits-con .benefitsCon1 .bf4 img{
    width: 125px;
    height: 65px;
    margin-top: 22px;
}
.benefits-con .benefitsCon1 .bf5 img{
    width: 70px;
    height: 69px;
    margin-top: 11px;
}
.benefits-con .benefitsCon1 .bf6 img{
    width: 77px;
    height: 77px;
    margin-top: 5px;
}
.benefits-con .benefitsCon1>div p{
    font-size: 14px;
    color: #666;
    margin-top: 12px;
}
.WebEp-cgal{
    width: 100%;
    height: 400px;
    background-color:#bec1c2;
    border-top: 8px solid #fff;
}
.WebEp-cgal .cgal-d1{
    width: 294px;
    height: 50px;
    text-align: center;
    background-color: #1ab2c3;
    font-size: 32px;
    color: #fff;
    border: 3px solid #93d2d9;
    border-radius: 10px;
    margin: 40px auto;
}
.WebEp-cgal .cgalCom{
    width: 700px;
    height: 210px;
    margin: 20px auto;
}
.cgalCom .cgalContainer{
    width: 100%;
    height: 50%;
}
.cgalCom .cgalContainer>li{
    float:left; 
}
.cgalCom .cgalContainer li{
    width: 232px;
    height: 104px;
    background-color:#fff;
    text-align: center;
    position: relative;
    top:0;
    left:0;
    border-bottom: 2px dotted #ccc;
    border-right: 2px dotted #ccc;
}
.cgalCom ul:first-child li{
    border-bottom: 2px dotted #ccc;
    border-right: 2px dotted #ccc;
}
.cgalCom ul:first-child li:last-child,
.cgalCom ul:last-child li:last-child{
    border-right:none;
}
.cgalCom ul:last-child li{
    border-bottom:none;
}
.cgalCom .cgalContainer li a{
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 104px;
}

/*WebEP end*/
/*WebBID start*/
.WebEp-ldts .ldts-ts .p3{
    width: 111px;
}
.WebEp-ldts .ldts-d2 .p3{
    top: 22px;
    left: 5px;
}
.WebEp-ldts .ldts-d5 .ldts-d5-bidp1{
    top: 0;
    left: 0;
}
.WebEp-ldts .ldtsBid{
    position: absolute;
    top: 36%;
    left: 48%;
    font-size: 32px;
    z-index: 111;
    font-weight: bold;
}
.WebEp-ldts .ldtsBid p:first-child{
    color: #615cf3;
}
.WebEp-ldts .ldtsBid p:last-child{
    color: #6388f0;
}
.gnjg-bidHeader{
    font-size: 26px;
    color: #fff;
    background-color: #fa2a3d;
    width: 440px;
    text-align: center;
    border: 3px solid #dcaf52;
    border-radius: 8px;
    position: absolute;
    top: 14%;
    left: 27%;
}
.WebEp-ldts .ldts-ts:hover p:last-child{
    color:red;
}
.WebEp-ldts .ldts-ts:hover p:first-child{
    z-index: 111;
    font-size:16px;
}
.WebEp-gnjg .bidImg{
    width: 723px;
    height: 378px;
    position: absolute;
    top: 25%;
    left: 14.1%;
}
.epLline3{
    width: 59.3%;
    border: 1px solid #eeefef;
    position: absolute;
    top: 25%;
    left: 20.5%;
    border-radius: 10px;
}
.WebEp-gnjg .bidGnjgModule {
    width: 130px;
    height: 352px;
    position: absolute;
    top: 30%;
    font-size: 14px;
    z-index: 111;
    /*border: 1px solid blue;*/
}
.WebEp-gnjg .gnjgBidData{
    left:15%;
}
.WebEp-gnjg .gnjgZtb{
    left:30%;
}
.WebEp-gnjg .gnjgJb{
    right:43%;
}
.WebEp-gnjg .gnjgJj{
    right:28%;
}
.WebEp-gnjg .gnjgBb{
    right:14%;
}
.bidModuleP {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 18px;
}
.benefits-con .benefits-header .bp1{
    color: #b19d0a;  
}
.benefits-con .benefits-header .bp2{
    background-color: #b19d0a;  
}
.benefitsCon1 .bid-bf1 img {
    width: 66px;
    height: 90px;
    margin-top: 11px;
}
.benefitsCon1 .bid-bf2 img {
    width: 91px;
    height: 90px;
    margin-top: 11px;
}
.benefitsCon1 .bid-bf3 img {
    width: 130px;
    height: 90px;
    margin-top: 11px;
}
.benefitsCon1 .bid-bf4 img {
    width: 80px;
    height: 90px;
    margin-top: 11px;
}
.benefitsCon1 .bid-bf5 img {
    width: 64px;
    height: 108px;
    margin-top: 11px;
}
.benefitsCon1 .bid-bf6 img {
    width: 114px;
    height: 108px;
    margin-top: 11px;
}
.WebEp-cgal .cgalBid-d1 {
    width: 294px;
    height: 50px;
    text-align: center;
    background-color: #c04786;
    font-size: 32px;
    color: #fff;
    border: 3px solid #d77ba2;
    border-radius: 10px;
    margin: 40px auto;
}
.WebBID-ztblc{
    width: 100%;
    height: 300px;
    background-color: #f3f3f3;
    border-top: 8px solid #fff;
}
.WebBID-ztblc .ztblc-d1{
    background-color: #eb1d67;
    width: 366px;
    height: 44px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin: 40px auto;
    border-radius: 8px;
    border: 3px solid #fabbd5;
}
.WebBID-ztblc .ztblc-d2{
    width: 700px;
    height: 150px;
    margin: auto;
}
.WebBID-ztblc .ztblc-d2 div{
    width: 33%;
    position: relative;
    top: 0;
    left: 0;
}
.WebBID-ztblc .ztblc-d2 div img{
    width: 170px;
    height: 85px;
}
.WebBID-ztblc .ztblc-d2 div p{
    position: absolute; 
    top: 36%; 
    color: #ffF;
    font-size: 18px; 
}
.WebBID-ztblc .ztblc-d2 .ztblc-p1 p{
    left: 16%;
}
.WebBID-ztblc .ztblc-d2 .ztblc-p2 p,
.WebBID-ztblc .ztblc-d2 .ztblc-p3 p{
    left:26%;
}
.WebWMS-wcs {
    width: 100%;
    height: 500px;
    background-color: #f3f3f3;
    border-top:8px solid #fff;
}
.WebWMS-wcs div{
    width: 650px;
    height: 100%;
    margin:auto;
}
.WebWMS-wcs div img{
    width: 600px;
    margin-top:40px;
}
.benefits-con .benefits-header .wmsp1 {
    color: #00a0e9;
}
.benefits-con .benefits-header .wmsp2{
    background-color:#00a0e9;
}
.WebEp-ldts .ldts-d1 .wmsSix-p1{
    top: 15%;
    left: 72%;
}
.WebEp-ldts .ldts-d2 .wmsSix-p2{
    top: 15%;
    left: 2%;
}
.WebEp-ldts .ldts-d3 .wmsSix-p3{
    top: 30%;
    right: 9%;
}
.WebEp-ldts .ldts-d4 .wmsSix-p4{
    top: 26%;
    left: 4%;
}
.WebEp-ldts .ldts-d5 .wmsSix-p5{
    top: 44%;
    right: 8%;
}
.WebEp-ldts .ldts-d6 .wmsSix-p6{
    top: 46%;
    left: 2%;
}
.WebEp-ldts .ldtsWms {
    position: absolute;
    top: 36%;
    left: 47%;
    font-size: 32px;
    z-index: 111;
    font-weight: bold;
}
.WebEp-ldts .ldtsWms p:first-child {
    color: #f8b101;
}
.WebEp-ldts .ldtsWms p:last-child {
    color: #ee7104;
}
.WebEp-gnjg .wmsImg {
    width: 616px;
    height: 266px;
    position: absolute;
    top: 25%;
    left: 20.1%;
}
.wmsLine1 {
    height: 20px;
    border: 1px solid #eeefef;
    position: absolute;
    top: 22%;
    left: 50.4%;
}
.wmsLline3 {
    width: 50.4%;
    border: 1px solid #eeefef;
    position: absolute;
    top: 25%;
    left: 25.3%;
    border-radius: 10px;
}
.WebEp-gnjg .wmsGnjgModule {
    width: 108px;
    height: 240px;
    position: absolute;
    top: 30%;
    font-size: 14px;
    z-index: 111;
}
.WebEp-gnjg .gnjgwmsData {
    left: 20.4%;
}
.WebEp-gnjg .gnjgrkgl {
    left: 33%;
}
.WebEp-gnjg .gnjgchuhuo {
    left: 45.4%;
}
.WebEp-gnjg .gnjgchgl {
    right: 31.4%;
}
.WebEp-gnjg .gnjgzzfw {
    right: 19.2%;
}
.gnjgModuleWms {
    width: 90%;
    height: 142px;
    margin: 44px 0 0 20px;
}
.WebWms-cgal .cgalWms-d1 {
    width: 294px;
    height: 50px;
    text-align: center;
    background-color: #f18d00;
    font-size: 32px;
    color: #fff;
    border: 3px solid #e2c369;
    border-radius: 10px;
    margin: 40px auto;
}
.WebEp-gnjg .gnjg-wmsfoot{
    width: 600px;
    height: 55px;
    line-height: 55px;
    font-size: 22px;
    color: #fff;
    position: absolute;
    bottom: 16%;
    left: 22%;
}
.WebEp-gnjg .gnjg-wmsfoot .wmsfoot-s1{
    background-color: #ffc524;
    padding: 6px 50px;
    border: 3px solid #ffe18d;
    border-radius: 10px;
    margin-right: 12px;
}
.WebEp-gnjg .gnjg-wmsfoot .wmsfoot-s2{
    background-color: #2aa19d;
    padding: 6px 34px;
    border: 3px solid #7fd5d3;
    border-radius: 10px;
    margin-right: 12px;
}
.WebEp-gnjg .gnjg-wmsfoot .wmsfoot-s3{
    background-color: #8cb202;
    padding: 6px 48px;
    border: 3px solid #b5d055;
    border-radius: 10px;
}   
.WebWms-cgal {
    width: 100%;
    height: 600px;
    background-color: #bec1c2;
    border-top: 8px solid #fff;
}
.WebWms-cgal .wms-footer{
    width: 800px;
    height: 450px;
    margin: auto;
}
.WebWms-cgal .wms-footer ul{
    float:left;
    margin: 0 9px;
}
.WebWms-cgal .wms-footer .xf-cus{
    width: 140px;
    height: 440px;
}
.WebWms-cgal .wms-footer ul li:first-child{
    height: 35px;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 6px;
}
.WebWms-cgal .wms-footer ul li:not(:first-child){
    width: 100%;
    height: 100px;  
    border-bottom: 2px dashed #adc768; 
    background-color: #fff;
    position: relative;
    top:0;
    left:0;
}
.WebWms-cgal .wms-footer ul li:last-child{
    border:0;
}
.WebWms-cgal .wms-footer ul li:not(:first-child) a{
    width: 100%;
    height: 100%;
    line-height: 100px;
    text-align:center;
    display: inline-block;
}

.xf-cus .cus-xf{
    background-color: #8cb202;
    border: 3px solid #b5d055;   
}
.xf-cus .cus-kx{
    background-color: #01afef;
    border: 3px solid #6ed2f6;   
}
.xf-cus .cus-qc{
    background-color: #ffc524;
    border: 3px solid #ffe18d;   
}
.xf-cus .cus-dz{
    background-color: #2aa19d;
    border: 3px solid #96ebe8;   
}
.xf-cus .cus-other{
    background-color: #7030a0;
    border: 3px solid #c397e3;   
}
.xf-cus-xf li:nth-child(2) a img{
    width: 105px;
    height: 38px;
}
.xf-cus-xf li:last-child a img{
    width: 86px;
    height: 50px;
}
.xf-cus-kx li:nth-child(2) a img{
    width: 86px;
    height: 43px;
}
.xf-cus-kx li:last-child a img{
    width: 108px;
    height: 40px;
}
.xf-cus-qc li:nth-child(2) a img{
    width: 89px;
    height: 40px;
}
.xf-cus-qc li:nth-child(3) a img{
    width: 100px;
    height: 40px;
}
.xf-cus-qc li:last-child a img{
    width: 100px;
    height: 33px;
}
.xf-cus-dz li:nth-child(2) a img{
    width: 100px;
    height: 36px;
}
.xf-cus-dz li:nth-child(3) a img{
    width: 100px;
    height: 34px;
}
.xf-cus-dz li:last-child a img{
    width: 110px;
    height: 32px;
}
.xf-cus-other li:nth-child(2) a img{
    width: 70px;
    height: 60px;
}
.xf-cus-other li:nth-child(3) a img{
    width: 110px;
    height: 34px;
}
.xf-cus-other li:last-child a img{
    width: 120px;
    height: 50px;
    vertical-align: -32px;
}
.ppjj-hide{
    width: 150px;
    height: 240px;
    /*border: 1px solid red;*/
    padding: 2px;
    background-color: #fff;
    position: absolute;
    top:76px;
    left:-5px;
    z-index: 1111;
    display: none;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; 
}
.ppjj-hide p{
    font-size: 14px;
    color: #8d8d8d;
    text-align: justify;
    text-indent: 26px;
}
.cgal-hide{
    width: 230px;
    height: 130px;
    /*border: 1px solid red;*/
    padding: 2px;
    background-color: #fff;
    position: absolute;
    top:76px;
    left:0;
    z-index: 1111;
    display: none;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; 
}
.cgal-hide p{
    font-size: 14px;
    color: #8d8d8d;
    text-align: justify;
    text-indent: 26px;
}
.WebWms-cgal .wms-footer ul li:not(:first-child):hover .ppjj-hide,
.cgalCom .cgalContainer .EpConHide:hover .cgal-hide{
    display: block;
}
/*WebBID end*/