/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@font-face { font-family: 'xy'; /*字体名称*/ src: url('/upload/font/HelveticaInseratLTStd-Roman.otf') format('opentype'); /*字体源文件*/ } /* 装饰器 */ .p_QRCode{ display:none; } .title_main{ display:inline-block; vertical-align:middle; line-height:40px; color:#1a3f7b; font-weight:normal; font-size:18px; max-width:600px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .stylebox_top{ background-color:#fff !important; height:51px; } .stylebox_title{ background-color:#fff !important; } .stylebox_content{ border-style:solid; border-width:0px; border-color:#f0f0f0; width:100%; } /* 面包屑 */ .e_FlowCommonStyleBox-001 .stylebox_top{ background-color: none !important; } .e_FlowCommonStyleBox-001 .stylebox_title{ background-color: none !important; } .e_FlowCommonStyleBox-001 .color_info{ color: #28373c !important; } .e_FlowCommonStyleBox-001 .btn-primary{ background-color: none !important; border-color: #28373c !important; } #w_grid-1561343327878 > div > .p_gridbox { background-color: rgba(51, 51, 51, 1); overflow: visible !important; min-height: 40px; } #w_grid-1561188215788{ display:none; } #w_grid-1561342838501{ min-height: 100px !important; } #w_grid-1561343327878{ position: relative; z-index: 99999; } #w_grid-1559012379469{ position: relative; z-index: 99999; } #w_grid-1559012379469 > div > .p_gridbox { background-color: rgba(51, 51, 51, 1); overflow: visible !important; min-height: 40px; } #w_grid-1560934569384 .p_gridbox{ overflow: visible !important; } #w_grid-1561342838501 .p_gridbox{ overflow: visible !important; } #w_grid-1561192979604{ border-top: solid 1px #f0f0f0; } #w_grid-1561445642635{ box-shadow: 0 0 21px rgba(0,0,0,0.18); } #w_grid-1561271808325{ border-top: solid 1px #f0f0f0; background-image:url(/img/img2.jpg); background-image-part-image:url(/img/img2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; } #w_grid-1561273263899{ background-image:url(/img/ztb_01.jpg); background-image-part-image:url(/img/ztb_01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment: fixed; } #w_grid-1561356435627{ background-image:url(/img/ztb_01.jpg); background-image-part-image:url(/img/ztb_01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment: fixed; } #content_box-1561356435627-0:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: rgba(34,34,34,0.90); } #w_grid-1561277766263{ background-image:url(/img/ztb_01.jpg); background-image-part-image:url(/img/ztb_01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment: fixed; } #w_grid-1561344348130{ background-image:url(/img/ztb_01.jpg); background-image-part-image:url(/img/ztb_01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; } #w_grid-1561356435547{ background-image:url(/img/ztb_01.jpg); background-image-part-image:url(/img/ztb_01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; } #content_box-1561344348130-0 { background: rgba(51,51,51,0.85); } #content_box-1561277766263-0{ background: rgba(0,0,0,0.80); } #w_grid-1561346951757{ background-image:url(/img/ztb_01.jpg); background-image-part-image:url(/img/ztb_01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment: fixed; } @media screen and (max-width: 768px){ #w_common_text-1622013728158 span{font-size:14px!important;line-height:1em;font-weight:normal!important;} #w_common_text-1622013413224 span{font-size:14px;line-height:1em;font-weight:normal!important;} #w_common_text-1598333242480 p:nth-child(2){display:none;} #w_grid-1621932003038{display:none;} #w_fimg-1560934746635{ margin-top: 20px !important; margin-bottom: 20px !important; } #w_common_text-1649985211804{ width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 30px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 30px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1649985304324{ width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 30px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 30px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } } #w_grid-1561356435627{ overflow: visible !important; } #w_grid-1561356435627 .w_grid{ overflow: visible !important; } #w_grid-1561356435627 .p_gridbox{ overflow: visible !important; } .w_relationbtnbar, .w_relationbtntab{margin:0;padding:0;width:inherit;height:inherit} /* .e_icon{margin:0;padding:0;width:inherit;height:inherit;font-size:18px;color:rgba(0,0,0,1)} */ .w_inons{margin:0;padding:0;width:inherit;height:inherit} .w_listall{margin:0;padding:0;width:inherit;height:inherit} .w_tuwen{margin:0;padding:0;width:inherit;height:inherit}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden} /* .e_select{width:inherit} */ .pagebox{position:relative} .SingleIntercept{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .widther{overflow:hidden!important;position:relative} .widther img,.widther video{width:100%!important;height:auto!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .smaller .widther img{width:100%!important;height:auto!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .higher .widther img{width:100%!important;height:auto!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .higher{overflow:hidden!important;position:relative} .higher img,.higher video{width:auto!important;height:100%!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .smaller .higher img{width:auto!important;height:100%!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .widther .higher img{width:auto!important;height:100%!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .smaller{overflow:hidden!important;position:relative} .smaller img,.smaller video{height:auto!important;width:auto!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .higher .smaller img{height:auto!important;width:auto!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} .widther .smaller img{height:auto!important;width:auto!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important} /* .e_MatteBox{position:relative;border:0;width:inherit;height:inherit;margin:0;padding:0} */ /* .remove .font{font-weight:normal!important;text-decoration:none!important} */ .swiper-container{margin:0 auto;position:relative;overflow:hidden!important;z-index:1} .swiper-wrapper{position:relative;width:100%;height:auto;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);-ms-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .lantern{margin-left:60px!important;margin-right:60px!important} .MatteBox{height:100%;width:100%;position:fixed;left:0;top:0} .temporary{display:block!important;overflow:visible!important} .ce_banner{position:relative} .ce_detail{position:relative} .ce_detail .ie_btn{position:absolute;width:200px;height:52px;font-size:14px} .ce_detail .ie_btn>div{width:100%;height:100%;display:table} .ce_detail .ie_btn i{font-family:"iconfont";font-style:inherit} .ce_detail .ie_btn a{color:inherit;width:100%;height:100%;display:table} .ce_detail .ie_btn .font{display:table-cell;vertical-align:middle;text-align:center} .ce_detail .ie_line{position:absolute} .ce_detail .ie_line>div{width:100%;height:100%} .ce_detail .ie_icon{position:absolute;width:36px;height:36px} .ce_detail .ie_icon>div{width:100%;height:100%;display:table;font-size:20px;color:#a0a0a0} .ce_detail .ie_icon a{color:inherit;width:100%;height:100%;display:table} .ce_detail .ie_icon i{font-family:"iconfont";font-style:inherit} .ce_detail .ie_icon .in_icon{display:table-cell;vertical-align:middle;text-align:center} .ce_detail .ie_img{position:absolute;width:640px;height:206px} .ce_detail .ie_img>div{width:100%;height:100%} .ce_detail .ie_img a{color:inherit;width:100%;height:100%;display:block} .ce_detail .ie_box{position:absolute;width:300px;height:300px} .ce_detail .ie_box>div{width:100%;height:100%} .ce_detail .ie_title{width:320px;height:200px} .ce_detail .ie_title>div{width:100%;height:100%} .ce_detail .ie_text{width:320px;height:200px} .ce_detail .ie_text>div{width:100%;height:100%}input::-ms-clear{display:none} /* .e_input>i:first-child, .e_droplist>i:first-child, .e_SDropList>i:first-child{position:absolute!important;left:0!important;right:initial;top:50%!important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:auto;height:auto} .e_input>i:last-of-type{position:absolute!important;left:initial!important;top:50%!important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0!important;width:auto;height:auto} .e_droplist>i:last-of-type, .e_SDropList>i:last-of-type{position:absolute!important;left:initial!important;top:50%!important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0!important} .e_input input,.e_droplist input,.e_SDropList input{ } */ .reset_style{line-height:normal;word-wrap:break-word;word-break:break-all;font-size:14px} .reset_style h1{font-weight:bold;font-size:24px;margin:0} .reset_style h2{font-weight:bold;font-size:18px;margin:0} .reset_style h3{font-weight:bold;font-size:19px;margin:0} .reset_style h4{font-weight:bold;font-size:16px;margin:0} .reset_style h5{font-weight:bold;font-size:14px;margin:0} .reset_style h6{font-weight:bold;font-size:12px;margin:0} .reset_style p{margin:0;font-size:14px} .reset_style>span{font-size:14px} .reset_style a,.resetHtmlCssStyle .reset_style a{text-decoration:none!important;} .reset_style em{font-style:italic} .reset_style ul,.reset_style ol{padding-left:20px;padding-right:20px} .reset_style ul,.resetHtmlCssStyle .reset_style ul{list-style:disc outside none} .reset_style ol,.resetHtmlCssStyle .reset_style ol{list-style:decimal outside none} .reset_style li{display:list-item;list-style-type:inherit} .w_img-001 .p_dimage{height:100%\9\0!important} .w_img-001 a{display:block\0!important}div[data-cg-visible=true]{display:block} video:-webkit-full-screen{background-color:transparent!important;position:relative!important;left:0!important;top:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;display:block!important;transform:none!important;margin:0!important;flex:1 1 0!important} video:-moz-full-screen{background-color:transparent!important;position:relative!important;left:0!important;top:0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;display:block!important;transform:none!important;margin:0!important;flex:1 1 0!important} /* 设计器针对响应式小眼睛样式 start */ @media only screen and (max-width:768px){ div[data-vhide768]{ display: none !important; } } @media only screen and (max-width:1024px) and (min-width:769px){ div[data-vhide1024]{ display: none !important; } } @media only screen and (min-width:1025px){ div[data-vhide100p]{ display: none !important; } } /* 设计器针对响应式小眼睛样式 end */ .r_confirm{position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.5);text-align:center} .r_confirm_con{margin-top:100px;display:inline-block;width:420px;max-width:90%;background:#fff;border-radius:5px;padding:20px;text-align:left;position:relative} .r_confirm_con .r_confirm_close{position:absolute;right:20px;top:20px;line-height:1} .r_confirm_con .r_confirm_title{color:#333;font-weight:bold;padding-right:10px} .r_confirm_con .r_confirm_content{line-height:1.5;margin-bottom:20px} .r_confirm_con .r_confirm_oprate{text-align:right;padding-top:10px} .r_confirm_con .r_confirm_oprate .btn+.btn{margin-left:10px} .r_confirm_con.r_hasIcon{padding-left:55px;position:relative} .r_confirm_con .iconfont{position:absolute;left:20px;top:15px;font-size:24px} .r_confirm_con .iconfont.success{color:#4cc82a} .r_confirm_con .iconfont.warning{color:#fbae24} .r_confirm_con .iconfont.error{color:#f80f22}@media screen and (max-width:768px){.r_confirm_con{text-align:center;padding:20px 0 0} .r_confirm_con.r_hasIcon{padding-left:0} .r_confirm_con .iconfont{display:none} .r_confirm_con .r_confirm_close{display:none} .r_confirm_con .r_confirm_title{color:#333;font-size:24px;font-weight:normal;padding:0 20px} .r_confirm_con .r_confirm_content{padding:0 20px} .r_confirm_con .r_confirm_oprate{border-top:1px solid #ddd;padding:0;display:flex} .r_confirm_con .r_confirm_oprate .btn{flex:1;line-height:2.5;border:0;background:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .r_confirm_con .r_confirm_oprate .btn-default{color:#999} .r_confirm_con .r_confirm_oprate .btn-primary{color:#d7010f;border-left:1px solid #ddd} .r_confirm_con .r_confirm_oprate .btn+.btn{margin:0}} .r_counter{width:120px;display:inline-block} .r_counter_input{text-align:center} .r_message{position:fixed;text-align:center;top:20%;display:block;width:100%;min-width:300px;left:0;z-index:99} .r_message_con{display:inline-block;border-radius:5px;max-width:80%;background:#fff;border:1px solid #e7e7e7 \9;box-shadow:0 0 5px #bbb;color:#666;line-height:20px;padding:20px 35px;text-align:left} .r_message_con *{vertical-align:middle} .r_message_con .iconfont{margin-right:15px;font-size:20px} .r_message_con .iconfont.success{color:#4cc82a} .r_message_con .iconfont.warning{color:#fbae24} .r_message_con .iconfont.error{color:#f80f22}@media screen and (max-width:768px){.r_message{max-width:90%} .r_message_con{background:rgba(0,0,0,0.7);color:#fff;border:0;border-radius:3px;box-shadow:none;padding:5px 10px} .r_message_con .iconfont{display:none}} .r_steps{display:inline-block;margin:0;padding:0;margin-top:10px} .r_steps .r_item{display:block;float:left;width:100px;border-top:3px solid #ccc;text-align:center;padding-top:10px;padding-bottom:10px;position:relative} .r_steps .r_item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block} .r_steps .r_item:before{content:'';width:10px;height:10px;border:1px solid #fff;border-radius:5px;background:#ccc;position:absolute;left:50%;margin-left:-4px;top:-7px} .r_steps .r_item.r_passed,.r_steps .r_item.r_current{border-color:#d7010f} .r_steps .r_item.r_passed:before,.r_steps .r_item.r_current:before{background-color:#d7010f} .r_steps .r_item.r_current span{color:#000} .r_steps .r_item.r_current:before{width:12px;height:12px;border-radius:6px;top:-8px} /* 音乐播放器 */ .audio-box *{padding: 0px; margin: 0px;} .ieaudio{display: none;padding: 0 10px;min-height: 40px;position: relative;overflow: hidden;} .ieaudio .iePlayer{position: absolute;z-index: -1;} .audio-box{background-color: #121212;color: #fafafa;} .audio-cover img{display: block;height: 100%;margin: auto;} .audio-body{padding: 0 10px;} .audio-title{font-weight: 400;font-size: 14px;line-height: 40px;height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .audio-backs{position: relative;padding-left: 50px;padding-right: 50px;height: 20px;} .audio-this-time,.audio-count-time{position: absolute;top: 0;width: 50px;font-size: 14px;height: 20px;line-height: 20px;} .audio-this-time{left: 0;} .audio-count-time{right: 0;text-align: right;} .audio-setbacks{height: 6px;border-radius: 3px;background-color: #333;cursor: pointer;} .audio-setbacks{position: relative;top: 7px;} .audio-cache-setbacks,.audio-this-setbacks{height: 100%;position: absolute;left: 0;top: 0;border-radius: 3px;} .audio-cache-setbacks{width: 0;background-color: #535353;z-index: 1;cursor: pointer;transition: width 0.6s ease;-webkit-transition: width 0.6s ease;} .audio-this-setbacks{background-color: #c70c0c;z-index: 2;} .audio-backs-btn{position: absolute;right: -3px;margin-top: -2px;width: 12px;height: 12px;background-color: #fafafa;border-radius: 50%;cursor: pointer;} .audio-set-volume{box-sizing: border-box;position: absolute;right: -80px;bottom: 1px;width: 80px;height: 15px;padding-left: 15px;z-index: 999;transition: 0.6s width ease;} .volume-box{border-radius: 6px;width: 100%;height: 6px;background-color: #333;} .volume-box i{border-radius: 6px;position: relative;display: block;width: 0;height: 100%;background-color: #c70c0c;} @media only screen and (max-width: 768px){ .ieaudio .icon-play,.ieaudio .icon-pause{position: absolute;left: 0;top: 0;line-height: 40px;text-align: center;width: 40px;height: 40px;font-size: 16px;cursor: pointer;} .audio-maincon{padding-right: 0px} .audio-view{position: relative;padding-left: 60px;height: 70px;overflow: hidden;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .audio-cover{display:none} .audio-btn{position: absolute;left: 0;top: 0;} .audio-select{height: 70px;width: 70px;font-size: 14px;text-align: center;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .icon-play,.icon-pause{width: 100%;height: 100%;display: block;line-height: 70px;font-size: 28px;} .icon-volume-up{display: none} } @media only screen and (min-width: 769px){ #w_common_text-1649985211804 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 68px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 68px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1649985304324{ width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 68px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 68px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .ieaudio{min-height: 40px;position: relative;} .ieaudio .icon-play, .ieaudio .icon-pause{position: absolute;left: 0;top: 0;line-height: 40px;text-align: center;width: 40px;height: 40px;} .audio-maincon{position: relative;padding-right: 150px} .audio-view{position: relative;padding-left: 0px;height: 70px;overflow: hidden;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .audio-cover{position: absolute;left: 0;top: 0;width: 80px;height: 80px;background-size: auto 100%;background-repeat: no-repeat;background-position: center center;background-color: #535353;} .audio-btn{position: absolute;right: 0;top: 0;} .audio-select{height: 20px;margin-top: 3px;width: 130px;float: right;font-size: 14px;text-align: center;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .audio-select > div{position: relative;width: 20px;height: 20px;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;float: left;cursor: pointer;} .audio-select > div + div{margin-left: 10px;} } /* 音乐播放器end */ .h1,.h2,.h3,.h4,.h5,.h6{margin: 0;padding: 0; color: #262626;} /* 大标题 */ .h1 { font-size: 36px;} /* 主标题 */ .h2 { font-size: 30px;} /* 副标题 */ .h3 { font-size: 24px;} .h4 { font-size: 18px;} .h5 { font-size: 16px;} .h6 { font-size: 12px;} /* 价格 */ .price { font-size: 20px; color: #f00; } .price-sm { font-size: 14px; color: #f00; } /* 点 */ .dot{ background: #9e9e9e; width: 20px; height: 20px; border-radius: 50%; } .dot.current{ background: #d7010f; } /*强调标题*/ .tit_emphasize{ font-size: 16px; color: #d7010f; } /* 各种颜色 */ .color_error {color: #f00;} .color_info {color: #d7010f;} .color_shallow {color: #65beba;} .color_horizon {color: #fff;} .color_disable {color: #bfbfbf;} /**移动版加号颜色***/ .Madd{ color: #80c949; font-size: 24px; } /* 次要信息 */ .minor_info { color: #8c8c8c; font-weight: normal; font-size: 14px; } .minor_info.minor_info_sm { font-size: 12px; } /* 描述*/ .description { color: #8c8c8c; font-size: 14px; } /* 搜索框 */ .search_window{background:#fff;} .search_window .btn{border-radius: 0px;} .search_window input{ border: none; outline: none; background: none; padding: 0 10px; margin: 0; } @media only screen and (max-width: 768px){ .search_window{border:none;} } @media only screen and (min-width: 769px){ .search_window{border:1px solid #d7010f;} } /* 弹出框 */ .dialog{background:#fff} /**默认地址标签*/ .Mtag{ border:1px solid #ffb4b0; background: #fff1f0; color: #f63b44; font-size: 14px; padding: 5px 10px; border-radius: 5px; } /* 分类二级背景色 */ .background-textinfo{background: #efeff4;} /* 各种背景色 */ .background_shopCart{background: #f5212d;} .background_sort{background: #bfbfbf;} .background_assist {background: #e5e5e5;} .background_form {background: #fafafa;} .background_info {background: #E6F7FF} .background_shade {background: rgba(0, 0, 0, 0.45);filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#73000000, endColorstr=#73000000);} :root .background_shade {filter:none;} /* 默认边框 */ .border_default {border: 1px solid #d9d9d9;} .borderT_default {border-top: 1px solid #d9d9d9;} .borderB_default {border-bottom: 1px solid #d9d9d9;} .borderR_default {border-right: 1px solid #d9d9d9;} .borderL_default {border-left: 1px solid #d9d9d9;} .border_dividers {border: 1px solid #e8e8e8;} .borderB_dividers {border-bottom: 1px solid #e8e8e8;} .borderT_dividers {border-top: 1px solid #e8e8e8;} .borderR_dividers {border-right: 1px solid #e8e8e8;} .borderL_dividers {border-left: 1px solid #e8e8e8;} .borderT_bar {border-top: 20px solid #f5f5f5;} .borderB_bar {border-bottom: 20px solid #f5f5f5;} .borderB_bard {border-bottom: 10px solid #f5f5f5;} .borderB_bars{border-bottom: 5px solid #9e9e9e;} /* 收货地址边框*/ .item{border:2px solid #d9d9d9;} .item:hover{border:2px solid #a3d3ff;} /* 家装项目进度筛选边框 */ .p_infosDiff{ background: #E5F7FF; border: 1px solid #d7010f; color: #d7010f; } /* 家装背景颜色 */ .p_infoBg { background: #d7010f; } /* 默认标签 */ .label-default { border: 1px solid #D9D9D9; background: #f5f5f5; color: #595959; } /* 分类鼠标悬浮 */ .mouse_bac:hover { background-color: #e6f7ff; color: #d7010f; } /* 分类移动端样式 */ @media only screen and (max-width: 768px){ .p_categoryBtn:before {content: "";} .icon-arrow_up:before {content: "\e69a";} .icon-arrow_down:before {content: "\e69c";} .p_btn-show .p_c-fff {margin: 0 0 0 10px;vertical-align: middle;width: auto;display: inline-block;} .p_btn-hide {width: 10%;height: 100%;float: left;padding: 0px;background: #bfbfbf;} .p_btn-hide .p_c-fff{width: 100%;height: 40px;display: block;text-align: center;line-height: 40px;margin-top: 120px;background: #686868;} .p_parentBox .p_childBox .p_linkBox{border-bottom: 1px solid #e1e1e4;} .p_linkBox{padding: 5px 10px;display: flex;} .p_title{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px 0;} .p_category {width: 100%;height: 100%;position: fixed;top: 0;left: 100%;transition: left 0.3s;z-index: 9999;} .p_category.animate{left: 0;} .p_parent {display: flex;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0 0 5px;border-bottom: 1px solid rgba(255,255,255,.3);} .p_categoryBox {overflow-y: auto;width: 90%;height: 100%;float: left;box-sizing: border-box;} .p_parentBox{width:auto;height: auto;} .p_childBox {padding-left: 20px;background: #efeff4;} .p_categoryBtn {display: inline-block;width: 30px;line-height: 40px;} .p_link {height: auto;vertical-align: middle;width: initial;margin: 10px 0;flex:1;} } /* 页签样式 */ @media only screen and (max-width:768px) { .decTab:hover, .decTab.active { color: #f52f33; border-bottom: 2px solid #f52f33; } } @media only screen and (min-width:769px) { .decTab{ cursor: pointer; } .decTab:hover, .decTab.active { color: #d7010f; border-bottom: 2px solid #d7010f; } } @media only screen and (min-width:769px) and (max-width:1024px) { } /* 模拟下拉框样式 */ .mod_select{cursor:default;width: 160px;height: 36px;position: relative;float: left;} .box-select{width: 143px;height: 36px;display: inline-block;padding: 6px 10px;border: 1px solid #cccccc;overflow: hidden;position: relative;border-radius: 3px;} .select_txt{color: #555;display:inline-block;width:120px;line-height:21px;height:21px;cursor:text;overflow: hidden;} .mod_select .option{width:300px;height:300px;overflow:auto;border:solid 1px #EDE7D6;position:absolute;z-index: 9999;top:36px;left:0px;background:#fff;display:none;} .mod_select .option li{color: #555;display:block;height:26px;line-height:26px;text-align:left;padding-left: 10px;margin-left: 0;width:100%;background:#fff;border-style: none;box-sizing: border-box;overflow: hidden;} .mod_select .option li:hover{color: #555;background:#e5e5e5;} .select-icon{position: absolute;top: 9px;right: 3px;} /* tab按钮样式 */ .btn{display: inline-block} .btn-tab, .btn-tab:hover, .btn-tab:focus { color: #d7010f; background-color: #fff; border-color: #329cff; } .btn-tab:active, .btn-tab.active, .open>.dropdown-toggle.btn-tab, .btn-tab:active:hover, .btn-tab.active:hover, .open>.dropdown-toggle.btn-tab:hover, .btn-tab:active:focus, .btn-tab.active:focus, .open>.dropdown-toggle.btn-tab:focus, .btn-tab:active.focus, .btn-tab.active.focus, .open>.dropdown-toggle.btn-tab.focus { color: #fff; background: #d7010f; border-color: #329cff; } /* 订购按钮 */ @media only screen and (max-width:768px) { .btn-order { border: 1px solid #f52f33; border-radius: 35px; color: #f52f33; font-size: 14px; padding: 2px 25px; background: #fff; } .btn-assist { border: 1px solid #ccc; border-radius: 35px; color: #666; font-size: 14px; padding: 2px 25px; background: #fff; } } /* 订购状态颜色 */ .order_status{ color: #f52f3a; } .order_assist{ color: #666; } /* 置灰按钮样式 */ .btn.disabled, .btn[disabled], .btn.unavailable, fieldset[disabled] .btn { background: #f8f8f8 !important; border-color: #d9d9d9 !important; color: #a4a4a4 !important; } /* 按钮focus */ .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; } /* 表单标题样式 和form-control一起出现*/ .form-label { line-height: 34px; font-size: 14px; } /* 表单错误提示 */ .text-error { font-style: normal; color: #e43a32; font-size: 12px; } /* 分类组件回显选中样式设置 start */ .p_categoryBox .p_linkBox.click {background-color: #e6f7ff;color: #d7010f;} .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a {color: #04497a;} /* 分类组件回显选中样式设置 end */ /* 三级联动级联样式 start */ .js-regionTreeSelect .treeItemBox {position: absolute;z-index: 99;background: #fff;white-space: nowrap;} .js-regionTreeSelect .treeItemList {display: inline-block;vertical-align: top;width: auto;height: auto;border: 1px solid #e1e1e1;height: 200px;overflow: auto;min-width: 150px;margin-left: -1px;} .js-regionTreeSelect .treeItemList:first-child {margin-left: 0;} .js-regionTreeSelect .treeItem {padding: 10px 25px 10px 10px;font-size: 14px;overflow: hidden;position: relative;line-height: normal;} .js-regionTreeSelect .treeItem:hover {background: #f5f7fa;} .js-regionTreeSelect .treeItem.active {color: #d7010f;} .js-regionTreeSelect .treeItem span {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} .js-regionTreeSelect .icon_notLeafNode {color: #999;position: absolute;right: 8px;top: 13px;} .js-regionTreeSelect .icon_notLeafNode:before {content: '\e6ae';} .js-regionTreeSelect .afterIcon {position: absolute;top: 1px !important;right: 8px !important;transform: none !important;width: 32px;height: 32px;text-align: center;padding-top: 6px;pointer-events: none;} @media only screen and (max-width: 768px) { .js-regionTreeSelect .treeItemBox {position: fixed;bottom: 0;left: 0;width: 100%;} .js-regionTreeSelect .treeItemList {border: none;min-width: initial;width: 33.333333333333333%;} } /* 三级联动级联样式 end */ /* 企业下载用hover行变化 */ .p_fileItem:hover{background-color: #e5f7ff;} .p_fileItem:hover .btn{background-color: #d7010f;color: #fff;} /*暂无数据样式*/ .p_PromptNoneData{width: auto;background-color: inherit;text-align: center;} .p_PromptNoneData .prompt_title .iconfont:before {content: "";} .p_PromptNoneData .prompt_title .first{height: auto;display: table-cell;font-size: 32px;position: relative;color: #09bb07;vertical-align: middle;padding: 0 10px 5px 0;} .p_PromptNoneData .prompt_title{display: inline-table;padding: 0 30px;min-height: 200px;height: 100%;} .p_PromptNoneData .prompt_title .first:before{content: "\e6b4";} .p_PromptNoneData .prompt_title .font{font-size: 18px;display: table-cell;line-height: normal;vertical-align: middle;color: rgba(51,51,51,1);font-weight: bold;text-align: left;} .p_PromptNoneData .promptbox{width: auto;height: 100%;} .p_PromptNoneData .prompt_content {font-size: 14px;color: rgba(105, 105, 105,1);padding-left: 65px;} /* 分页样式start */ /* 移动设备样式 */ @media screen and (max-width:768px) { /*占位容器*/ .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; } .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: 0; overflow: initial } /* 翻页 start */ .p_pagebox { width: 100%; height: auto; margin: 20px auto 0; clear: both; position: relative; font-size: 0; white-space: nowrap } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #0055aa; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #d7010f; background-color: #0055aa; cursor: pointer } .p_pagebox .pre:active { background-color: #0055aa; } .p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 16px } .p_pagebox .pre .iconfont { display: inline-block; color: rgba(255, 255, 255, 1); vertical-align: top; width: auto; height: auto; float: left; font-size: 22px } .p_pagebox .pre:hover .iconfont { color:#fff; } .p_pagebox .pre:active .iconfont { color:#fff; } .p_pagebox .pre .iconfont:before { content: "\e6b0" } .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #0055aa; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#0055aa; cursor:pointer; } .p_pagebox .next:active{ background-color:#d7010f; } .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 16px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 22px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; } /* 不可点击状态 */ .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} .p_pagebox .NumBox { width: 44%; height: 44px; border: 1px solid #cdd5d5; display: inline-table; position: relative; cursor: pointer; box-sizing: border-box; background: #e6e6e6; vertical-align: top } .p_pagebox .num { display: table-cell; vertical-align: middle; font-size: 22px; text-align: center; width: 100% } .p_pagebox .ItemBox { position: absolute; width: 100%; height: auto; border: 1px solid #d3d4d4; bottom: 44px; left: 0; max-height: 300px; overflow-y: auto; z-index: 99; border-bottom: 0 } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 20px } .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 22px } .p_pagebox .NumBox ul li { width: inherit; height: 40px; line-height: 40px; text-align: center; background-color: #fffffe; color: #323332; font-size: 16px } .p_pagebox .NumBox ul li .iconfont:before { content: "" } .p_pagebox .NumBox ul li:active { background-color: #e4e4e4 } /* 滚动加载 */ .p_more { width: 100%; text-align: center; padding-right: 20px; padding-left: 20px; height: 50px; background-color: rgba(248, 248, 248, 0.8); position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 20px } .p_more:active { background-color: rgba(248, 248, 248, 0.8) } .p_more .font { vertical-align: middle; text-align: inherit; line-height: 50px } .p_more .iconfont { display: inline; vertical-align: middle } .p_more .iconfont:before { content: "\e6d1" } /* 跑马灯 start */ .p_CommonLanternBox { position: relative; width: auto; height: auto; background-color: transparent; overflow: hidden } .p_CommonInteraction { width: inherit; height: auto; background-color: transparent; overflow: hidden } .d_CommonInteractionA { width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .d_CommonInteractionB { width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .p_CommonSwitchBtnA { display: inline-block; position: absolute; top: 50%; left: 50%; vertical-align: middle; cursor: pointer; font-size: 56px; color: rgba(191, 191, 191, 1); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .p_CommonSwitchBtnA .iconfont:before { content: '\e6b0'; display: inline-block } .p_CommonSwitchBtnA .font { display: table; width: inherit; height: inherit; pointer-events: none } .p_CommonSwitchBtnA:active { color: rgba(105, 192, 188, 1) } .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 50%; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 56px; color: rgba(191, 191, 191, 1); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) } .p_CommonSwitchBtnB .iconfont:before { content: '\e6af'; display: inline-block } .p_CommonSwitchBtnB .font { display: table; width: inherit; height: inherit; pointer-events: none } .p_CommonSwitchBtnB:active { color: rgba(105, 192, 188, 1) } .p_CommonSummaryBoxA { width: auto; height: auto; margin-bottom: 20px; background-color: transparent; overflow: hidden; text-align: center } .p_CommonThumbnailBox { width: auto; height: auto; background-color: transparent; overflow: hidden } .p_CommonSquareNumBtn { display: inline-table; margin: 0 5px; background-color: rgba(191, 191, 191, 1); color: rgba(153, 153, 153, 1); font-size: 12px; border-radius: 10px; text-align: center; border-radius:10px; } .p_CommonSquareNumBtn:active { background-color:#d7010f; } .p_CommonSquareNumBtn.active { background-color: #d7010f; } .p_butBackground{ background-color: #65beba } .lantern { margin-left: 50px !important; margin-right: 50px !important } .p_CommonSquareNumBtn .shape { width: inherit; height: inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit } /* 跑马灯 end */ } /*PC端样式*/ @media only screen and (min-width: 769px) { /*翻页*/ .e_pagebox { width: auto; height: auto; clear: both; position: relative } .p_page{ display: inline-block; padding: 30px 0; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .pre1 { color: rgba(255,255,255,1)!important; background-color: #c8c8c8!important; cursor: not-allowed!important; border:none !important; } .p_page .next1 { color: rgba(255,255,255,1)!important; background-color: #c8c8c8!important; cursor: not-allowed!important; border:none !important; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; font-family: cursive; } /*左翻页*/ .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; margin:0 5px 0 18px; text-align: center; padding:0 10px; border-radius: 6px; border:1px solid #d9d9d9; background: #fff; color: #595959; } .p_page .pre:hover { color: #fff; background: #0055aa; border-color: #0055aa; cursor: pointer } .p_page .pre:active { background: #0055aa; border-color: #0055aa; color: #fff; } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content: "\e6b0"; margin-right: 0; } .p_page .pre .i_pre { display: none; } /*右翻页*/ .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; border: 1px solid #d9d9d9; background: #fff; color: #595959; text-align: center; padding:0 10px; border-radius: 6px; } .p_page .next:hover { background: #0055aa; border-color: #0055aa; color: #fff; cursor: pointer } .p_page .next:active { background: #0055aa; border-color: #0055aa; color: #fff; } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content: "\e6af"; margin-top: 0; float: right; margin-left: 0; } .p_page .next .i_next { display: none; } /* 不可点击状态 */ .p_page .js_pageBtnDisable, .p_page .js_pageBtnDisable:hover, .p_page .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_page .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} /*翻页数字*/ .p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin:0 5px 0 0; padding:0 5px; background-size: 100% 100%; color: #595959; border:1px solid #d9d9d9; cursor: pointer; line-height: 30px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 6px; } .p_page .pageNum:hover { color: #fff; border-color: #0055aa; cursor: pointer; text-decoration: none; background-color: #0055aa; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #0055aa; border-color: #0055aa; } .p_page .pageNum.active { text-decoration: none; background-color: #0055aa; color: #fff; border-color: #0055aa; } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content: "" } /*翻页省略*/ .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: #ccc; font-family: cursive; } /*每页显示条数*/ .p_page .pagesize{ font-size:14px; float:left; margin-left: 10px; } /*占位容器*/ .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; text-align: center; } /* 跑马灯 start */ .p_CommonInteraction{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .p_CommonLanternBox{ position: relative; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size: 45px; color: #e5e5e5; transform: translate(-50%,-50%); } .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; display: inline-block; } .p_CommonSwitchBtnA:hover{ cursor:pointer; color:#d7010f; } .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; display: inline-block; vertical-align: middle; cursor: pointer; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; vertical-align: middle; cursor: pointer; } .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; display: inline-block; } .p_CommonSwitchBtnB:hover { color: #d7010f; cursor: pointer } .d_CommonInteractionA{ left: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .d_CommonInteractionB{ right: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } /*方形图片组符*/ .p_CommonSummaryBoxA { margin: 0 0 20px; width: auto; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; text-align:center; } .p_CommonThumbnailBox { margin: 0; width: auto; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; margin: 0 8px; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer; border-radius:10px; } .p_CommonSquareNumBtn img { display: none } .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle } .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color: #0055aa; color: #fff; } .p_CommonSquareNumBtn.j-nav-active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } /* 跑马灯 end */ /* 显示拖动条 */ .p_scroll { width: 100%; height: auto; position: relative } .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color: #AAA; cursor: pointer } .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8) } .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1) } /* 滚动加载 */ .p_more { position: static; width: 100%; margin: 0 auto; text-align: center; padding-right: 20px; padding-left: 20px; height: 70px; background-color: #F6F7F8; position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 18px } .p_more:active { background-color: #F6F7F8 } .p_more .font { vertical-align: middle; text-align: inherit; line-height: 70px; } .p_more .iconfont { display: inline; vertical-align: middle; font-style: normal } .p_more .iconfont:before { content: "\e6d1"; } } /* 分页样式end */ /* 步骤条 start */ /* pc */ .p_stepBox { width: 100%; height: 30px; font-size: 0; line-height: 30px; overflow: hidden; text-align: center; margin: 20px auto 0; } .p_stepBox .step { display: inline-block; vertical-align: middle; overflow: hidden; padding: 0 5px; color: #ccc; min-width: 110px; float: none; } .p_stepBox .step .stepCon { float: left; margin-right: 10px; } .p_stepBox .step .stepNum { display: inline-block; vertical-align: middle; width: 22px; height: 22px; line-height: 20px; border: 1px solid #ccc; border-radius: 50%; font-size: 12px; } .p_stepBox .step .p_stepCompletedIcon { display: inline-block; vertical-align: middle; width: 22px; height: 22px; line-height: 22px; border: 1px solid #d7010f; border-radius: 50%; font-size: 12px; color: #d7010f; display: none; } .p_stepBox .step .stepText { display: inline-block; vertical-align: middle; font-size: 14px; margin-left: 4px; } .p_stepBox .step .stepLine { height: 1px; overflow: hidden; background: #ccc; margin-top: 16px; } .p_stepBox .step.active .stepNum { background: #d7010f; color: #fff; border-color: #d7010f; } .p_stepBox .step.active .stepText { color: #000; font-weight: 600; } .p_stepBox .step.active .stepLine { background: #d7010f; } .p_stepBox .step.completed .stepNum { display: none; } .p_stepBox .step.completed .p_stepCompletedIcon { display: inline-block; } .p_stepBox .step.completed .stepText { color: #000; } .p_stepBox .step.completed .stepLine { background: #d7010f; } .overstriking{ color: black; font-weight: 700 } /* 步骤条 end */ .activity{ border-radius: 3px } .imaginary{ border-bottom: 1px dotted gray } .reply{ background: #E1E1E1; color: white; } .reviewBackground{ background: #EEEEEE } .background_fb{ background-color: #bfbfbf; } .background_horizon{ background: white }