/*报价中心主页*/

.price-center-nav{padding:0}
.price-center-nav ul{padding:0}
.price-center-nav ul li{width:8%;padding:10px 0 8px 0;border-bottom:2px transparent solid}
.price-center-nav ul li a{display:block}
.price-center-nav ul li.active{position:relative}
.price-center-nav ul li.active::before{display:block;content:"";position:absolute;width:24px;height:4px;bottom:-3px;left:50%;margin-left:-12px;background:#23b5fd;border-radius:3px}
.price-center-nav ul li.active a b{color:#23b5fd}
.left-mainbox .price-table tbody td.f-link{position:relative;}
.left-mainbox .price-table tbody td .follow{margin:0;padding:1px;border:1px #ebebeb solid;border-radius:50%;display:inline-block;width:18px;height:18px;cursor:pointer;position:absolute;top:50%;right:10px;margin-top:-10px}
.left-mainbox .price-table tbody td .follow:hover .cfm-icon:before{color:#23b5fd}
.left-mainbox .price-table tbody td .follow .cfm-icon:before{font-size:14px;color:#737373}
.left-mainbox .price-table tbody td .un-follow{border-color:#23b5fd;background:#ffffff}
.left-mainbox .price-table tbody td .un-follow .cfm-icon:before{color:#23b5fd}
.left-mainbox .price-table thead .active{color:#212529}
.left-mainbox .price-table thead .active .cfm-icon{float:none}
.left-mainbox .price-table thead .active .cfm-icon:before{font-size:17px;line-height:17px;color:#23b5fd}
.left-mainbox .price-table thead a:hover{color:#212529}
.left-mainbox .price-table tbody .cfm-icon{float:left}
.left-mainbox .price-table tbody .cfm-icon::before{fill:#23b5fd;color:#23b5fd}
.left-mainbox .price-table tbody a:hover .cfm-icon::before{opacity:0.6}
.left-mainbox .price-info{font-size:14px;padding:5px 5px 5px 40px;position:relative;line-height:20px}
.left-mainbox .price-info .left-icon{position:absolute;left:15px;top:0;margin-top:14px}
.left-mainbox .price-info .left-icon .cfm-icon{float:left}
.left-mainbox .price-info .left-icon strong{display:block;font-weight:400;text-align:center}
.left-mainbox .price-info .left-icon .cfm-icon:before{font-size:23px;color:#23b5fd}
.left-mainbox .price-info .right-txt{padding:10px}
.left-mainbox .price-info .right-txt p{color:#737373}
.left-mainbox .price-info .right-txt .time{border-top:1px #f2f2f2 solid;line-height:22px;margin-top:7px;padding-top:7px}
.left-mainbox .price-info .right-txt strong{color:#212529}
.left-mainbox .price-info .right-txt .time strong{color:#212529}
/*价格分类页面*/
.web-rightbar .fixed{z-index:999;position:fixed;top:20px;width:292px;height:auto}
.web-rightbar .pricefollow-table .table td,.web-rightbar .pricefollow-table .table th{vertical-align:middle;height:40px;border-top:1px #f2f2f2 solid;padding:0 4px}
.web-rightbar .pricefollow-table .table thead th{padding:5px;font-size:13px;height:auto}
.web-rightbar .pricefollow-table .table .title a{line-height:14px;font-size:13px}
.web-rightbar .pricefollow-table tbody tr:hover{background-color:transparent}
.web-rightbar .pricefollow-table tbody tr:hover td .new-price{background:#F2F2F2}
.web-rightbar .pricefollow-table .price-down,.web-rightbar .pricefollow-table .price-up,.web-rightbar .pricefollow-table .price-fair{text-align:center;font-size:13px}

.web-rightbar .price-box .top-title{font-size:14px}
.web-rightbar .price-box .price-table tbody .title a{white-space:initial}
.web-rightbar .price-box .cfm-icon:before{color:#23b5fd}
.web-rightbar .price-box .nav-tabs{background:transparent;border:1px #ffffff solid;height:34px;border-top:2px #f2f2f2 solid}
.web-rightbar .price-box .nav-tabs .col-auto{padding:0;height:auto;width:100%}
.web-rightbar .price-box .nav-tabs .col-auto a{font-weight:normal;font-size:14px;padding:5px 0 7px 0;width:50%;text-align:center}
.web-rightbar .price-box .nav-tabs .col-auto a.active{background:transparent;font-weight:bold;color:#23b5fd}
.web-rightbar .price-box .update{font-size:13px;border-top:1px #f2f2f2 solid;padding:10px 0}
/*价格详情页面*/
.topprice-info{background:#ffffff;border:1px #e7f6ff solid}
.topprice-info .empty .left-price{padding-bottom:0}
.topprice-info .empty .right-price{padding-bottom:0}
.topprice-info .top-box{height:45px;line-height:45px;background:#F6FBFD;border-top-left-radius:5px}
.topprice-info .left-price{padding-right:0;padding-bottom:5px;flex:0 0 50%;max-width:50%}
.topprice-info .right-price{padding-left:0;padding-bottom:5px;flex:0 0 50%;max-width:50%}
.left-price .top-box{font-size:18px;font-weight:bold;text-align:left;text-indent:15px}
.topprice-info .left-price .new-price{width:55%;float:left;position:relative}
.topprice-info .left-price .new-price h3{padding:10px 10px 5px 10px;font-size:22px;line-height:26px;text-align:center}
.topprice-info .left-price .cfm-icon{position:absolute}
.topprice-info .left-price .price-down:before{color:#23AB56;font-size:22px}
.topprice-info .left-price .price-up:before{color:#F0392F;font-size:22px}
.topprice-info .left-price .new-price p{padding:0 10px;font-size:13px;text-align:center;padding-bottom:3px}
.topprice-info .left-price .change{width:45%;float:left}
.topprice-info .change dl{font-size:14px;line-height:30px;height:30px;padding:6px 10px 0 10px}
.topprice-info .change dl dt{float:left;font-weight:normal}
.topprice-info .change dl dd{font-weight:bold}
.topprice-info .right-price .top-box{background:#F6FBFD;padding:10px 15px;position:relative}
.topprice-info .right-price .box-bg{width:auto;height:24px;line-height:24px;font-size:14px;position:absolute;right:100px}
.topprice-info .right-price .follow{float:right;margin:0;padding:2px 8px;font-size:12px;border-width:1px}
.topprice-info .right-price .follow .cfm-icon{padding:2px 0 2px 2px}
.topprice-info .right-price .follow .cfm-icon:before{font-size:14px}
.topprice-info .right-price .change dl{width:33%;float:left;padding-left:0;padding-right:7px}
.topprice-info .monthly-quarter{height:35px;line-height:35px}
.topprice-info .monthly-quarter li{width:100px;height:35px;float:left;text-align:center;line-height:35px}
.topprice-info .monthly-quarter li.active{background:#23b5fd}
.topprice-info .monthly-quarter li.active a{color:#fff}
.statistics .nav-tabs{height:40px;background-color:transparent;border-bottom:1px #f2f2f2 solid;margin-left:15px;margin-right:15px}
.statistics .nav-tabs .col-auto{height:auto;padding-top:0}
.statistics .nav-tabs .nav-item{font-weight:normal}
.statistics .nav-tabs .nav-item.active{font-weight:bold;border:0;color:#23b5fd;position:relative;padding-bottom:2px}
.statistics .nav-tabs .nav-item.active::before{position:absolute;display:block;content:"";width:18px;height:4px;background:#23b5fd;left:50%;bottom:-8px;margin-left:-9px;border-radius:2px}
.statistics .nav .nav-item{font-size:16px;padding:5px 5px 10px 5px;margin:0 10px}
.statistics .nav .nav-item span{color:#336799;float:left;margin-right:2px;margin-top:2px}
.statistics .nav .nav-item span::before{color:#23b5fd;font-weight:bold}
.statistics .tab-content{padding:10px;padding-top:0}
.statistics .tab-content .tab-pane{width:100%;margin:auto;padding:15px 0 0 0}
.statistics .tab-content .tab-pane .title,.prediction .title{padding:0 20px;text-align:center}
.statistics .tab-content .tab-pane .title h4,.prediction .title h4{font-size:18px;font-weight:normal}
.statistics .tab-content .tab-pane .title h4 span{color:#1097bc}
.statistics .tab-content .tab-pane .title p,.prediction .title p{font-size:14px;color:#737373;padding-top:5px;font-weight:normal}
.statistics .tab-content .top-info{background:#fbfbfb;padding:0 10px;line-height:26px}
.statistics .tab-content .top-info span{font-size:14px}
.statistics .tab-content .top-info .time{float:right}
.statistics .tab-content .cbox{padding:10px 10px 0 10px;background:url(/static/images/cfm-memorys-logo-blue.png) center 43% no-repeat;background-size:297px 60px;margin:auto}
.left-mainbox .top-navbar{position:relative}
.left-mainbox .top-navbar h4{font-size:17px;font-weight:bold;line-height:17px;margin:0;text-align:center;border-left:0;background:#F6FBFD;padding:8px 0}
.left-mainbox .top-navbar h4 span{color:#1097bc}
.left-mainbox .similar-list .top-navbar{margin-bottom:0;margin-top: 0px;}
.history-box.col-r1  table td i{width:30%}
.history-box.col-r1 table td span{width:25%}
.similar-list{padding:0;margin-top:20px;border: 0;}
.similar-list .histroy-box{padding-left:10px}
.similar-list ul{margin:0}
.similar-list li{padding:5px;border-top:1px #E4F4FE solid;border-left:1px #E4F4FE solid} 
.similar-list .libg{padding:7px}
.similar-list li h5{font-size:15px;font-weight:bold}
.similar-list li p{font-size:13px;text-align:left;border-radius:2px;margin-top:3px}
.similar-list li p b{font-weight:normal;padding-left:5px}
.similar-list li p b.price-fair{color:#737373}
.history-box .all-year{text-align:center;padding:10px 0;font-size:14px}
.history-box .histroy-year li{display:inline-block;padding:2px 10px;border:1px #d8d8d8 solid;margin:0 2px;font-weight:bold;border-radius:2px}
.history-box .histroy-year li a:hover{text-decoration:none;color: #336799;}
.history-box .histroy-year li a{color:#336799}
.history-box .histroy-table{border-bottom:1px #f2f2f2 solid;max-height:450px;overflow:scroll;overflow-x:hidden;background:url(/static/images/cfm-memorys-logo-blue.png) center center no-repeat;background-size:272px 55px}
.history-box .top-table{padding-right:10px}
.history-box .top-head{border:1px #f2f2f2 solid}
.history-box table td span{width:100%}
.history-box table thead td{border-bottom:1px #e4e4e4 solid}
.history-box table thead td b,.history-box table thead td strong,.history-box table thead td span{font-weight:normal}
.history-box table td{border-bottom:0;height:33px;padding:0 10px;font-size:13px;border:1px #f0f0f0 solid}
.history-box table .odd td{background:#fafafa}
.history-box table td span,.history-box table td b,.history-box table td strong{width:22%;float:left;font-weight:bold}
.history-box table td i{float:left;width:60%;font-weight:normal;color:#333;font-style:normal}
.history-box table td span{width:40%}
.history-box table tbody td span{color:#1097bc}
.history-box table thead td i{color:#525252}
.history-box .tips.top-tips{font-size:14px;padding-bottom:0;opacity:1}
.history-box .tips{text-align:center;line-height:20px;padding-top:15px;font-size:13px;padding-top:8px;padding-bottom:15px}

.page-price .left-mainbox{max-width:64%;flex:0 0 64%;padding-left:15px}
.page-price .left-mainbox.right-price-box{max-width:89%;flex:0 0 89%;padding:0 50px}
.page-price .web-rightbar{max-width:25%;flex:0 0 25%;padding-left:20px;padding-right:0px}
.page-price .price-nav{width:130px;float:left;max-width:130px;flex:1 1 auto;padding:0px 5px 0px 0px;}
.page-price .price-nav .nav{display:block;background-color:#EFF8FF;padding-bottom:20px;padding-top:10px;border-radius:5px}
.page-price .price-nav .nav li{width:100%;text-align:left}
.page-price .price-nav .nav li b{font-weight:normal}
.page-price .price-nav .home{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #D3EFFC}
.page-price .price-nav .nav li .nav-link{padding: 6px 0 6px 11px;border-bottom:2px solid transparent;}
.page-price .price-nav .server{padding-bottom:5px;margin-top:5px;margin-bottom:5px;border-top:1px solid #D3EFFC;border-bottom:1px solid #D3EFFC}
.page-price .price-nav .nav li .title{display:block;color:#787D81;padding:5px 8px 5px 13px;}
.page-price .price-nav .nav li.active .nav-link{background-color:#fff;color:#23b5fd;border:0;border-left:3px solid #23b5fd}
.page-price .price-nav .nav li ol{padding-left:8px;}
.page-price .price-nav .nav li ol li.active a{padding-left:8px;}
.page-price .price-nav .nav li ol li.active::before{display:none}
.page-price .price-nav .nav li ol li::before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #333}
.page-price .price-nav .nav li ol li{position:relative}
.page-price .price-nav .nav li ol li.permission{position:relative}
.page-price .price-nav .nav li ol li.permission a::before{display:block;content:"\e93c";width:14px;height:14px;position:absolute;right:10px;top:50%;margin-top:-7px;font-family:icomoon !important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-weight:bold;opacity:0.3}
.price-tips{margin-bottom:15px;background-color:#EFFAFF;position:relative;border:0px;padding:3px 5px 3px 40px;border-radius:5px}
.price-tips .product-icon{position:absolute;top:10px;left:8px;display:block;width:24px;height:24px;text-indent:-9999px;margin-bottom:2px;background:url(../images/product-icon.png) 0 0;background-size:auto 100%;}
.price-tips .product-icon.wafer{background-position:0 0}
.price-tips .product-icon.ddr{background-position:-24px 0}
.price-tips .product-icon.lpddr{background-position:-48px 0}
.price-tips .product-icon.f-card{background-position:-72px 0}
.price-tips .product-icon.emmc{background-position:-96px 0}
.price-tips .product-icon.emcp{background-position:-120px 0}
.price-tips .product-icon.umcp{background-position:-120px 0}
.price-tips .product-icon.ufs{background-position:-144px 0}
.price-tips .product-icon.ssd{background-position:-168px 0}
.price-tips .product-icon.essd{background-position:-360px 0}
.price-tips .product-icon.hdd{background-position:-336px 0}
.price-tips .product-icon.rdimm{background-position:-384px 0}
.price-tips .product-icon.usb{background-position:-192px 0}
.price-tips .product-icon.all{background-position:-264px 0}
.price-tips .product-icon.ddrmodule{background-position:-312px 0}
.price-tips .msg-box{position:relative;background-color:#fff;line-height:1.5;font-size:15px;border-radius:5px;padding:7px 13px;}
.price-tips .msg-box strong{color:#333}
.price-tips .msg-box a{color:#336799;padding:0 1px;font-weight:normal}
.price-tips .msg-box a:hover{color:#23b5fd}
.page-price .web-rightbar .price-info{padding:10px}
.page-price .web-rightbar .price-info strong{color:#212529;display:block}

.prediction{padding:15px 0}
.prediction .row{margin:0}
.prediction .table-style{width:100%;margin-top:10px;border-top:1px #DBEEF9 solid;border-bottom:1px #DBEEF9 solid;border-right:1px #DBEEF9 solid;position:relative}
.page-price .price-table tbody .title,.page-price .price-table tbody td{padding:4px 10px}
.page-price .price-table tbody .title{width:280px}
.prediction .left-chart .cbox{position:relative}
.prediction .title h4{font-size:18px}
.prediction .table-style::before,.prediction .left-chart .cbox::before{display:block;content:"";width:170px;height:34px;position:absolute;top:50%;margin-top:-7px;left:50%;margin-left:-80px;z-index:1;background:url(../images/cfm-memorys-logo-blue.png);background-size:100% auto}
.prediction .left-chart .cbox::before{margin-top:-40px}
.prediction .table-style thead th,.prediction .table-style tfoot td{text-align:center;border-bottom:1px #DBEEF9 solid;background:#E4F4FE;padding:4px 0;font-weight:normal;font-size:15px;border-top:1px #DBEEF9 solid;border-left:1px #DBEEF9 solid}
.prediction .table-style tfoot td{background:transparent}
.prediction .table-style td{padding:5px;font-size:14px;text-align:center;border-top:0;border-bottom:1px #DBEEF9 solid;border-left:1px #DBEEF9 solid}
.prediction .title p{padding-bottom:15px;border-bottom:1px #f5f5f5 solid;margin-bottom:15px}
.prediction .left-chart{padding-left:20px}
.prediction .right-table{padding-right:20px}

.page-price .price-nav .nav li{}
.page-price .price-nav .nav li .nav-link ol li{padding-left:0;padding-right:0}
.page-price .price-nav .nav li ol{padding-left:0}
.page-price .price-nav .nav li ol li::before{display:none}
.page-price .price-nav .nav li .title{opacity:0.8;padding-top:8px}
.page-price .price-nav .home{border-bottom:0;padding-bottom:0}
.page-price .price-nav .line{padding-bottom:5px;margin-bottom:5px;border-top:1px solid #D3EFFC;padding-bottom:3px}
.permission .no-permission .price-table tbody::after{content:"";display:none}

/*付费报价二次验证码框*/
.verify-card{position:fixed;top:50%;left:50%;margin-top:-80px;margin-left:-200px;width:400px;z-index:999;background:#fff;border:1px #f2f2f2 solid;border-radius:7px;box-shadow:0 5px 20px rgba(0,0,0,.15);padding:20px 30px 30px 30px}
.verify-title{display:block;font-size:18px;font-weight:600;margin-bottom:18px;position:relative;padding-left:30px}
.verify-title .icon-eye-closed{position:absolute;top:3px;left:0;font-size:24px;font-weight:bold}
.verify-input-group{display:block}
.verify-input-group .form-control{height:43px;font-size:17px}
.verify-input-group .form-control:focus{border:1px #23b5fd solid}
.verify-input-group .verify-btn{width:140px;font-size:17px;background-color:#23b5fd;border:1px #23b5fd solid}
.verify-input-group .verify-btn:active,.verify-input-group .btn-primary:not(:disabled):not(.disabled):active{background-color:#23b5fd;opacity:0.8;border:1px #23b5fd solid}
.error-text{color:#dc3545;font-size:14px;margin-top:8px;display:none}
.tips-text{color:#23AB56;font-size:15px;margin-top:8px;font-weight:bold}
.verify-close{display:block;width:30px;height:30px;position:absolute;top:15px;right:10px;content:"";z-index:100}
.verify-close .icon-close{font-size:26px;line-height:30px;text-align:center}
.verify-close .icon-close:before{fill:#525252;color:#525252;opacity:0.5}
#closeVerifyBtn{background-color:transparent;color:#212529;border:0;display:block;width:30px;height:30px;padding:0}