/* 通用 */
/* body{overflow-x: hidden;} */
.w{width: 94.79%;margin: 0 auto;}
.w1{width: 1366px;margin: 0 auto;}
input{padding: 9px 10px;box-sizing: border-box;line-height: .8em;color: #808080;border: 1px solid #dcdcdc;outline: none;}
a{outline: none;}
a.more{display: block;width: 136px;height: 38px;border-radius: 2px;border: 1px solid #248bf2;box-sizing: border-box;margin: 0 auto;color: #248bf2;font-size: 16px;line-height: 38px;text-align: center;transition: all .5s;}
a.more:hover{color: #fff;background: #248bf2;}
/* 滚动条 */
::-webkit-scrollbar {
    /* display: none; */
    width:5px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #248bf2;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #248bf2;
}

/* 公共 */
img{display: block;}
img.ofi{object-fit: cover;font-family: 'object-fit: cover;';}
img.ofc{object-fit: contain;font-family: 'object-fit: contain;';}
.i-com-title{margin-bottom: 40px;}
.i-com-title p:first-child{margin-bottom: 10px;color: #333;font-size: 24px;font-weight: bold;line-height: .8em;text-align: center;}
.i-com-title p:last-child{color: #666;font-size: 14px;line-height: .8em;text-align: center;line-height: .8em;}

.com-page{display: flex;justify-content: center;align-items: center;}
.com-page-item span,.com-page-item a{display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;box-sizing: border-box;border: 1px solid #e5e5e5;border-radius: 3px;margin-right: 12px;color: #666;font-size: 16px;line-height: 1em;text-align: center;transition: all .5s;cursor: pointer;}
.com-page-item img.hover{display: none;}
.com-page-num {display: flex;}
.com-page-num span.now{color: #fff;border-color: #248bf2;background: #248bf2;}
.com-page-num span:last-child,.com-page-num a:last-child{margin-right: 30px;}
.com-page-item:last-child span{margin-right: 0;}
.com-page-item span:hover,.com-page-item a:hover{border-color: #248bf2;color: #fff;background: #248bf2;}
.com-page-prev span,.com-page-prev a{margin-right: 34px;}
.com-page-item span:hover img.leave,.com-page-item a:hover img.leave{display: none;}
.com-page-item span:hover img.hover,.com-page-item a:hover img.hover{display: block;}



/* head */
.i-head{}
.i-head-welcome{padding: 12px 0;border-bottom: 1px solid #e6e6e6;background: #f7fafc;}
.i-head-welcome-main{display: flex;justify-content: space-between;align-items: center;}
.i-head-welcome-main p{color: #333;font-size: 14px;line-height: .8em;}
.i-head-tool{display: flex;align-items: center;}
.i-head-help{position: relative;margin-right: 12px;cursor: pointer;}
.i-head-helpitem{display: flex;align-items: center;}
.i-head-helpitem p{margin-right: 9px;transition: all .5s;}
.i-head-helpitem:hover p{color: #248bf2;}
.i-head-helpslide{display: none;position: absolute;left: 50%;transform: translateX(-50%);top: 20px;z-index: 14;border: 1px solid #ccc;border-radius: 3px;padding: 10px;background: #fff;}
.i-head-helpslide li{width: 110px;margin-bottom: 5px;}
.i-head-helpslide li:last-child{margin-bottom: 0;}
.i-head-helpslide a{display: block;padding: 4px;color: #333;font-size: 14px;text-align: justify;transition: all .5s;}

.i-head-helpslide li:hover a{color: #777;background: #eee;}

.i-head-star{cursor: pointer;transform-origin: center;transition: all .5s;}
.i-head-star:hover{transform: rotate(90deg);}
.i-head-main{display: flex;justify-content: space-between;align-items: center;padding: 14px 0;}
.i-head-logo{display: block;}
.i-head-mine{display: flex;}
.i-head-cart{display: flex;align-items: center;margin-right: 13px;}
.i-head-carticon{margin-right: 7px;transition: all .5s;}
.i-head-cart-text p.num{width: 29px;height: 16px;border-radius: 10px;text-align: center;color: #fff;background: #ffa12d;}
.i-head-cart-text p.name{margin-top: 3px;color: #333;font-size: 14px;line-height: .8em;text-align: center;transition: all .5s;}
.i-head-cart:hover .i-head-carticon{margin-right: 5px;}
.i-head-cart:hover .i-head-cart-text p.name{color: #ffa12d;}

.i-head-vip{position: relative;}
.i-head-vipmain{position: relative;z-index: 13;;display: flex;align-items: center;padding: 13px;border: 1px solid transparent;border-bottom: none;}
.i-head-vipicon{position: relative;width: 28px;height: 28px;border-radius: 50%;overflow: hidden;;margin-right: 11px;}
.i-head-vipicon img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-head-vipmain a{color: #333;font-size: 16px;line-height: .8em;transition: all .5s;}
.i-head-vipmain a:nth-child(even){padding-right: 8px;border-right: 1px solid #b4b4b4;}
.i-head-vipmain a:nth-child(odd){padding-left: 8px;border-left: 1px solid #cbcbcb;}
.i-head-vipmain a{display: none;}
.i-head-vip a:hover{color: #248bf2;}
.i-head-vip:hover .i-head-vipmain{border-color:#ccc;background-color: #fff;box-shadow:  0px -2px 2px rgba(0,0,0,.1);}
.user-account-main{position: absolute;right: 0;top: 100%;z-index: 12;display: none;padding-top: 15px;width: 260px;border: 1px solid #ccc;box-shadow: 0px 10px 10px rgba(0,0,0,.5);margin-top: -2px;color: #656565;;background-color: #fff;}
.user-account-main a{font-size: 14px;}
.user-account-main .flyout-user-signout{display: none; margin: 0 20px 15px;line-height: 24px;font-size: 14px;font-weight: 700;}
.user-account-main .flyout-user-signIn{display: none;padding: 10px 0 14px;border-bottom: 1px solid #ddd;margin: 0 20px;}
.user-account-main .flyout-user-signIn p{margin-bottom: 0;font-size: 14px;}
.user-account-main .flyout-user-signIn .flyout-welcome-text{margin: 0 0 5px;}
.user-account-main .flyout-user-signIn .sign-btn,.user-account-main .flyout-visitors-login .join-btn{display: block;height: 30px;line-height: 30px;border-radius: 3px;font-size: 14px;text-align: center;color: #fff;background-color: #248bf2;}
.user-account-main .flyout-visitors-login{display: none;margin: 12px 20px 20px;}
.user-account-main dl dd{margin-left: 0;}
.user-account-main .flyout-visitors-login dt{display: block;margin-bottom: 5px;font-size: 14px;}
.user-account-main .flyout-visitors-login .join-btn{background-color: #ffa12d;}
.user-account-main .user-account-main li{margin-left: 0;}
.user-account-main .flyout-quick-entry{background-color: #f4f4f4;}
.user-account-main .flyout-quick-entry li a{display: block;padding: 6px 0 6px 20px;line-height: 22px;color: #333;}
.user-account-main .flyout-quick-entry li:first-child a{background-color: #e8e8e8;}
.user-account-main .flyout-quick-entry li a:hover{color: #248bf2;background-color: #e8e8e8;}

.i-head-vip:hover .user-account-main{display: block;}

.i-head-nav{background: #248bf2;}
.i-head-nav ul{display: flex;justify-content: space-between;align-items: center;}
.i-head-nav li{position: relative;}
.i-head-nav li::after{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 2px;background: #ffa12d;transition: all .5s;content: '';}
.i-head-nav li:hover::after,.i-head-nav li.on::after{width: 100%;}
.i-head-nav li a{display: block;padding: 16px 0;color: #fff;font-size: 16px;line-height: .8em;}

.typename{border-bottom: 1px solid #e6e6e6;padding: 29px 0;box-shadow: 0 0 3px rgba(4, 0, 0, .2);background: #e6f1fa;}
.typename-main{display: flex;align-items: center;}
.typename-main p{margin-left: 16px;color: #333;font-size: 26px;line-height: .8em;}

/* Index */
.i-banner{border-bottom: 51px solid #1d3dda;box-shadow:  0 5px 5px rgba(23, 40, 162, .33);}
.i-banner-item{position: relative;height: 551px;}
.i-banner-info{position: absolute;left: 50%;top: 122px;transform: translateX(-50%);}
.i-banner-info .title{color: #ddf7fc;font-size: 50px;font-weight: bold;line-height: 60px;text-shadow: 0 3px 5px rgba(4,0,0,.43);}
.i-banner-info li{display: flex;align-items: center;}
.i-banner-info li:first-child{margin-bottom: 11px;}
.i-banner-info li .tip{display: flex;align-items: center;width: 398px;}
.i-banner-info li img{margin-right: 14px;}
.i-banner-info li p{color: #fff;font-size: 20px;}
.i-banner .discount{display: flex;align-items: center;margin-top: 37px;}
.i-banner .discount a:first-child{margin-right: 35px;}

.i-count{position: relative;padding: 48px 0;background: #f7fafc;}
.i-count-main{display: flex;justify-content: space-between;}
.i-count-box{width: 59.73%;background: #fff;}
.i-count-menu{display: flex;align-items: center;}
.i-count-menu p{width: 50%;height: 58px;box-sizing: border-box;border: 1px solid #e5e5e5;border-bottom: none;font-size: 20px;line-height: 58px;text-align: center;cursor: pointer;transition: all .5s;}
.i-count-menu p:last-child{border-left: none;}
.i-count-menu p:hover,.i-count-menu p.on{border-color: #248bf2;color: #fff;background: #248bf2;}
.i-count-box form{border: 1px solid #e5e5e5;}
.i-SMD-form{display: none;}
.i-count-box .i-count-pcb{padding: 20px 41px 3px 32px;}
.i-option{display: flex;align-items: center;margin-bottom: 14px;}
.i-type{display: flex;width: 148px;color: #333;font-size: 14px;}
.i-type span{min-width: 5px;color: #cc0000;}
.i-PCB-form .pcb-choose-group,.i-count-box .pcb-number,.i-count-box .Quantity{width: 470px;justify-content: space-between;margin-bottom: 0;}
.i-count-box .radio-box{display: flex;margin-bottom: 0;}
.i-count-box .pcb-number-item,.i-count-box .pcb-number span,.i-count-box .pcb-number p{margin-bottom: 0;}
.i-count-box .radio-box input[type="radio"] {opacity: 0;width: 0;height: 0;}
.i-PCB-form .radio-style{width: 100px;}
.i-PCB-form .pcb-choose-group .radio-box:last-child .radio-style{margin-right: 0;}
.i-PCB-form .Quantity input[name='hidNum']{width: calc(100% - 99px);}
.i-PCB-form .Quantity label.unit{width: 99px;}
.i-SMD-form .pcb-choose-group{width: 240px;justify-content: space-between;}
.i-SMD-form .pcb-choose-group .radio-box:last-child .radio-style{margin-right: 0;}


.i-count-btn{display: flex;justify-content: center;align-items: center;margin: 0 auto;padding-bottom: 28px;}
.i-count-btn div{display: flex;align-items: center;}
.i-count-btn input{display: block;height: 38px;border: none;border-radius: 0 2px 2px 0;outline: none;color: #fff;font-size: 16px;line-height: 1em;cursor: pointer;}
.i-count-btn .addToCart {margin-right: 15px;}
.i-count-btn .addToCart input{width: 110px;background: #248bf2;}
.i-count-btn .onlineService input{width: auto;background: #ffa12d;}
.i-SMD-Option{display: flex;justify-content: space-between;}
.pcb-con-selected{position: relative;overflow: hidden;}
.pcb-con-selected.open{overflow: visible;}
.pcb-con-selected input{width: 240px;height: 30px;cursor: default;}
.pcb-con-selected::after{content: "";position: absolute;right: 10px;top: 50%;transition: all .5s;width: 9px;height: 4px;background-image: url(/static/img/head-help.png);}
.pcb-con-selectedItem{position: absolute;width: 100%;border: 1px solid #dcdcdc;border-top: none;box-sizing: border-box;background: #fff;z-index: 2;opacity: 0;}
.pcb-con-selectedItem li{height: 30px;padding: 0 10px;box-sizing: border-box;transition: all .5s;}
.pcb-con-selectedItem li p{line-height: 30px;cursor: default;}
.pcb-con-selectedItem li:hover{color: #fff;background: #808080;}

.i-goods{position: relative;width: 260px;box-sizing: border-box;padding: 26px 16px;border: 1px solid #dcdcdc;background: #fff;}
.i-goods::before{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 3px;background: #248bf2;transition: all .5s;}
.i-goods-info{}
.i-goods-title{margin: 18px 0 4px;color: #333;font-size: 16px;line-height: .8em;text-align: center;}
.i-goods-msg{margin-bottom: 12px;color: #808080;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-goods:hover::before{width: 100%;}

.i-product{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 59px 0;}
.i-product-content{display: flex;justify-content: space-between;}
.i-order{width: 487px;box-sizing: border-box;padding: 0 14px;border: 1px solid #e5e5e5;}
.i-order-title{position: relative;padding: 20px 0 17px;border-bottom: 1px solid #e5e5e5;}
.i-order-title p:first-child{margin-bottom: 14px;color: #333;font-size: 20px;line-height: .8em;}
.i-order-title p:nth-child(2){color: #666;font-size: 14px;line-height: .8em;}
.i-order-title a{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.i-order-list{display: flex;flex-wrap: wrap;padding: 14px 0 9px;}
.i-order-listtitle{display: flex;width: 50%;height: 16px;justify-content: space-between;margin-bottom: 14px;box-sizing: border-box;}
.order-swiper{position: relative;width: 50%;}
.order-swiper:nth-child(odd){box-sizing: border-box;border-right: 1px dashed #e5e5e5;}
.i-order-list ul{height: 388px;}
.i-order-list li{display: flex;width: 100%;height: 16px !important;justify-content: space-between;margin-bottom: 14px;box-sizing: border-box;}
.order-swiper:nth-child(odd) li,.i-order-listtitle:first-child{padding-right: 18px;}
.i-order-listtitle:nth-child(even),.order-swiper:nth-child(even) li{padding-left: 18px;}
.i-order-listtitle{color: #333;font-size: 14px;line-height: .8em;text-align: center;}
.i-order-list li p:first-child{width: 78px;}
.i-order-list li p:nth-child(2){width: 94px;}
.i-order-list li p:last-child{width: 42px;}

.i-order-listInfo{}
.i-order-listInfo p{color: #666;font-size: 14px;line-height: 16px;text-align: center;}
.i-order-listInfo p:first-child{display: flex;align-items: center;}
.i-order-listInfo p span{display: block;margin-left: 5px;line-height: 1em;}

.i-product-list{width: 827px;}
.i-product-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -11px;}
.i-product-list li{position: relative;width: 400px;border: 1px solid #e5e5e5;margin-bottom: 11px;}
.i-product-list li::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background: #248bf2;transition: all .5s;}
.i-product-list li:hover:after{width: 100%;}
.i-product-list li a{display: block;padding: 10px 13px 15px;box-sizing: border-box;}
.i-product-pic{height: 166px;}
.i-product-pic img{display: block;max-width: 90%;height: 100%;margin: 0 auto;}
.i-product-name{margin-top: 9px;color: #333;font-size: 16px;line-height: .8em;text-align: center;}
.i-product-info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 36px;margin-top: 10px;color: #666;font-size: 14px;line-height: 18px;text-align: center;}
.i-product-step{display: flex;justify-content: space-between;margin: 40px 0 25px;}
.i-product-stepItem{padding: 0 10px;}
.i-product-stepItem img{display: block;margin: 0 auto;}
.i-product-stepItem p{margin-top: 15px;color: #666;font-size: 14px;line-height: 17px;text-align: center;}
.i-product-stepLine{width: 60px;height: 26px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;}

.i-about{padding: 48px 0 73px;background: #f7fafc;}
.i-about-content{display: flex;;flex-wrap: wrap;margin-top: 39px;}
.i-company{width: 667px;}
.i-company-pic{width: 100%;}
.i-company-pic img{display: block;width: 100%;}
.i-company .i-company-info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 74px;box-sizing: border-box;padding: 14px 44px 20px 0;color: #666;font-size: 14px;line-height: 20px;}
.i-company ul{display: flex;border: 1px solid #e5e5e5;border-right: none;}
.i-company li{width: 25%;box-sizing: border-box;padding: 8px 0;border-right: 1px solid #e5e5e5;transition: all .5s;}
.i-company li:last-child{border-right: none;}
.i-company li img{display: block;margin: 0 auto;}
.i-company li img.hover{display: none;}
.i-company li p{margin-top: 6px;color: #333;font-size: 14px;line-height: .8em;text-align: center;}
.i-company li:hover{background: #248bf2;}
.i-company li:hover img.leave{display: none;}
.i-company li:hover img.hover{display: block;}
.i-company li:hover p{color: #fff;}

.i-adv{display: flex;width: calc(100% - 667px);}
.i-adv-item:last-child{border-left: none;}
.i-adv-item{position: relative;width: 50%;height: 100%;box-sizing: border-box;padding: 24px 0 36px;border: 1px solid #e5e5e5;background: #fff;transition: all .5s;}
.i-adv-title{margin-bottom: 30px;color: #333;font-size: 16px;line-height: 24px;text-align: center;}
.i-adb-pic{height: 133px;margin-bottom: 35px;}
.i-adb-pic img{display: block;max-width: 90%;height: 100%;margin: 0 auto;}
.i-adv-item:hover{box-shadow: 4px 4px 6px rgba(5,114,196,.11);z-index: 2;}

.i-about-solution{position: relative;display: flex;width: 100%;border: 1px solid #e5e5e5;border-top: none;box-sizing: border-box;}
.i-about-slogan{width: 496px;box-sizing: border-box;padding: 22px 27px 28px;background: url(./img/solution.jpg) center right/100% #fff no-repeat;}
.i-about-sloganTitle{margin-bottom: 18px;color: #333;font-size: 16px;line-height: 24px;font-weight: bold;}
.i-about-slogan ul{display: flex;}
.i-about-slogan li{margin-right: 5px;border-radius: 3px;padding: 0 7px;color: #fff;font-size: 12px;background: #248bf2;}
.i-about-solution a{position: absolute;right: 15px;bottom: 12px;}

.i-service{width: calc(100% - 496px);display: flex;}
.i-service-item{width: 50%;height: 100%;padding:28px 65px;box-sizing: border-box;border-right: 1px solid #e5e5e5;background: #fff;}
.i-service-item:last-child{border-right: none;}
.i-service-item li{display: flex;align-items: center;margin-bottom: 20px;}
.i-service-item li:last-child{margin-bottom: 0;}
.i-service-item li img{margin-right: 9px;}
.i-service-item li p{color: #666;font-size: 14px;line-height: .8em;}

.i-review{padding: 59px 0;border-bottom: 1px solid #e5e5e5;}
.i-review-main{margin: 41px auto 44px;}
.i-review-main ul{float: left;display: flex;justify-content: space-between;width: 1120px;}
.i-review-main li{width: 360px;padding: 15px 14px 122px;box-sizing: border-box;background: #f7fafc;}
.i-review-customer{display: flex;padding:0 10px 8px 15px;border-bottom: 1px solid #e5e5e5;}
.i-review-customer img{display: block;}
.i-review-author{display: flex;justify-content: space-between;width: 230px;box-sizing: border-box;margin-left: 14px;padding: 6px 0;}
.i-review-name {}
.i-review-name p{display: flex;align-items: center;}
.i-review-name p span{margin-left: 5px;}
.i-review-name p:first-child{margin-bottom: 9px;color: #333;font-size: 16px;line-height: .8em;}
.i-review-name p:last-child{color: #666;font-size: 12px;line-height: .8em;}
.i-review-score{display: flex;align-items: flex-end;}
.i-review-msg{position: relative;margin:12px 30px 20px;}
.i-review-msg p{height: 72px;overflow: hidden;color: #666;font-size: 14px;line-height: 18px;}
.i-review-pic{position: absolute;width: 100%;height: 165px;margin-top: 20px;border-radius: 2px;box-shadow: 0 5px 5px rgba(5,114,196,.11);}

.i-review-num{float: right;width: 226px;color: #333;border-top: 1px solid #e5e5e5;}
.i-review-numItem{padding: 18px 9px 15px;border: 1px solid #e5e5e5;border-top: 0;}
.i-review-tip{font-size: 16px;line-height: .8em;}
.i-review-value{position: relative;margin-top: 10px;padding-left: 5px;color: #248bf2;font-size: 33px;line-height: .8em;}
.i-review-value span{font-style: italic;font-weight: bold;line-height: .8em;}
.i-review-value i{position: absolute;width: 10px;height: 10px;margin-left: 2px;margin-top: 4px;}
.i-review-value i::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 3px;background: #248bf2;}
.i-review-value i::after{content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 3px;height: 100%;background: #248bf2;}
.i-review-numItem:nth-child(3) .i-review-value i::before,.i-review-numItem:nth-child(3) .i-review-value i::after{display: none;}
.i-review-numItem:nth-child(3) i{width: auto;height: auto;margin: 0;}

.i-news{padding: 54px 0 61px;background: #f7fafc;}
.i-news-main{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 43px auto 46px;}
.i-news-main a{display: block;width: 47.58%;padding: 16px 37px 27px 30px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;transition: all .5s;}
.i-news-main a:first-child,.i-news-main a:nth-child(2){border-top: 1px solid #e5e5e5;}
.i-news-main a:hover{background: #fff;}
.i-news-title{display: flex;justify-content: space-between;align-items: center;}
.i-news-title p{width: 80%;color: #333;font-size: 16px;line-height: .8em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-news-title span{color: #666;font-size: 14px;line-height: .8em;}
.i-news-info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 42px;margin-top: 26px;color: #666;font-size: 14px;line-height: 21px;}

.i-safe{border-top: 1px solid #e5e5e5;padding: 37px 0 47px;}
.i-safe ul{display: flex;}
.i-safe li{width: 25%;padding: 10px 50px 0;border-right: 1px solid #e5e5e5;box-sizing: border-box;}
.i-safe li:last-child{border-right: none;}
.i-safe-pic{height: 48px;margin-bottom: 26px;}
.i-safe-pic img{display: block;height: 100%;margin: 0 auto;}
.i-safe-title{color: #333;font-size: 16px;line-height: .8em;text-align: center;}
.i-safe-info{margin-top: 18px;color: #666;font-size: 14px;line-height: 18px;text-align: center;}

.footer{padding-top: 86px;background: #232f3e;}
.footer-main{display: flex;justify-content: space-between;padding-bottom: 45px;border-bottom: 1px solid rgba(245,245,250,.09);}
.footer-text{width: 744px;}
.footer-info{display: flex;justify-content: space-between;}
.footer-nav{width: 250px;}
.footer-nav:last-child{width: 260px;}
.footer-nav p{margin-bottom: 24px;color: #fff;font-size: 16px;line-height: .8em;}
.footer-nav a{display: block;margin-bottom: 20px;color: #98a4b2;font-size: 14px;line-height: .8em;transition: all .5s;}
.footer-nav a:last-child{margin-bottom: 0;}
.footer-address li{display: flex;margin-bottom: 10px;}
.footer-address li:last-child{margin-bottom: 0;margin-top: 20px;}
.footer-address li a,.footer-address li p{color: #98a4b2;font-size: 14px;line-height: 20px;transition: all .5s;}
.footer-address li p{width: 214px;}
.footer-address li span{display: inline-block;width: 20px;}
.footer-address li span img{margin-top: 4px;}
.footer-address li:last-child a{display: block;margin-right: 16px;}
.footer-nav a:hover,.footer-address li:hover a,.footer-address li:hover p{color: #fff;}
.footer-address li:last-child a img.hover{display: none;}
.footer-address li:last-child a:hover img.leave{display: none;}
.footer-address li:last-child a:hover img.hover{display: block;}
.footer-method{margin-top: 62px;}
.footer-method ul{display: flex;justify-content: space-between;}
.footer-method ul p{color: #fff;font-size: 16px;line-height: .8em;}
.footer-method ul li:first-child p{width: 250px;}
.footer-method ul li:nth-child(2) p{width: 260px;}
.footer-method ul li:last-child p{width: 344px;}
.footer-method ul img{display: block;margin-top: 28px;}
.footer-form{width: 426px;}
.footer-form form{display: block;width: 100%;}
.footer-form p{margin-left: 9px;margin-bottom: 7px;color: #fff;font-size: 14px;line-height: .8em;}
.footer-form input{display: block;width: 100%;height: 38px;margin-bottom: 10px;box-sizing: border-box;border: 1px solid rgba(163,175,191,.5);border-radius: 2px;color: #fff;background: transparent;outline: none;}
.footer-form textarea{display: block;width: 100%;height: 108px;box-sizing: border-box;border: 1px solid rgba(163,175,191,.5);border-radius: 2px;padding: 10px;margin-bottom: 15px;color: #fff;background: transparent;outline: none;resize: none;}
.footer-form input[type='button']{width: 183px;height: 38px;border-radius: 2px;border: none;margin-bottom: 0;font-size: 16px;background: #248bf2;cursor: pointer;}

.footer-clause{display: flex;justify-content: center;padding: 20px 0 10px;}
.footer-clause a{transition: all .5s;margin: 0 10px;;color: #98a4b2;font-size: 12px;line-height: .8em;}
.footer-clause a:hover{color: #fff;}
.footer-bottom{padding: 10px 0;text-align: center;}
.footer-bottom p,.footer-bottom a{transition: all .5s;color: #98a4b2;font-size: 12px;line-height: .8em;}
.footer-bottom a:hover{color: #fff;}

/* fixed */
.fixed{position: fixed;right: 8px;bottom: 20vh;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 55px;height: 55px;border-radius: 50%;background: #3192f3;cursor: pointer;perspective: 1000px;}
.fixed:hover{transform: rotateY(180deg);}

/* PCB */
.pcb{display: flex;justify-content: space-between;padding: 33px 0 256px;}
.pcb-con{width: 61.93%;}
.pcb-right{width: 36.38%;}
.pcb-choose{border-radius: 2px 2px 0 0;padding: 19px 17px 7px;border: 1px solid #e5e5e5;}
.pcb-choose-item{display: flex;align-items: flex-start;margin-bottom: 4px;}
.pcb-choose-item.x-out,.pcb-choose-item.panel-way,.pcb-choose-item.inner,.pcb-choose-item.ALConductionName,.pcb-choose-item.ALWithstandName{display: none;}
.pcb-choose-item.on{display: flex;}

.pcb-choose-left{position: relative;display: flex;align-items: center;width: 167px;overflow: hidden;}
.pcb-choose-name{color: #666;font-size: 14px;line-height: 17px;}
.pcb-choose-name span{color: #cc0000;font-size: 14px;}
.pcb-choose-tip{position: relative;top: 2px;display: inline-block;margin-left: 7px;cursor: pointer;}
.pcb-choose-tipbox{position: absolute;left: 50%;bottom: 100%;transform: translateX(-50%);transition: all .5s;width: 287px;padding: 10px;box-sizing: border-box;margin-bottom: 9px;color: #fff;font-size: 12px;line-height: 14px;background: #535353;z-index: 10;opacity: 0;}
.pcb-choose-tipbox::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translate(-50%,100%);width: 9px;height: 6px;background: url(/static/img/tips-bg.png);}
.pcb-choose-left.on {overflow: visible;}
.pcb-choose-left.on .pcb-choose-tipbox{opacity: 1;}

.pcb-choose-right{display: flex;flex-wrap: wrap;width: calc(100% - 167px);}
.pcb-choose-group{display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.pcb-choose-prompt{width: 100%;margin: -2px 0 10px;color: #6291b2;font-size: 12px;line-height: .8em;}

/* 单选按钮 */
.pcb-choose-right .radio-box{display: flex;margin-bottom: 10px;}
.pcb-choose-right .radio-box input[type="radio"] {position: absolute;width: 0;height: 0;opacity: 0;}
.radio-style{position: relative;display: flex;align-items: center;justify-content: center;height: 30px;box-sizing: border-box;padding: 8px 9px;margin-right: 16px;border: 1px solid #dcdcdc;color: #808080;font-size: 12px;text-align: center;cursor: pointer;}
.radio-style i{position: relative;display: block;position: relative;width: 12px;height: 12px;margin-right: 2px;box-sizing: border-box;}
.radio-style i.none::after{content: '';position: absolute;left: -2px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 14px;height: 1px;background: #eee;}
.radio-box input[type="radio"]:checked + .radio-style {color: #333;border:1px solid #248bf2;} 
.radio-box input[type='radio']:checked + .radio-style::after{content: '';position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;border: 1px solid #248bf2;box-sizing: border-box;background: url(/static/img/radio-checked.png) right bottom no-repeat;}

/* 数字 */
.pcb-number{display: flex;align-items: center;width: 100%;}
.pcb-number-item{display: flex;margin-bottom: 10px;}
.pcb-number-item input{width: 122px;height: 30px;padding: 9px 10px;box-sizing: border-box;line-height: .8em;color: #808080;border: 1px solid #dcdcdc;}
.pcb-number-item input#hidWidth{width: 108px;}
.pcb-number-item label{display: block;width: 48px;height: 30px;box-sizing: border-box;border: 1px solid #dcdcdc;border-left: none;line-height: 30px;color: #808080;font-size: 12px;text-align: center;background: #e6e6e6;}
.pcb-number span{display: block;padding: 0 10px;margin-bottom: 10px;color: #666;font-size: 20px;line-height: 30px;}
.pcb-number p{width: 93px;height: 30px;box-sizing: border-box;border: 1px solid #dcdcdc;line-height: 30px;margin-left: 14px;margin-bottom: 10px;color: #808080;font-size: 12px;text-align: center;cursor:default }

/* Quantity */
.Quantity{position: relative;display: flex;margin-bottom: 10px;}
.Quantity input[name='hidNum']{position: relative;width: 117px;height: 30px;}
.Quantity label.unit{display: block;width: 55px;height: 30px;box-sizing: border-box;border: 1px solid #dcdcdc;border-left: none;line-height: 30px;color: #808080;font-size: 12px;text-align: center;background: #e6e6e6;}
.Quantity-group{display: none;position: absolute;border: 1px solid #079EE3;width: 500px;padding: 10px;top: 30px;left: 0;z-index: 999;background-color: #fff;}
.Quantity-group ul{display: flex;flex-wrap: wrap;}
.Quantity-group li{width: 24%;box-sizing: border-box;padding: 2px 0 2px 6px;margin-bottom: 4px;line-height: normal;overflow: inherit;}
.Quantity-group li label{display: flex;}
.Quantity-group li span{padding-left: 5px;}
.Quantity-others input{height: 30px;}
.Quantity-others input[type='button']{cursor: pointer;}
.Quantity.on .Quantity-group{display: block;}

/* Layers */
.hidLayers.on .pcb-choose-son{display: flex;}
.pcb-choose-son{display:none;margin:-2px 0 10px;}
.pcb-choose-sonname{position: relative;overflow: hidden;}
.pcb-choose-sonname.on {overflow: visible;}
.pcb-choose-sonname.on .pcb-choose-tipbox{opacity: 1;}
.pcb-choose-sonbox{display: flex;flex-wrap: wrap;width: 290px;margin-left: 12px;margin-bottom: -5px;}
.pcb-choose-sonbox input{width: 93px;margin-right: 5px;margin-bottom: 5px;}
.pcb-choose-sonbox input:nth-child(3n){margin-right: 0;}

/* Material */


/* Panel way */
.pcb-panel-way{display: none;}
.pcb-choose-item .pcb-panel-way{display: none;}
.pcb-panel-way-box{display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 4px;}
.pcb-panel-way-type{width: 131px;color: #666;font-size: 14px;line-height: 30px;}
.pcb-panel-way-item{display: flex;flex-wrap: wrap;width: calc(100% - 131px);}
.pcb-panel-way-tip {margin-left: 8px;color: #6291b2;font-size: 12px;line-height: 30px;}

/* eg */
.pcb-choose-item.txtPinBanNum input[name='txtPinBanNum']{height: 30px;margin-bottom: 10px;}

.pcb-choose-explain{position: relative;margin-left: 6px;padding: 3px 0;color: #6291b2;font-size: 12px;line-height: .8em;border-bottom: 1px solid #6291b2;cursor: pointer;}
.explain-pic{display: none;position: absolute;left: 0;top: 100%;border: 1px solid #dcdcdc;margin-top: 7px;z-index: 2;}
.pcb-choose-explain:hover .explain-pic{display: block;}


/* thickness */
/* .pcb-choose-item.thickness .pcb-choose-group{display: none;}
.pcb-choose-item.thickness .pcb-choose-group.on{display: flex;} */



/* pcb-choose-RblInvoice */
.pcb-choose-RblInvoice{display: none;}
.pcb-choose-RblInvoice.on{display: flex;}

/* pcb-choose-stencilNeed */
.pcb-choose-stencilNeed.on{display: flex;}
.pcb-choose-stencilNeed{display: none;flex-wrap: wrap;align-items: flex-start;margin-bottom: 4px;}
.pcb-stencilNeed-type{width: 131px;color: #666;font-size: 14px;line-height: 30px;}
.pcb-stencilNeed-item{display: flex;flex-wrap: wrap;width: calc(100% - 131px);}

/* pcb-require */
.pcb-require{border: 1px solid #e5e5e5;border-top: none;margin-bottom: 11px;}
.pcb-require-title{display: flex;align-items: center;justify-content: space-between;padding: 0 18px;height: 48px;border-bottom: 1px solid #e5e5e5;color: #333;font-size: 14px;}
.pcb-require-title p{position: relative;padding-left: 20px;}
.pcb-require-title p span{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;}
.pcb-require-title p span::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 2px;background: #333;}
.pcb-require-title p span::after{content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 2px;height: 100%;background: #333;}
.pcb-require-box{display: flex;padding: 7px 18px;background: #f7fafc;}
.pcb-choose-right textarea[name='txtNote']{width: 100%;height: 107px;border: 1px solid #eee;padding: 13px 16px;outline: none;box-sizing: border-box;resize: none;font-size: 12px;overflow-y: auto;}

/* pcb-file */
.pcb-file{display: flex;justify-content: space-between;align-items: center;border: 1px solid #e5e5e5;padding: 14px 18px;background: #f7fafc;}
.pcb-file p{color: #333;font-size: 14px;}
.pcb-file p span{color: #999;font-size: 12px;}
.pcb-file-box{position: relative;}
.pcb-file-box img{display: block;}
.pcb-file-box input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}

/* pcb-right-pricing */
.pcb-right-pricing{border: 1px solid #e5e5e5;border-radius: 2px 2px 0 0;}
.pcb-right-pricing-title{display: flex;justify-content: space-between;padding: 14px 16px;border-bottom: 1px solid #e5e5e5;}
.pcb-right-pricing-title>p{color: #333;font-size: 18px;line-height: .8em;}
.pcb-right-pricing-tip{display: flex;align-items: center;color: #666;font-size: 16px;line-height: .8em;}
.pcb-right-pricing-tip img{display: block;margin-right: 7px;}
.pcb-right-pricing-table{}
.pcb-right-pricing-table-title{display: flex;align-items: center;padding: 10px 5px;border-bottom: 1px solid #e5e5e5;}
.pcb-right-pricing-table-title p{color: #333;font-size: 16px;}
.pcb-right-pricing-table-title p:first-child{width: 42.06%;padding-left: 9px;box-sizing: border-box;}
.pcb-right-pricing-table-title p:nth-child(2){width: 25.56%;}
.pcb-right-pricing-table-title p:nth-child(3){width: 32.38%;}
.pcb-right-pricing-table-box{padding: 7px 5px 0;background: #f7fafc;}
.pcb-right-pricing-table-rowitem{position: relative;display: flex;padding: 9px;border: 1px solid #eee;margin-bottom: 6px;background: #fff;}
.pcb-right-pricing-table-rowitem .radio-box{display: block;width: 100%;height: 100%;}
.pcb-right-pricing-table input[type="radio"] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;width: 0;height: 0;}
.pricing-table-row-choose{display: flex;align-items: center;width: 100%;height: 100%;}
.pcb-right-pricing-table .pricing-table-row-choose::before {display: inline-block;width: 22px;height: 22px;border-radius: 50%;border: 1px solid #eee; -webkit-box-sizing: border-box;box-sizing: border-box;content: "";background: url(/static/img/check.png) center no-repeat;}
.pcb-right-pricing-table input[type="radio"]:checked + .pricing-table-row-choose::before {background: url(/static/img/check.png)#248bf2 center no-repeat ;border-color: #248bf2;}
.pricing-table-row-chooseitem{margin-left: 20px;}
.pricing-table-tips{position: relative;}
.pricing-table-row-column{display: flex;align-items: center;overflow: hidden;}
.pricing-table-row-choose .pricing-table-row-column:first-child{width: 42.06%;}
.pricing-table-row-choose .pricing-table-row-column:nth-child(2){width: 25.56%;}
.pricing-table-row-choose .pricing-table-row-column:nth-child(3){width: 32.38%;}
.pricing-table-row-column.on {overflow: visible;}
.pricing-table-row-column.on .pcb-choose-tipbox{opacity: 1;}
.pricing-table-row-chooseitem p,.pricing-table-row-column>p{color: #333;font-size: 16px;line-height: 1.5em;}

/* pcb-delivery */
.pcb-delivery{margin-top: 15px;}
.pcb-delivery-title{display: flex;align-items: center;justify-content: space-between;padding: 18px 15px;border: 1px solid #e5e5e5;}
.pcb-delivery-title p{color: #333;font-size: 14px;line-height: .8em;}
.pcb-delivery-title p span{color: #cc0000;}
.pcb-delivery-box{display: flex;flex-wrap: wrap;justify-content: space-between;border: 1px solid #e5e5e5;border-top: none;padding: 16px 10px 8px 15px;background: #f7fafc;}
.pcb-delivery-item{display: flex;align-items: center;margin-bottom: 8px;}
.pcb-delivery-name{width: 55px;color: #666;font-size: 12px;line-height: .8em;}
.pcb-delivery-name span{color: #cc0000;}
.pcb-delivery-item input,.pcb-delivery-item select{display: block;width: 180px;height: 30px;border: 1px solid #eee;box-sizing: border-box;background: #fff;}
.pcb-delivery-item:nth-child(even) .pcb-delivery-name{width: 69px;}
.pcb-delivery-item:nth-child(even) input{width: 160px;}
.pcb-delivery-item:last-child{width: 100%;}
.pcb-delivery-item:last-child input{width: calc(100% - 55px);}

/* pcb-cost */
.pcb-cost{margin-top: 15px;}
.pcb-cost-main{position: relative;padding: 13px 21px 12px 14px;border: 1px solid #e5e5e5;}
.pcb-cost-main .pcb-cost-tips{display: flex;align-items: center;}
.pcb-cost-main .pcb-cost-tips p{margin-left: 8px;color: #6291b2;font-size: 12px;line-height: .8em;}
.pcb-cost-item{display: flex;justify-content: space-between;align-items: center;margin-top: 13px;color: #666;font-size: 14px;line-height: .8em;}
.pcb-cost-select{position: relative;}
.pcb-cost-selected{display: flex;justify-content: space-between;align-items: center;width: 207px;height: 24px;box-sizing: border-box;padding: 0 8px;border: 1px solid #dcdcdc;color: #666;font-size: 12px;line-height: .8em;cursor: pointer;}
.pcb-cost-slide{position: absolute;left: 0;top: 100%;background: #fff;}
.pcb-cost-slide p{display: flex;align-items: center;width: 207px;height: 24px;box-sizing: border-box;padding: 0 8px;color: #666;font-size: 12px;line-height: .8em;cursor: pointer;}
.pcb-cost-item .pcb-con-selected input{width: 207px;height: 24px;padding: 0 8px;}
.pcb-cost-item .pcb-con-selectedItem li{display: flex;align-items: center;;height: 24px;}
.pcb-cost-bg{position: absolute;bottom: 11px;right: 21px;}
.pcb-cost-top{display: flex;justify-content: space-between;align-items: center;padding: 15px;border: 1px solid #e5e5e5;border-top: none;color: #333;font-size: 16px;line-height: .8em;background: #f7fafc;}
.pcb-cost-top .num{color: #ffa12d;}
.pcb-cost-btn{display: flex;align-items: center;justify-content: space-between;border: 1px solid #e5e5e5;border-top: none;padding: 16px 18px;}
.pcb-cost-btn-item{display: flex;align-items: center;width: 220px;height: 31px;border-radius: 2px;background: #248bf2;}
.pcb-cost-btn-item:last-child{background: #ffa12d;}
.pcb-cost-btn-item img{display: block;}
.pcb-cost-btn-item input{display: flex;align-items: center;justify-content: center;width: calc(100% - 31px);height: 100%;text-align: center;color: #fff;font-size: 16px;text-align: center;border: none;outline: none;background: transparent;cursor: pointer;}

/* pcb-table */
.pcb-table{display: flex;flex-wrap: wrap;margin-top: 15px;border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.pcb-table-item{display: flex;width: 50%;min-height: 33px;border-right: 1px solid #dcdcdc;box-sizing: border-box;}
.pcb-table-type{display: flex;justify-content: center;align-items: center;width: 158px;height: 100%;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;color: #666;font-size: 12px;background: #f7fafc;}
.pcb-table-num{display: flex;justify-content: center;align-items: center;width: 88px;height: 100%;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;color: #666;font-size: 12px;text-align: center;}

.pcb-pic{position: relative;height: 254px;margin-top: 15px;border-radius: 0 0 2px 2px;overflow: hidden;}
.pcb-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/* SMD-Stencil */
.smd{display: flex;justify-content: space-between;padding: 33px 0 256px;}
.smd .radio-style{margin-right: 12px;}
.smd .pcb-choose{padding: 19px 0 7px 17px;}
.smd-size .radio-style{padding: 9px 4px;}

/* My order */
.order{padding: 24px 0 200px;min-height: calc(100vh - 670px);box-sizing: border-box;}
.order-wrap1{display: flex;justify-content: space-between;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 38px 18px 21px;background: #f7fafc;}
.order-member{display: flex;}
.order-member-pic{position: relative;width: 54px;height: 54px;border-radius: 50%;overflow: hidden;margin-right: 8px;}
.order-member-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.order-member-data{}
.order-member-name{padding: 3px 8px;color: #333;font-size: 14px;line-height: 1.5em;background: #e5e5e5;}
.order-member-tag{display: flex;margin-top: 9px;}
.order-member-tag p{border-radius: 2px;margin-right: 5px;padding: 0 8px;color: #fff;font-size: 12px;background: #ffa12d;}
.order-member-tag p:last-child{margin-right: 0;}
.order-info{}
.order-profile{display: flex;align-items: center;}
.order-profile-name{display: flex;align-items: center;margin-right: 50px;color: #333;font-size: 14px;line-height: .8em;}
.order-profile-name img{margin-left: 11px;}
.order-profile-link{display: flex;align-items: center;}
.order-profile-link a{transition: all .5s;display: flex;margin-right: 40px;color: #333;font-size: 14px;line-height: .8em;}
.order-profile-link a:last-child{margin-right: 0;}
.order-profile-link a p{margin-left: 8px;color: #ffa12d;}
.order-profile-link a:hover{color: #248bf2;}
.order-btn{display: flex;justify-content: flex-end;align-items: center;margin-top: 20px;}
.order-btn a{display: flex;align-items: center;border-radius: 2px;margin-right: 8px;background: #248bf2;}
.order-btn a:last-child{margin-right: 0;background: #ffa12d;}
.order-btn a p{padding: 0 8px;color: #fff;font-size: 16px;text-align: center;}
.order-wrap2{display: flex;align-items: center;justify-content: space-between;height: 52px;border: 1px solid #dcdcdc;border-top: none;box-sizing: border-box;padding: 0 18px;}
.order-status{display: flex;align-items: center;}
.order-status-title{color: #333;font-size: 14px;}
.order-status-list{display: flex;align-items: center;margin-left: 20px;}
.order-status-item {position: relative;padding: 0 40px;}
.order-status-item::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #dcdcdc;}
.order-status-item:last-child:after{display: none;}
.order-status-main{position: relative;}
.order-status-item a{transition: all .5s;color: #808080;font-size: 14px;line-height: .8em;}
.order-status-item:hover a{color: #248bf2;}
.order-status-item.on a{color: #248bf2;}
.order-status-item .order-status-num{position: absolute;right: 0;top: 0;transform: translate(50%,-50%);display: flex;justify-content: center;align-items: center;min-width: 12px;height: 12px;border-radius: 14px;color: #fff;font-size: 10px;line-height: .8em;background: #e60012;}
.order-status-item .order-status-num p{transform: scale(.8);}

.order-checked{display: flex;align-items: center;}
.order-checked .check-box{display: flex;margin-right: 28px;}
.order-checked .check-box:last-child{margin-right: 0;}
.order-checked .check-box input[type="checkbox"] {opacity: 0;width: 0;height: 0;}
.order-checked .check-style{position: relative;padding-left: 21px;color: #808080;font-size: 14px;}
.check-style::before {content: "";position: absolute;left: 1px;top: 50%;transform: translateY(-50%);display: inline-block;width: 10px;height: 10px;border: 1px solid #dcdcdc;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="checkbox"]:checked + .check-style::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 13px;height: 10px;background: url(/static/img/true1.png)center no-repeat;}

.order-wrap3{display: flex;align-items: center;justify-content: space-between;padding: 12px 18px;box-sizing: border-box;}
.order-wrap3 .order-time{display: flex;align-items: center;}
.order-wrap3 .order-time p{margin-right: 10px;color: #333;font-size: 14px;text-align: center;}
.order-wrap3 .order-time-item{display: flex;align-items: center;}
.layui-input-inline{position: relative;}
.layui-input-inline::after{content: "";position: absolute;right: 13px;width: 14px;height: 27px;background: url(/static/img/datetime.png)center no-repeat;}
.layui-form-mid{padding: 0 7px;color: #a0a0a0;}
.order-wrap3 .order-time-item input{position: relative;width: 116px;height: 25px;padding: 0 14px;box-sizing: border-box;color: #333;font-size: 14px;}
.order-input{display: flex;align-items: center;}
.order-input-item{display: flex;align-items: center;margin-right: 60px;color: #333;font-size: 14px;}
.order-input-item input{width: 98px;height: 25px;margin-left: 8px;}
.order-input-item:last-child{margin-right: 0;}
.order-search{display: flex;}
.order-search button{width: 74px;height: 38px;border: none;outline: none;border-radius: 2%;color: #fff;font-size: 14px;text-align: center;background: #248bf2;cursor: pointer;}
.order-search button:last-child{width: 108px;margin-left: 8px;background: #ffa12d;}
.order-table{}

.order-table table{display: block;width: 100%;border: 1px solid #dcdcdc;box-sizing: border-box;}
.order-table table tbody{display: block;}
.order-table table tr{display: flex;width: 100%;border-bottom: 1px solid #dcdcdc;}
.order-table table tr:first-child{background: #f7fafc;}
.order-table table tr:last-child{border-bottom: none;}
.order-table table tr td{display: flex;justify-content: center;align-items: center;width: auto;min-height: 37px;box-sizing: border-box;color: #333;font-size: 12px;line-height: 15px;text-align: left;}
.order-table table tr:first-child td{height: 44px;}
.order-table table tr.goods td p{line-height: 35px;overflow-x: hidden;font-size: 12px;line-height: 1.2em;}
.order-table table tbody tr td.order-table-check{width: 1.25%;padding-left: 16px;padding-right: 10px;}
    .order-table table tbody tr td.order-table-no {
        width: 0.75%;
        padding-left: 16px;
        padding-right: 16px;
        text-align:center;
        font-size:10px;
    }
.order-table table tbody tr td.order-table-type{width: 5.67%;}
.order-table table tbody tr td.order-table-po{width: 4.92%;padding-right: 6px;}
.order-table table tbody tr td.order-table-orderdate{width: 3.83%;padding-right: 6px;}
.order-table table tbody tr td.order-table-releasedate{width: 4.17%;padding-right: 6px;}
.order-table table tbody tr td.order-table-filename{width: 11.09%;padding-right: 6px;}
.order-table table tbody tr td.order-table-layers{width: 3.25%;padding-right: 6px;}
.order-table table tbody tr td.order-table-size{width: 5.67%;padding-right: 6px;}
.order-table table tbody tr td.order-table-quantity{width: 4.34%;padding-right: 6px;}
.order-table table tbody tr td.order-table-squaremeter{width: 6.34%;padding-right: 6px;}
.order-table table tbody tr td.order-table-material{width: 5.17%;padding-right: 6px;}
.order-table table tbody tr td.order-table-panel{width: 3.67%;padding-right: 6px;}
.order-table table tbody tr td.order-table-tdickness{width: 4.42%;padding-right: 6px;}
.order-table table tbody tr td.order-table-surface{width: 4.09%;padding-right: 6px;}
.order-table table tbody tr td.order-table-viaprocess{width: 4.17%;padding-right: 6px;}
.order-table table tbody tr td.order-table-finishcopper{width: 4.92%;padding-right: 6px;}
.order-table table tbody tr td.order-table-amount{width: 4.42%;padding-right: 6px;}
.order-table table tbody tr td.order-table-payment{width: 5.01%;padding-right: 6px;}
.order-table table tbody tr td.order-table-status{width: 4.5%;padding-right: 6px;}
.order-table table tbody tr td.remark{width: 9.34%;justify-content: space-around;}
.order-table table tbody tr td.order-table-status p,.order-table table tbody tr td.remark p{cursor: pointer;}

.order-more{transition: all .5s;display: flex;justify-content: center;align-items: center;height: 37px;border: 1px solid #dcdcdc;border-top: none;color: #808080;font-size: 14px;}
.order-more img{margin-left: 18px;}
.order-more:hover{color: #248bf2;}
.order-page {
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    border: 1px solid #dcdcdc;
    border-top: none;
    color: #808080;
    font-size: 14px;
}
    .order-page span {
        margin-left:5px;
        margin-right: 5px;
        cursor: pointer;
    }
        .order-page span:hover {
            color: #248bf2;
        }

/* product */
.inner-banner{height: 425px;box-sizing: border-box;padding: 125px 0 102px;}
.inner-main-title{margin-bottom: 18px;color: #fff;font-size: 36px;line-height: .8em;}
.inner-main-longtitle{margin-bottom: 40px;color: #fff;font-size: 20px;line-height: 28px;}
.inner-banner-btn{display: flex;justify-content: center;align-items: center;width: 120px;height: 34px;border-radius: 2px;color: #fff;font-size: 16px;text-align: center;background: #248bf2;}
.product-search{display: flex;align-items: center;width: 538px;border-radius: 2px;padding: 5px 0;background: #fff;}
.product-search-item{padding: 14px 15px;}
.product-search-item:first-child,.product-search-item:nth-child(2){border-right: 1px solid #eee;}
.product-search-item:last-child{padding: 14px 22px;}
.product-search-type{margin-bottom: 22px;color: #333;font-size: 16px;line-height: .8em;}
.product-search input{display: block;border: none;padding: 0;color: #333;font-size: 12px;line-height: .8em;}
.product-search-select {position: relative;overflow: hidden;}
.product-search-select.on {overflow: visible;}
.product-search-selectvalue{display: flex;align-items: center;cursor: pointer;}
.product-search-selectvalue p{transition: all .5s;color: #333;font-size: 12px;line-height: 14px;}
.product-search-item:nth-child(2) .product-search-selectvalue p{min-width: 97px;}
.product-search-item:nth-child(3) .product-search-selectvalue p{min-width: 36px;}
.product-search-selectvalue img{margin-left: 5px;}
.product-search-selectvalue:hover p{color: #248bf2;}
.product-search-selectbox{position: absolute;left: 0;top: 100;display: none;width: 100%;max-height: 144px;overflow-y: auto;box-shadow: 0 2px 5px 5px rgba(0, 0, 0, .1);border-radius: 2px;background: #fff;opacity: 0;}
.product-search-selectbox p{transition: all .5s;color: #333;font-size: 12px;line-height: 1.5em;text-align: center;cursor: pointer;}
.product-search-selectbox p:hover{color: #fff;background: #248bf2;}
.product-search button{display: flex;justify-content: center;align-items: center;width: 103px;height: 37px;border: none;border-radius: 2px;margin-right: 27px;color: #fff;font-size: 12px;background: #248bf2;cursor: pointer;}

.container{width: 100%;padding: 38px 0 78px;background: #f7fafc;}
.product-list{display: flex;flex-wrap: wrap;margin-bottom: 33px;}
.product-item{transition: all .5s;width: 31.47%;margin-right: 2.795%;margin-bottom: 33px;}
.product-item:nth-child(3n){margin-right: 0;}
.product-item-pic{position: relative;width: 100%;padding-bottom: 82.55%;}
.product-item-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-item-main{padding: 37px 24px;background: #e8ebed;}
.product-item-title{margin-bottom: 22px;color: #333;font-size: 20px;line-height: 1em;}
.product-item-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 36px;color: #808080;font-size: 14px;line-height: 18px;}
.product-item:hover{transform: translateY(-18px);box-shadow: 0 0 5px rgba(204, 204, 204, .3);}

/* 产品详情页 */
.product-read{display: flex;justify-content: space-between;padding: 20px 0 26px;}
.product-read-l{width: 356px;}
.product-readpic{width: 100%;height: 322px;}
.product-read-pic{position: relative;height: 100%;}
.product-read-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-look{transition: all .5s;display: flex;justify-content: center;align-items: center;margin: 30px auto 10px;color: #808080;font-size: 14px;line-height: .8em;cursor: pointer;}
.product-look p{margin-left: 4px;}
.product-look:hover{color: #248bf2;}
.product-readpiclist{padding: 0 10px;height: 49px;}
.product-readpiclist .swiper-slide{margin-left: -1px;}
.product-readpiclist-pic{position: relative;width: 100%;height: 100%;border: 1px solid #dcdcdc;box-sizing: border-box;}
.product-readpiclist .swiper-slide::after{content: "";position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;width: 100%;height: 100%;border: 2px solid transparent;box-sizing: border-box;}
.product-readpiclist .swiper-slide:hover::after,.product-readpiclist .swiper-slide.swiper-slide-thumb-active::after{border-color: #ffa12d;}
.product-readpiclist-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.product-read-link{display: flex;margin-top: 10px;padding-left: 10px;}
.product-read-link .check-box{display: flex;cursor: pointer;}
.product-read-link .check-box input[type="checkbox"] {opacity: 0;width: 0;height: 0;}
.product-read-link .check-style{position: relative;padding-left: 18px;color: #6291b2;font-size: 14px;}
.check-style::before {content: "";position: absolute;left: 1px;top: 50%;transform: translateY(-50%);display: inline-block;width: 10px;height: 10px;border: 1px solid #dcdcdc;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="checkbox"]:checked + .check-style::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 13px;height: 10px;background: url(/static/img/true1.png)center no-repeat;}
.product-read-share{display: flex;align-items: center;margin-left: 18px;color: #6291b2;font-size: 14px;}
.product-read-share img{margin-right: 8px;}

.product-m{width: 686px;}
.product-info{padding: 8px 18px 15px;border-bottom: 1px solid #dcdcdc;}
.product-read-title{color: #333;font-size: 20px;line-height: .8em;}
.product-read-sale{margin: 16px 0;color: #808080;font-size: 14px;line-height: .8em;}
.product-read-price{color: #333;font-size: 14px;line-height: .8em;}
.product-read-price a{color: #6291b2;text-decoration: underline;}
.product-explain{display: flex;align-items: center;height: 62px;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;padding: 0 18px;}
.product-explain p{border-right: 1px solid #333;padding: 0 6px;color: #333;font-size: 16px;line-height: .8em;}
.product-explain p:first-child{padding-left: 0;}
.product-explain p:last-child{padding-right: 0;border-right: none;}
.product-explain span{color: #808080;font-size: 14px;line-height: .8em;}
.product-details{padding-top: 12px;}
.product-count{display: flex;align-items: center;justify-content: space-between;padding: 7px 20px 7px 5px;height: 43px;box-sizing: border-box;border-radius: 2px;margin-bottom: 12px;background: rgba(255,161,45,.1);}
.product-count-title{display: flex;align-items: center;}
.product-count-logo{position: relative;display: flex;align-items: center;width: 82px;height: 29px;border-radius: 2px 0 0 2px;padding-left: 5px;color: #fff;font-size: 12px;line-height: 14px;text-transform: uppercase;background: #ffa12d;}
.product-count-logo::before{content: "";position: absolute;top: 50%;right: -6px;transform: translateY(-50%);width: 3px;height: 3px;background: #fff;z-index: 1;}
.product-count-logo::after{content: "";position:absolute;top: 0;right: -12px;width: 0;height: 0;border-left: 12px solid #ffa12d;border-top: 14.5px solid transparent;border-bottom: 14.5px solid transparent;}
.product-count-slogn{width: 400px;margin-left: 20px;;color: #f48429;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-details-list{padding-left: 16px;}
.product-details-item{display: flex;}
.product-details-title{position: relative;overflow: hidden;width: 106px;}
.product-details-title>p{color: #808080;font-size: 14px;line-height: .8em;}
.product-details-title img{}
.product-details-title.on {overflow: visible;}
.product-details-title.on .pcb-choose-tipbox{opacity: 1;}
.product-details-box{width: calc(100% - 106px);}
.product-details-box ul{border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;margin-bottom: 12px;}
.product-details-box li{display: flex;height: 42px;}
.product-details-box li p{color: #333;font-size: 14px;text-align: center;}
.product-drtails-td{display: flex;justify-content: center;align-items: center;width: 25%;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.product-details-item.customization{padding-bottom: 25px;border-bottom: 1px dashed #dcdcdc;}
.product-details-item.customization .product-details-box p{color: #333;font-size: 14px;line-height: .8em;}
.product-details-item.customization .product-details-box span{color: #808080;font-size: 12px;line-height: .8em;}
.product-details-item.protrction{padding-top: 16px;}
.product-details-item.protrction .product-details-text p{color: #333;font-size: 14px;line-height: .8em;}
.product-details-item.protrction .product-details-text p span{color: #808080;font-size: 12px;line-height: .8em;}
.product-details-tips {display: flex;align-items: center;flex-wrap: wrap;}
.product-details-tips .product-details-tips-item{display: flex;align-items: center;margin-top: 15px;}
.product-details-tips .product-details-tips-item p{margin-left: 4px;margin-right: 44px;color: #333;font-size: 12px;line-height: .8em;}

.product-r{width: 249px;}
.product-r-contact{padding: 0 15px;margin-bottom: 22px;}
.product-r-contact-tips{margin:8px 0 14px;color: #333;font-size: 14px;line-height: 18px;}
.product-r-contact-btn{}
.product-r-contact-btn a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 219px;height: 37px;box-sizing: border-box;border: 1px solid #248bf2;border-radius: 2px;margin-bottom: 14px;color: #fff;font-size: 14px;background: #248bf2;}
.product-r-contact-btn a p{margin-left: 6px;}
.product-r-contact-btn a.call{border: 1px solid #0066cc;margin-bottom: 12px;color: #0066cc;background: transparent;}
.product-r-contact-btn a.call img.hover{display: none;}

.product-r-contact-btn a.mail:hover{box-shadow: 2px 2px 5px rgba(36, 139, 242, 1);}
.product-r-contact-btn a.call:hover{color: #fff;background: #0066cc;box-shadow: 2px 2px 5px rgba(0 , 102, 204, 1);}
.product-r-contact-btn a.call:hover img.hover{display: block;}
.product-r-contact-btn a.call:hover img.leave{display: none;}
.product-r-contact .chat{display: flex;align-items: center;justify-content: center;color: #ffa12d;font-size: 14px;line-height: .8em;}
.product-r-contact .chat p{margin-left: 8px;}
.product-r-pic{height: 264px;border-radius: 2px;overflow: hidden;}

.product-relaxtion{padding: 30px 0 68px;background: #f7fafc;}
.product-relaxtion-title{margin-bottom: 34px;color: #343434;font-size: 20px;line-height: .8em;}
.product-relaxtion-list{display: flex;flex-wrap: wrap;}
.product-relaxtion-item{transition: all .5s;width: 23.42%;margin-right: 2.10%;}
.product-relaxtion-item:nth-child(4n){margin-right: 0;}
.product-relaxtion-item:hover{transform: translateY(-10px);box-shadow: 0 0 5px rgba(204, 204, 204, .3);}
.product-relaxtion-pic{position: relative;width: 100%;padding-bottom: 83.43%;}
.product-relaxtion-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-relaxtion-main{padding: 26px 23px;background: #e8ebed;}
.product-relaxtion-item-title{margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-size: 16px;line-height: 1em;}
.product-relaxtion-item-msg{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 28px;;color: #808080;font-size: 12px;line-height: 14px;}
.fixed-pic{position: fixed;left: 0;top: 0;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;z-index: 100;}
.fixed-pic.on{display: flex;}
.fixed-pic-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.fixed-pic-box{position: relative;max-width: 80vh;max-height: 80vh;;z-index: 1;}
.fixed-pic-box img{max-width: 100%;max-height: 100%;}

/* Customer Feedback */
.customer{padding: 50px 0 93px;}
.customer-title{margin-bottom: 42px;color: #333;font-size: 36px;line-height: .8em;text-align: center;}
.customer-content{justify-content: space-between;}
.customer-list{position:relative;width:330px;float: left;margin-right: 15px;}
.customer-list:nth-child(4n){margin-right: 0;}
.customer-item{margin-bottom: 20px;}
.customer-item-main{transition: all .5s;width:330px;box-sizing: border-box;border: 1px solid #eee;border-radius: 2px;padding: 18px 21px 27px;}
.customer-person{display: flex;align-items: center;margin-bottom: 12px;}
.customer-personpic{position: relative;width: 42px;height: 42px;border-radius: 50%;overflow: hidden;}
.customer-personpic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.customer-name{margin-left: 12px;}
.customer-name p{margin-bottom: 10px;color: #333;font-size: 18px;line-height: .8em;}
.customer-name span{display: block;color: #999;font-size: 12px;line-height: .8em;}
.customer-level{display: flex;align-items: center;margin-bottom: 8px;}
.customer-date{color: #999;font-size: 12px;line-height: .8em;}
.customer-msg{margin: 14px 0 24px;color: #666;font-size: 12px;line-height: 18px;}
.customer-pic {width: 100%;height: 236px;}
.customer-pic .swiper-slide{position: relative;}
.customer-pic .swiper-slide img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.customer-piclist{display: flex;flex-wrap: wrap;margin-top: 10px;}
.customer-piclist .customer-pic-item{position: relative;width: 67px;height: 67px;margin-right: 6px;margin-bottom: 5px;cursor: pointer;}
.customer-piclist .customer-pic-item:last-child{margin-right: 0;}
.customer-piclist .customer-pic-item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.customer-item:hover .customer-item-main{border-color: #248bf2;}

.customer-more{display: flex;justify-content: center;align-items: center;width: 222px;height: 60px;border-radius: 2px;margin: 0 auto;color: #fff;font-size: 16px;background: #248bf2;cursor: pointer;}
.customer-more img{margin-left: 12px;}


/* vip */
.vip{padding: 35px 0 58px;}
.vip-wrap1{display: flex;margin-bottom: 24px;}
.vip-portrait{display: flex;align-items: center;justify-content: center;flex-flow: column;width: 212px;height: 190px;background: #f7fafc;}
.vip-portrait-pic{position: relative;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;margin-bottom: 10px;}
.vip-portrait-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.vip-portrait-nickname{display: flex;justify-content: center;align-items: flex-end;margin-bottom: 12px;}
.vip-portrait-nickname p{margin-right: 6px;color: #333;font-size: 20px;line-height: .8em;}
.vip-portrait-nickname span{color: #333;font-size: 10px;line-height: .8em;}
.vip-portrait-btn{display: flex;justify-content: center;align-items: center;width: 107px;height: 23px;border-radius: 2px;color: #fff;font-size: 14px;background: #248bf2;cursor: pointer;}
.vip-profile{width: calc(100% - 212px);border: 1px solid #dcdcdc;border-left: none;box-sizing: border-box;}
.vip-profile-top {display: flex;align-items: center;justify-content: space-between;height: 42px;padding:0 22px;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;color: #333;font-size: 16px;}
.vip-profile-top-link{display: flex;align-items: center;}
.vip-profile-top-link p{transition: all .5s;margin-right: 20px;cursor: pointer;}
.vip-profile-top-link p:last-child{margin-right: 0;}
.vip-profile-top-link p:hover{color: #248bf2;}
.vip-profile-bottom{display: flex;align-items: center;justify-content: space-between;height: calc(100% - 42px);padding:0 22px;}
.vip-profile-item{display: flex;align-items: center;}
.vip-profile-icon{width: 48px;height: 48px;margin-right: 14px;}
.vip-profile-info p{color: #333;font-size: 16px;line-height: .8em;}
.vip-profile-info p.gray{margin-top: 12px;color: #808080;font-size: 14px;line-height: .8em;}
.vip-profile-info span{color: #ff9933;font-size: 20px;line-height: .8em;}
.vip-profile-info a{margin-top: 8px;color: #6291b2;font-size: 12px;line-height: 16px;}

.vip-wrap2{}
.vip-title{display: flex;justify-content: space-between;padding-top: 9px;border-bottom: 1px solid #dcdcdc;}
.vip-title>p{position: relative;padding-left: 14px;color: #0066cc;font-size: 16px;line-height: 36px;}
.vip-title>p::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 3px;background: #ff9933;}
.vip-edit{display: flex;align-items: center;padding-right: 14px;}
.vip-edit p{transition: all .5s;margin-left: 6px;color: #6291b2;font-size: 14px;line-height: .8em;text-decoration: underline;}
.vip-edit:hover p{color: #248bf2;}
.vip-wrap2-main{display: flex;flex-wrap: wrap;margin: 11px auto -10px;}
.vip-wrap2-item{padding: 33px 22px;width: 23.5%;height: 132px;box-sizing: border-box;margin-right: 2%;margin-bottom: 25px;background: #f7fafc right 28px bottom -20px no-repeat;}
.vip-wrap2-item:nth-child(4n){margin-right: 0;}
.vip-wrap2-item p{margin-bottom: 14px;color: #333;font-size: 20px;line-height: .8em;}
.vip-wrap2-item span{color: #808080;font-size: 14px;line-height: 20px;}

.vip-wrap3,.vip-wrap4{border: 1px solid #dcdcdc;box-sizing: border-box;margin-bottom: 5px;}
.vip-wrap3-main{display: flex;justify-content: space-between;align-items: center;padding:0 14px;}
.vip-wrap3-item{display: flex;align-items: center;height: 52px;}
.vip-wrap3-item p{color: #666;font-size: 14px;}
.vip-wrap3-item span{margin-left: 10px;;color: #808080;font-size: 12px;}
.vip-notice{padding: 8px 14px;}
.vip-notice-item{position: relative;display: flex;align-items: center;justify-content: space-between;padding-left: 13px;color: #808080;font-size: 14px;line-height: 20px;}
.vip-notice-item::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;background: #808080;}
.vip-notice-item p{transition: all .5s;width: calc(100% - 100px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vip-notice-item:hover p{color: #248bf2;}

.vip-wrap5{border: 1px solid #dcdcdc;box-sizing: border-box;}
.vip-wrap5-main{display: flex;flex-wrap: wrap;}
.vip-wrap5-item{position: relative;display: flex;width: 50%;box-sizing: border-box;border-right: 1px solid #dcdcdc;padding: 8px 0 8px 28px;color: #808080;font-size: 14px;}
.vip-wrap5-item:nth-child(even){border-right: none;}
.vip-wrap5-item::before{content: "";position: absolute;left: 14px;top: 11px;width: 3px;height: 3px;background: #808080;}
.vip-wrap5-item .vip-wrap5-pic{position: relative;width: 70px;height: 50px;}
.vip-wrap5-item .vip-wrap5-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.vip-wrap5-item p{transition: all .5s;width: 516px;padding:0 18px;box-sizing: border-box;}
.vip-wrap5-item span{color: #33cc00;}
.vip-wrap5-item:hover p{color: #248bf2;}

/* recharge-query */
.fixed-topup{position: fixed;top: 0;top: 0;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;}
.fixed-topup.on{display: flex;}
.fixed-topup-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.fixed-topup-main{position: relative;z-index: 1;width: 718px;height: 423px;border-radius: 3px;background: #fff;overflow: hidden;}
.fixed-topup-top{height: 140px;padding: 13px 26px;box-sizing: border-box;background: #004080;}
.fixed-topup-title{display: flex;justify-content: space-between;align-items: center;color: #fff;font-size: 16px;line-height: .8em;}
.fixed-topup-close{cursor: pointer;}
.fixed-topup-vip{display: flex;align-items: center;;margin-top: 14px;}
.fixed-topup-cycle{display: flex;align-items: center;justify-content: center;width: 46px;height: 46px;box-sizing: border-box;border-radius: 50%;border: 1px solid #ff9933;margin-right: 9px;}
.fixed-topup-vippic{position: relative;display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;box-sizing: border-box;border-radius: 50%;border: 1px solid #ff9933;overflow: hidden;}
.fixed-topup-vippic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.fixed-topup-vipinfo{display: flex;align-items: center;}
.fixed-topup-vip-nickname{display: flex;align-items: flex-end;color: #fff;font-size: 20px;line-height: .8em;}
.fixed-topup-vip-nickname img{margin-left: 4px;}
.fixed-topup-vip-nickname span{font-size: 10px;line-height: .8em;}
.fixed-topup-vipaccount{display: flex;align-items: flex-end;margin-left: 12px;color: #fff;font-size: 16px;line-height: .8em;}
.fixed-topup-vipaccount a{margin-left: 8px;;color: #ffa12d;font-size: 12px;line-height: .8em;text-decoration: underline;}
.fixed-topup-bottom{position: relative;height: calc(100% - 140px);padding: 26px;box-sizing: border-box;}
.fixed-topup-choose{position: absolute;left: 0;top: 0;transform: translateY(-100%);width: 100%;}
.fixed-topup-choose-item{position: absolute;top: -42px;display: flex;align-items: center;justify-content: center;width: 344px;height: 42px;color: #fff;font-size: 20px;cursor: pointer;}
.fixed-topup-choose-item.on{z-index: 1;}
.fixed-topup-choose-item:first-child{left: 0;background: #ff9933;border-radius: 10px 0 0 0 ;}
.fixed-topup-choose-item:first-child::after{content: "";position: absolute;top: 0;right: -29px;width: 29px;height: 100%;background: url(/static/img/vipchoose-orange.png) no-repeat;}
.fixed-topup-choose-item:last-child{right: 0;background: #0066cc;border-radius: 0 10px 0 0 ;}
.fixed-topup-choose-item:last-child::after{content: "";position: absolute;top: 0;left: -29px;width: 29px;height: 100%;background: url(/static/img/vipchoose-blue.png) no-repeat;}
.fixed-topup-list{display: none;height: 100%;}
.fixed-topup-list.on{display: block;}
#recharge-query .fixed-topup-list{background: url(/static/img/topuplist-bg.png) bottom right no-repeat;}
.fixed-topup-info{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 18px;}
.fixed-topup-info p{color: #333;font-size: 20px;line-height: .8em;}
.fixed-topup-info p span{color: #ff9933;font-size: 24px;line-height: .8em;}
.fixed-topup-info p.fixed-topup-tips{color: #666666;font-size: 12px;}
.fixed-topup-listbox{max-height: calc(100% - 37px);overflow-y: auto;border: 1px solid #dcdcdc;list-style: none;}
.fixed-topup-listbox li{display: flex;align-items: center;border-bottom: 1px solid #dcdcdc;}
.fixed-topup-listbox li:last-child{border-bottom: none;}
.fixed-topup-listbox li div{display: flex;align-items: center;justify-content: center;height: 37px;border-right: 1px solid #dcdcdc;box-sizing: border-box;}
.fixed-topup-listbox li div:nth-child(4){border-right: none;}
.fixed-topup-listbox li .num{width: 127px;}
.fixed-topup-listbox li .amount{width: 160px;}
.fixed-topup-listbox li .time{width: 140px;}
.fixed-topup-listbox li .remarks{width: 239px;}

/* paypal */
.fixed-topup-list form{display: flex;flex-flow: column;justify-content: space-between;height: 100%;}
.fixed-paypay{display: flex;align-items: center;margin-bottom: 16px;}
.fixed-paypay-title{width: 138px;color: #333;font-size: 16px;line-height: .8em;text-align: right;}
.fixed-paypay-input{position: relative;margin-left: 10px;overflow: hidden;}
.fixed-paypay-input input{display: block;width: 272px;height: 32px;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 0 20px 0 8px;color: #4c4c4c;font-size: 14px;background: #fff;cursor: pointer;}
.fixed-paypay-input img{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.fixed-paypay-input-slide{position: absolute;left: 0;top: 100%;width: 100%;box-shadow: 0 5px 5px 5px rgba(0,0,0,.1);border-radius: 2px;background: #fff;overflow: hidden;opacity: 1;}
.fixed-paypay-input-slide p{transition: all .5s;padding: 0 8px;color: #333;font-size: 12px;line-height: 2em;cursor: pointer;}
.fixed-paypay-input-slide p:hover{color: #fff;background: #248bf2;}
.fixed-paypay-input.on {overflow: visible;}
.fixed-paypay-input.on .fixed-paypay-input-slide{opacity: 1;z-index: 1;}
.fixed-paypay-text{color: #4c4c4c;font-size: 16px;}
.fixed-paypay-text.total{color: #ff9900;}
.fixed-topup-list form button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 144px;height: 47px;box-sizing: border-box;border: 1px solid #dcdcdc;margin: 0 auto;outline: none;color: #fff;font-size: 16px;text-align: center;background: #248bf2;cursor: pointer;}
.fixed-topup-list form button:hover{border-color: #248bf2;color: #248bf2;background: transparent;}

/* fixed-modify */
.fixed-information{position: fixed;left: 0;top: 0;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;width: 100%;height: 100%;}
.fixed-information.on{display: flex;}
.fixed-information-box{position: relative;z-index: 1;width: 1023px;height: 613px;border-radius: 2px;overflow: hidden;background: #fff;}
.fixed-information-top{display: flex;justify-content: space-between;align-items: center;height: 40px;padding: 0 22px;color: #fff;font-size: 16px;background: #004080;}
.fixed-information-bottom{height: calc(100% - 40px);}
#modify-information .fixed-information-bottom form{display: flex;flex-flow: column;justify-content: space-between;height: 100%;padding: 60px 50px;box-sizing: border-box;}
.fixed-information-group{display: flex;flex-wrap: wrap;justify-content: space-between;}
#modify-information .fixed-information-text,#modify-information .fixed-information-input{display: flex;align-items: center;height: 32px;margin-bottom: 16px;}
#modify-information .fixed-information-text{width: 100%;}
#modify-information .fixed-information-input{justify-content: flex-end;}
#modify-information .fixed-information-input:nth-child(even){width: 364px;}
#modify-information .fixed-information-input:nth-child(odd){width: 510px;}
#modify-information .fixed-information-type{color: #333;font-size: 16px;}
#modify-information .fixed-information-number{width: calc(100% - 93px);box-sizing: border-box;margin-left: 10px;color: #808080;font-size: 14px;}
#modify-information .fixed-information-input input{display: block;width: 273px;height: 32px;box-sizing: border-box;border: 1px solid #dcdcdc;border-radius: 2px;margin-left: 10px;color: #333;font-size: 14px;}

.fixed-information-btn{display: flex;justify-content: center;align-items: center;}
.fixed-information-btn button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 144px;height: 47px;box-sizing: border-box;border: 1px solid #248bf2;outline: none;border-radius: 2px;color: #fff;font-size: 16px;text-align: center;background: #248bf2;cursor: pointer;}
.fixed-information-btn .fixed-information-cancel{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 144px;height: 47px;box-sizing: border-box;border: 1px solid #248bf2;margin-left: 48px;border-color: #f2f2f2;color: #333;font-size: 16px;text-align: center;background: #f2f2f2;cursor: pointer;}
.fixed-information-btn button:hover{color: #248bf2;background: transparent;}
.fixed-information-btn .fixed-information-cancel:hover{border-color:#333;color: #fff;background: #333;}

/* notice */
.fixed-notice{height: 100%;box-sizing: border-box;padding: 34px 50px 38px;}
.fixed-notice-main{max-height: 100%;overflow-y: auto;}
.fixed-notice .fixed-notice-title{margin-bottom: 20px;color: #333;font-size: 16px;line-height: 20px;}
.fixed-notice-content{color: #808080;font-size: 12px;line-height: 16px;}
.fixed-notice-content p{margin-bottom: 8px;}
.fixed-notice-content p img{max-width: 100%;height: auto;}
.fixed-information-btn{margin-top: 14px;}

/* earn-points */
#earn-points .fixed-information-bottom form{height: 100%;padding: 51px 100px 38px 78px;box-sizing: border-box;}
#earn-points .fixed-information-input{display: flex;align-items: flex-start;margin-bottom: 14px;}
#earn-points .fixed-information-input p{width: 63px;box-sizing: border-box;padding-right: 10px;color: #333;font-size: 16px;line-height: 32px;text-align: right;}
#earn-points .fixed-information-input .input{display: block;width: calc(100% - 63px);height: 32px;border: 1px solid #dcdcdc;box-sizing: border-box;border-radius: 2px;color: #333;}
.fixed-information-inputpic{position: relative;width: 89px;height: 89px;box-sizing: border-box;border: 1px solid #dcdcdc;border-radius: 2px;margin-bottom: 0;background: rgba(0,0,0,.5);}
.fixed-information-inputpic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.fixed-information-input .fileinput{position: relative;}
.fixed-information-input .fixed-information-inputchoose{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.fixed-information-input .fixed-information-inputchoose .btn-file{display: block;width: 100%;height: 100%;}
.fixed-information-input .fixed-information-inputchoose .btn-file span{display: block;width: 100%;height: 100%;}
.fixed-information-inputchoose input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.fileinput-preview img{width: 100%;height: 100%;object-fit: contain;background: #fff;}

.fixed-information-inputpic input{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.fixed-information-input textarea{display: block;width: 100%;height: 252px;box-sizing: border-box;border: 1px solid #dcdcdc;border-radius: 2px;outline: none;padding: 10px;resize: none;overflow-y: auto;}

/* contact */
.contact{padding: 80px 0 60px;}
.contact-main{display: flex;justify-content: space-between;margin-bottom: 97px;}
.contact-pic{display: flex;justify-content: space-between;width: 600px;padding-top: 34px;}
.comtact-pic-item{position: relative;width: 195px;height: 466px;}
.comtact-pic-item:nth-child(2){top: 52px;}
.comtact-pic-item:nth-child(3){top: 24px;}
.comtact-pic-item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.contact-info{width: 564px;}
.contact-info-item{display: flex;align-items: center;margin-bottom: 37px;}
.contact-info-icon{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 120px;height: 120px;box-sizing: border-box;border: 1px solid #dcdcdc;border-radius: 50%;}
.contact-info-icon::after{content: "";position: absolute;left: 50%;top: 120px;transform: translateX(-50%);margin-top: 6px;width: 1px;height: 26px;background: #ccc;}
.contact-info-item:last-child{margin-bottom: 0;}
.contact-info-item:last-child .contact-info-icon::after{display: none;}
.contact-info-content{display: flex;flex-flow: column;justify-content: center;width: calc(100% - 120px);box-sizing: border-box;padding-left: 50px;}
.contact-info-title{transition: all .5s;margin-bottom: 14px;color: #333;font-size: 20px;line-height: .8em;}
.contact-info-title span{position: relative;}
.contact-info-title span::after{content: "";position: absolute;left: 0;bottom: -2px;transform: scaleX(0);transform-origin: left;transition: all .5s;width: 100%;height: 1px;background: #248bf2;}
.contact-info-msg,.contact-info-msg a{display: block;color: #666;font-size: 16px;line-height: 20px;}
.contact-info-item:hover .contact-info-icon{border-color: #248bf2;}
.contact-info-item:hover .contact-info-title{color: #248bf2;}
.contact-info-item:hover .contact-info-title span::after{transform: scaleX(1);}
.contact-form{}
.contact-form-title{}
.contact-form-title p{margin-bottom: 14px;color: #333;font-size: 24px;line-height: .8em;text-align: center;}
.contact-form-title span{display: block;margin: 0 auto;color: #666;font-size: 14px;line-height: .8em;text-align: center;}
.contact-form form{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 58px;}
.contact-form-input{display: flex;align-items: center;margin-bottom: 25px;}
.contact-form-input p{width: 74px;box-sizing: border-box;color: #333;font-size: 16px;line-height: .8em;}
.contact-form-input:nth-child(even) p{width: 91px;padding-right: 12px;text-align: right;}
.contact-form-input:nth-child(5){width: 100%;}
.contact-form-input:nth-child(5) p{width: 178px;padding-right: 20px;}
.contact-form-input span{color: #e20025;}
.contact-form-input input{display: block;width: 589px;height: 36px;box-sizing: border-box;border-radius: 2px;border: 1px solid #e5e5e5;color: #333;}
.contact-form-input:nth-child(even) input{width: 573px;}
.contact-form-input:nth-child(5) input{width: calc(100% - 178px);}
.contact-form-text{width: 100%;margin-bottom: 47px;}
.contact-form-text p{color: #333;font-size: 16px;line-height: .8em;margin-bottom: 16px;}
.contact-form-text span{color: #e20025;}
.contact-form-text textarea{display: block;width: 100%;height: 203px;overflow-y: auto;box-sizing: border-box;border-radius: 2px;border: 1px solid #e5e5e5;padding: 10px;outline: none;resize: none;color: #333;}
.contact-form button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 136px;height: 38px;border-radius: 2px;border: 1px solid #248bf2;outline: none;margin: 0 auto;color: #fff;font-size: 16px;background: #248bf2;cursor: pointer;}
.contact-form button:hover {color: #248bf2;background: transparent;}

/* about */
.about{}
.about-title{color: #333;}
.about-title p{font-size: 24px;line-height: .8em;text-align: center;}
.about-title span{display: block;margin-top: 16px;;font-size: 14px;line-height: .8em;text-align: center;}
.company{padding: 62px 0 145px;}
.company-main{position: relative;margin-top: 40px;}
.company-content{width: 752px;box-sizing: border-box;padding: 60px 130px 68px 58px;color: #666;font-size: 14px;line-height: 24px;background: #f7fafc;}
.company-content p{margin-bottom: 28px;}
.company-content p:last-child{margin-bottom: 0;}
.company-pic{position: absolute;right: 0;top: 76px;width: 676px;height: 421px;}
.company-pic img{position: absolute;width: 100%;height: 100%;}
.service{padding: 106px;background: url(/static/img/service-bg.jpg) top no-repeat;}
.service-icon{display: flex;justify-content: space-between;margin-bottom: 54px;}
.service-icon-item{width: 230px;}
.service-icon-cycle{position: relative;transition: all .5s;perspective: 1000px;display: flex;justify-content: center;align-items: center;width: 152px;height: 152px;border-radius: 50%;border: 1px solid #87c2fc;box-sizing: border-box;box-shadow: 0 0 5px rgba(0, 0, 0, .3);margin:  0 auto;background: rgba(20, 128, 236, .58);}
.service-icon-title{margin-top: 40px;color: #fff;font-size: 20px;line-height: .8em;text-align: center;}
.service-icon-msg{transition: all .5s;margin-top: 20px;color: #fff;font-size: 16px;line-height: 24px;text-align: center;opacity: .85;}
.service-icon-item:hover .service-icon-cycle{transform: rotateY(180deg);background: rgba(20, 128, 236, 1);}
.service-icon-item:hover .service-icon-msg{opacity: 1;}
.service-main{box-sizing: border-box;border: 1px solid #dcdcdc;border-radius: 5px;box-shadow: 0 5px 7px rgba(5, 114, 196, .1);padding: 56px 94px 70px;background: #fff;}
.service-content{margin-top: 60px;;color: #666;font-size: 16px;line-height: 24px;}
.service-content p{margin-bottom: 26px;}
.service-content p:last-child{margin-bottom: 0;}
.guarantees{padding: 92px 0;}
.guarantees-list{display: flex;flex-wrap: wrap;margin-top: 36px;}
.guarantees-item{width: 31.47%;margin-right: 2.795%;box-sizing: border-box;border: 1px solid #e5e5e5;padding: 39px 64px 54px;box-shadow: 0 5px 5px rgba(5, 114, 196, .1);margin-bottom: 46px;}
.guarantees-item:nth-child(3n){margin-right: 0;}
.guarantees-item-title{display: flex;align-items: center;justify-content: center;}
.guarantees-item-title p{position: relative;transition: all .5s;margin-left: 10px;color: #343434;font-size: 20px;line-height: .8em;}
.guarantees-item-title p::after{content: "";position: absolute;bottom: -4px;left: 0;transform: scaleX(0);transform-origin: left;transition: all .5s;width: 100%;height: 1px;background: #248bf2;}
.guarantees-item-msg{margin-top: 38px;color: #666;font-size: 14px;line-height: 20px;text-align: center;}
.guarantees-item:hover .guarantees-item-title p{color: #248bf2;}
.guarantees-item:hover .guarantees-item-title p::after{transform: scaleX(1);}

/* news */
.news{padding: 80px 0;}
.top-news{transition: all .5s;display: flex;padding-bottom: 58px;border-bottom: 1px solid #e6e6e6;}
.top-news-pic{position: relative;width: 406px;height: 219px;}
.top-news-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.top-news-main{display: flex;flex-flow: column;justify-content: space-between;width: calc(100% - 406px);padding-left: 30px;box-sizing: border-box;}
.top-news-info{}
.top-news-title{transition: all .5s;padding-bottom: 19px;border-bottom: 1px solid #e6e6e6;color: #333;font-size: 24px;line-height: .8em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top-news-msg{max-height: 5.5em;padding-top: 12px;color: #666;font-size: 14px;line-height: 1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.top-news-date{color: #666;font-size: 16px;line-height: .8em;}
.top-news:hover .top-news-title{color: #248bf2;}
.top-news:hover{border-color: #248bf2;}
.news-list{margin-bottom: 58px;}
.news-item{transition: all .5s;display: block;padding: 40px 30px;border-bottom: 1px solid #e6e6e6;}
.news-item-title{transition: all .5s;color: #333;font-size: 24px;line-height: .8em;}
.news-item-msg{height: 3em;;margin-top: 15px;color: #666;font-size: 14px;line-height: 1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-item-date{margin-top: 56px;color: #666;font-size: 16px;line-height: .8em;}
.news-item:hover {border-color: #248bf2;}
.news-item:hover .news-item-title{color: #248bf2;}

/* news-read */
.artical{padding: 44px 0 110px;}
.artical-top{}
.artical-info{color: #666;font-size: 14px;line-height: .8em;}
.artical-title{margin-top: 9px;color: #333;font-size: 36px;text-decoration: underline;}
.artical-content{margin: 44px 0 110px;}
.artical-content p{margin-bottom: 24px;color: #333;font-size: 16px;line-height: 21px;}
.artical-content p:last-child{margin-bottom: 0;}
.artical-content p a{transition: all .5s;color: #333;}
.artical-content p img{max-width: 100%;height: auto;margin-bottom: 40px;}
.artical-content p a:hover{color: #248bf2;}
.arctical-bottom{display: flex;justify-content: space-between;margin-bottom: 20px;}
.arctical-keywords{display: flex;align-items: center;width: calc(100% - 180px);color: #666;font-size: 14px;line-height: .8em;}
.arctical-keywords-list{display: flex;align-items: center;flex-wrap: wrap;width: calc(100% - 56px);}
.arctical-keywords a{transition: all .5s;display: flex;justify-content: center;align-items: center;height: 24px;margin-left: 6px;padding: 0 10px;border-radius: 10px;border: 1px solid #ccc;box-sizing: border-box;color: #666;}
.arctical-keywords a:hover{border-color: #248bf2;color: #fff;background: #248bf2;}
.arctical-share{display: flex;align-items: flex-end;}
.arctical-share p{color: #666;font-size: 14px;line-height: .8em;}
.arctical-share-list{display: flex;align-items: center;margin-left: 19px;}
.arctical-share-list a{margin-right: 13px;}
.arctical-share-list a:last-child{margin-right: 0;}
.arctical-share-list a img.hover{display: none;}
.arctical-share-list a:hover img.hover{display: block;}
.arctical-share-list a:hover img.leave{display: none;}
.arctical-page{display: flex;justify-content: space-between;align-items: center;padding-top: 14px;border-top: 1px dashed #ccc;}
.arctical-page a{display: flex;align-items: center;width: 49%;color: #666;font-size: 14px;line-height: .8em;}
.arctical-page a p{transition: all .5s;position: relative;max-width: calc(100% - 33px);padding-left: 6px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.arctical-page a.arctical-page-next{justify-content: flex-end;}
.arctical-page a:hover p{color: #248bf2;}

/* login */
.login{height: 703px;}
.login-content{display: flex;justify-content: flex-end;align-items: center;height: 100%;}
.login-main{width: 454px;background: #fff;}
.login-choose{display: flex;align-items: center;border-bottom: 1px solid #dcdcdc;}
.login-choose-item{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 50%;height: 60px;color: #333;font-size: 20px;}
.login-choose-item:hover,.login-choose-item.on{color: #fff;background: #248bf2;}
.login-box{padding: 37px 27px 44px;}
/* .login-box-signIn{display: none;} */
.login-box form{display: block;}
.login-box-title{display: flex;justify-content: space-between;align-items: center;}
.login-box-title p{color: #333;font-size: 14px;line-height: .8em;}
.login-box-title a{color: #7596bf;font-size: 12px;line-height: .8em;text-decoration: underline;}
.login-box-inputbox{position: relative;margin: 9px 0 23px;}
.login-box-inputbox input{transition: all .5s;display: block;width: 100%;height: 30px;border: 1px solid rgba(220, 220, 220, .3);box-sizing: border-box;}
.login-box-signIn input{padding-left: 38px;}
.login-box-inputbox input:hover,.login-box-inputbox input[type=text]:focus{ border: 1px solid #0099ff; }
.login-box-inputbox img{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);}
.login-box button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100%;height: 32px;border-radius: 2px;border: 1px solid #ffa12d;box-sizing: border-box;outline: none;color: #fff;font-size: 16px;background: #ffa12d;cursor: pointer;}
.login-box button:hover{color: #ffa12d;background: transparent}
.login-box-signIn-tips{display: flex;align-items: center;justify-content: flex-end;margin-top: 12px;padding-bottom: 28px;border-bottom: 1px solid #dcdcdc;}
.login-box-signIn-tips a{margin-left: 6px;color: #7596bf;font-size: 12px;line-height: .8em;text-decoration: underline;}
.login-box-signUp-tips{border-bottom: 1px solid #dcdcdc;margin-top: 24px;color: #333;font-size: 12px;}
.login-box-signUp-tips p{position: relative;margin-bottom: 12px;text-indent: 1.5em;}
.login-box-signUp-tips p::before{content: "";position: absolute;left: 0;top: 9px;transform: translateY(-50%);width: 0;height: 0;border-left: 9px solid #999;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.login-box-signUp-tips a{color: #7596bf;}
.login-by {display: flex;align-items: center;padding-top: 28px;color: #333;font-size: 14px;}
.login-by a {display: block;margin-left: 18px;}

/* cart */
.cart{padding: 73px 0;}
.cart-title{display: flex;align-items: flex-end;color: #333;font-size: 24px;line-height: 1em;}
.cart-title p{margin-left: 10px;}
.cart-process{display: flex;align-items: center;margin-top: 20px;background: #f7fafc;}
.cart-process-item{position: relative;display: flex;align-items: center;justify-content: center;width: 16.67%;height: 42px;font-size: 14px;color: #808080;}
.cart-process-num{display: flex;justify-content: center;align-items: center;width: 20px;height: 20px;border-radius: 50%;margin-right: 9px;color: #fff;background: #dcdcdc;}
.cart-process-item.on{color: #fff;background: #248bf2;}
.cart-process-item.on::after{content: "";position: absolute;top: 0;right: -24px;width: 24px;height: 100%;background: url(/static/img/process.png) center no-repeat;z-index: 1;}
.cart-process-item.on .cart-process-num{color: #248bf2;background: #fff;}
.cart-form{}
.cart-form form{display: block;width: 100%;}
.cart-top{display: flex;justify-content: space-between;align-items: center;padding:19px 0 8px;border-bottom: 1px solid #dcdcdc;}
.cart-top>p{position: relative;padding:0 12px;color: #248bf2;font-size: 16px;line-height: .8em;}
.cart-top>p::after{content: "";position: absolute;left: 0;top: 100%;width: 100%;height: 2px;margin-top: 14px;background: #ffa12d;}
.cart-selectall{display: flex;align-items: center;color: #333;font-size: 12px;line-height: .8em;}
.cart-selectall span{color: #ffa12d;font-size: 14px;}
.cart-selectall button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 182px;height: 26px;border-radius: 2px;border: none;outline: none;margin-left: 10px;color: #fff;font-size: 14px;background: #999;cursor: pointer;}
.cart-selectall button:hover{background: #248bf2;}
.cart-table table{display: block;}
.cart-table thead{display: block;}
.cart-table tr{display: flex;width: 100%;box-sizing: border-box;padding: 0 25px;}
.cart-table th{display: flex;align-items: center;height: 55px;box-sizing: border-box;padding-right: 19px;color: #333;font-size: 14px;}
.cart-form .check-box{display: flex;}
.cart-form .check-box input[type="checkbox"]{width: 0;height: 0;opacity: 0;}
.cart-form .check-box input[type="checkbox"] {opacity: 0;width: 0;height: 0;}
.cart-form .check-style{position: relative;width: 80px;padding-left: 21px;}
.check-style::before {content: "";position: absolute;left: 1px;top: 50%;transform: translateY(-50%);display: inline-block;width: 10px;height: 10px;border: 1px solid #dcdcdc;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="checkbox"]:checked + .check-style::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 13px;height: 10px;background: url(/static/img/true1.png)center no-repeat;}

.cart-table-select{width: 110px;}
.cart-table-type{width: 235px;}
.cart-table-information{width: 195px;}
.cart-table-quantity{width: 158px;}
.cart-table-upload{width: 227px;}
.cart-table-finish{width: 141px;}
.cart-table-price{width: 146px;}
.cart-table-remark{width: 113px;}
.cart-table tbody {display: block;}
.cart-table tbody tr{padding: 20px 24px 29px;border: 1px solid #dcdcdc;margin-bottom: 28px;}
.cart-table tbody .check-style{height: 80px;}
.cart-table tbody .check-style .cart-pic{width: 100%;height: 100%;}
.cart-table tbody td{color: #333;font-size: 14px;line-height: 18px;}
.cart-table tbody .cart-addnum {display: flex;align-items: center;}
.cart-table tbody .cart-addnum input[type='number']{width: 33px;height: 20px;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 0;text-align: center;}
.cart-table tbody .cart-addnum input[type="number"]::-webkit-inner-spin-button,
.cart-table tbody .cart-addnum input[type="number"]::-webkit-outer-spin-button {
  height: auto;
  -webkit-appearance: none;
}
.cart-table tbody .cart-addnum input[type='button']{display: flex;justify-content: center;align-items: center;width: 12px;height: 20px;padding: 0;border: none;cursor: pointer;}
.cart-table tbody .cart-table-price{color: #ffa12d;font-weight: bold;}
.cart-table tbody td.cart-table-Remark a{transition: all .5s;color: #333;}
.cart-table tbody td.cart-table-Remark a:hover{color: #248bf2;}

.cart-bottom{display: flex;align-items: center;height: 53px;}
.cart-bottom-info{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 182px);height: 100%;border: 1px solid #dcdcdc;border-right: none;box-sizing: border-box;padding: 0 24px;color: #333;font-size: 14px;background: #f7fafc;}
.cart-bottom-info-l{display: flex;align-items: center;}
.cart-bottom-info-l input[type='button']{transition: all .5s;display: flex;justify-content: center;align-items: center;border: none;outline: none;padding: 0;margin-left: 36px;;color: #333;font-size: 14px;background: transparent;cursor: pointer;}
.cart-bottom-info-l input[type='button']:hover{color: #248bf2;}
.cart-bottom-info-r{display: flex;align-items: baseline;}
.cart-bottom-info-selecetd{color: #666;font-size: 14px;line-height: .8em;}
.cart-bottom-info-selecetd span{color: #ffa12d;}
.cart-bottom-info-total{margin-left: 46px;color: #333;font-size: 14px;line-height: .8em;}
.cart-bottom-info-total span{margin-left: 26px;color: #ffa12d;font-size: 20px;}
.cart-bottom button{display: flex;justify-content: center;align-items: center;width: 182px;height: 53px;border: 1px solid #ffa12d;box-sizing: border-box;outline: none;color: #fff;font-size: 20px;background: #ffa12d;cursor: pointer;}