/* 面包屑 */
.product_title {box-sizing: border-box; padding: 12px 0;}
.product_title a { color: #999; font-size: 12px;}
.product_title span{ margin: 0 4px; color: #999; font-size: 16px;}

/* 产品信息 */
.product {display: flex;}
.product .product-item-preview { width: 400px; height: 403px; }
.product .product-item-inner { flex: 1; margin-left: 20px; line-height: 30px; color: #b5b5b6;}
.product .product-item-inner .item-name { padding-left: 12px;}
.product .product-item-inner h2 {font-size: 24px;color: #333;font-weight: bold;}
.product .product-item-inner p {padding: 2px 0 12px;font-size: 14px;color: #666; margin-bottom: 0;}
.product .product-item-inner .item-price { margin: 0 0 12px; padding: 12px 0 5px 12px; background-color: #f4f4f4; overflow: hidden; }
.product .product-item-inner .item-price ul li { display: inline-block; float: left; height: 36px;}
.product .product-item-inner .item-price .item-title {width: 64px; height: 36px; line-height: 36px;}
.product .product-item-inner .item-price .item-fee {padding-left: 20px; margin-right: 25px; font-size: 18px; color: #e85555; }
.product .product-item-inner .item-price .item-fee font { padding-right: 2px; font-size: 30px; }
.product .product-item-inner .item-type {padding: 12px 0 20px 12px; display: flex;}
.product .product-item-inner .item-type ul li { float: left; height: 30px; border: #e0e0e0 solid 1px; margin-right: 20px; margin-bottom: 10px; position: relative; }
.product .product-item-inner .item-type .item-title { width: 64px; height: 30px; border: none; }
.product .product-item-inner .item-type li a {display: block;padding: 0 10px;line-height: 30px;font-size: 12px;color: #757575;text-align: center;}
.product .product-item-inner .item-type li:hover a,.product .product-item-inner .item-type li.active a {color: #e85555;}
.product .product-item-inner .item-type li:hover, .product .product-item-inner .item-type li.active {border-color: #e85555;}
.product .product-item-inner .item-type li.active a {line-height: 28px;}
.product .product-item-inner .item-type ul li .item-note {position: absolute;top: 29px;left: -1px;width: 235px;padding: 9px 6px 9px 13px;background-color: #fffbf1;border: #eaedec solid 1px;font-size: 12px;color: #858585;line-height: 14px;display: none; z-index: 2;}
.product .product-item-inner .item-type ul li:hover .item-note{display: block;}
.product .product-item-inner .item-note .order-now { display: block; margin-left: 12px; width: 180px; height: 40px; background-color: #e85555; font-size: 20px; color: #fff; text-align: center; line-height: 40px; border-radius: 4px;}
.product .product-item-inner .item-note .order-now:hover { background-color: #be4747; }
.product .product-item-inner .item-area { margin: 0 0 5px; padding: 5px 0 5px 12px; overflow: hidden; }
.product .product-item-inner .item-area ul li {float: left;height: 30px;margin-right: 20px; margin-bottom: 10px;}
.product .product-item-inner .item-area .item-title {width: 64px;height: 30px;border: none;}
.product .product-item-inner .item-area ul li span{color: #454545;}

/* 立即下单 */
.order-box{width: 860px;}
.order-box .modal-title{margin-top: 0; padding-left: 12px;}
.order-main{overflow: hidden; padding: 0 20px 12px 20px;}
.pay-code{display: inline-block; width: 50%; float: left;}
.pay-code span{display: block; text-align: center; font-size: 14px; color: #727272;}
.pay-code p{text-align: center;}
.pay-code p img{width: auto; max-width: 80%; height: auto;}

/* 产品详情 */
.prod-detail-box{display: flex;}
.prod_sidebar{background: #fff; width: 280px;}
.prod_sidebar dl{display: block;  padding: 12px; overflow: hidden; border-bottom: 5px solid #f5f7fa; margin: 0;}
.prod_sidebar dl dt{border-bottom: 1px solid #f5f7fa; line-height: 28px; font-size: 16px; color: #333; padding: 5px 0;}
.prod_sidebar dl dt i{display: inline-block; width: 4px; height: 16px; background: #1FB8ED; float: left; margin: 6px 0; margin-right: 8px;}
.prod_sidebar dl dd{ display: block; overflow: hidden; margin: 12px 0; padding-left: 12px;}
.prod_sidebar dl dd a{font-size: 16px; color: #666; line-height: 28px; font-weight: normal;}
.prod_sidebar dl dd:hover a{font-weight: 600; color: #1FB8ED;}
.prod-content{flex: 1; margin-left: 20px; background: #fff;}
.prod-content .nav-detail-menu{border-bottom: 1px solid #f5f7fa; height: 64px;}
.prod-content .nav-detail-menu li a{display: block; width: 180px; height: 64px; text-align: center; line-height: 60px; border-top: 4px solid #fff; padding: 0; font-size: 16px; font-weight: 400; color: #333;}
.prod-content .nav-detail-menu li a.active{border-color: #1FB8ED; color: #1FB8ED; font-weight: 600;}
.prod-content .detail-content{padding: 20px;}

/***** 个人中心 *****/
.personal .personal-box{ padding: 20px;}
.personal-box .info-box{ padding: 12px;}
.info-box h4{ line-height: 2.4; border-bottom: 1px solid #efefef;}
.info-box h4 button{margin-left: 24px;}
.user-info .info-detail span{ display: inline-block; width: auto; line-height: 2; color: #727272;}
.user-info .info-detail span.tit{min-width: 80px; color: #333;}

/* 补充信息 */
.perfect-box{width: 640px;}
.perfect-box .modal-title{margin-top: 0; padding-left: 12px;}
.perfect-from{overflow: hidden; padding: 0 20px 12px 20px;}
.perfect-from .btn{display: block; background: #00AFEC; color: #fff; font-size: 16px; padding: 8px 24px; float: left;}
.perfect-from a{display: inline-block; float: right; color: #999; font-size: 14px; padding: 8px 0 8px 24px; font-weight: normal;}
.perfect-from a:hover{ color: #00AFEC;}

/* 修改密码 */
.change-box{width: 640px;}
.change-box .modal-title{margin-top: 0; padding-left: 12px;}
.change-from{overflow: hidden; padding: 0 20px 12px 20px;}
.change-from .btn{display: block; background: #00AFEC; color: #fff; font-size: 16px; padding: 8px 24px; float: left;}
.change-from a{display: inline-block; float: right; color: #999; font-size: 14px; padding: 8px 0 8px 24px; font-weight: normal;}
.change-from a:hover{ color: #00AFEC;}

/* 订单信息 */
.order-info .empty{ display: block; text-align: center; line-height: 100px; color: #999; font-size: 20px;}
.order-list{min-height: 200px;}
.order-info dl{width: 100%; height: auto; overflow: hidden;}
.order-info dl dt,.order-info dl dd{display: flex; width: 100%; height: auto; overflow: hidden;}
.order-info dl dt {background: #efefef;}
.order-info dl dd {border-bottom: 1px solid #efefef; padding: 10px 0;}
.order-info dl dt span{font-size: 16px; font-weight: 600; color: #333; line-height: 3;}
.order-info dl dd span{font-size: 14px; font-weight: normal; color: #727272; line-height: 2;}
.order-info dl span{display: flex; align-items: start; justify-content: center; flex-direction: column; padding: 0 8px;}
.order-info dl span.order-name{flex: 1;}
.order-info dl span.order-name a{ color: #454545; font-weight: normal;}
.order-info dl span.order-name a:hover{color: #00AFEC; text-decoration: underline;}
.order-info dl span.order-time{width: 160px;}
.order-info dl span.order-status{width: 150px; align-items: center;}
.order-info dl span.order-status i{display: inline-block; width: auto; height: auto; padding: 0 5px; font-size: 12px; font-style: normal; border: 1px solid; border-radius: 3px;}
.order-info dl span.order-status i.red{background: #FEF0F0; color: #F57470; border-color: #F57470;}
.order-info dl span.order-status i.green{background: #F0F9EB; color: #67C25B; border-color: #67C25B;}
.order-info dl span.order-status i.gray{background: #F4F4F5; color: #909399; border-color: #909399;}
.order-info dl span.order-status i.orange{background: #FDF6EC; color: #EBA989; border-color: #EBA989;}
.order-info dl span.order-remark{width: 280px;}

/* 服务 */
.serve-banner{width: 100%; height: 400px; overflow: hidden;}
.serve-banner img{width: 100%; height: 100%;}

/***** 新闻 *****/
/* 列表 */
.news .news-list{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.news .news-list ul { width: 100%; }
.news .news-list li { display: inline-block; width: 340px; margin-right: 45px; margin-bottom: 30px; float: left;}
.news .news-list li:nth-child(3n){margin-right: 0;}
.news .news-list .img { display: block;  }
.news .news-list .img img { width: 100%; display: block; }
.news .news-list .cont-wrap {  margin-top: 21px; zoom: 1;}
.news .news-list .point {display: block; width: 50px; height: 36px; float: left;}
.news .news-list .point i {display: block;width: 36px; height: 36px;border: 2px solid #333;box-sizing: border-box;transition: all 0.3s ease 0s;float: left;}
.news .news-list .point i:after { content: ''; display: block; width: 36px; height: 100%; background: url(../img/long-arrow-right.svg) no-repeat center; transition: margin-left 0.3s ease 0s; float: left;}
.news .news-list li:hover .point i { width: 100%; background-color: #333; }
.news .news-list li:hover .point i:after { background: url(../img/eye-white.svg) no-repeat center; margin-left: 14px; }
.news .news-list .tit { font-size: 20px; color: #333; line-height: 36px; max-height: 72px; overflow: hidden; }
.news .news-list .date { font-size: 12px; color: #333; line-height: 12px; margin-top: 10px; }
.news .news-list .cont { width: 280px; margin-left: 10px; float: left;}
.news .news-list .cont p{margin-bottom: 0;}
.news .more {display: block; width: auto; margin: 40px auto; margin-bottom: 20px; padding: 5px 20px; line-height: none; border-radius: 0; font-size: 16px; color: #333; border: 2px solid #333;}
.news .more:hover{background: #333; color: #fff;}

/* 详情 */
.news-detail .detail-img{text-align: center;}
.news-detail .detail-img img{width: auto; max-width: 100%; height: auto; max-height: 100%;}
.detail-img{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.details-info{ padding: 0 20px; margin-top: 30px;}
.details-info h3{ font-size: 28px; color: #333; margin-bottom: 12px;}
.details-info span{ display: block; font-size: 14px; color: #666; font-weight: 400;}
.details{padding: 20px; min-height: 400px;}

/***** 登录页 *****/
/* 登录top */
.main-header{ height: auto; overflow: hidden; border-bottom: 1px solid #00AFEC;}
.main-header .logo-box,.main-header .logo-tips{display: inline-block; width: auto; float: left; height: auto;}
.main-header .logo-box a{display: block;}
.main-header .logo-box a img{width: auto; height: 60px; margin: 14px 0;}
.main-header .logo-tips span{display: block; height: 48px; padding: 0 0 0 20px; margin: 20px; color: #999; border-left: 1px solid #ccc; line-height: 52px; font-size: 18px; letter-spacing: 3px;}

/* 登录详情 */
.login{height: auto; overflow: hidden;}
.login-box{height: auto; min-height: 380px; padding: 60px 0; overflow: hidden; margin: 20px; border: 1px solid #e4e4e4; border-radius: 5px;}
.login-box .col{text-align: center;}
.login-box .login-tips{ height: 380px; border-left: 1px solid #f0f0f0; box-sizing: border-box; text-align: center;}
.login-box .login-tips img{width: auto; height: auto; max-width: 120px; margin-top: 100px;}
.login-box .login-tips p{display: block; width: 100%; font-size: 14px; color: #727272; line-height: 2; margin-top: 20px;}
.login-box .login-tips p a{color: #00AFEC;}

.login-box .login-content{text-align: center;}
.login-content .nav{ display: inline-block; width: auto; height: auto; margin-bottom: 0 !important;}
.login-content .nav li{display: inline-block;}
.login-content .nav li:last-child{ border-left: 1px solid #e4e4e4;}
.login-content .nav li:first-child{ border-left: none; }
.login-type .nav-link{ color: #666; border-radius: 0; border: none; padding: 0 15px; font-weight:400; position: relative; line-height: 1;}
.login-type .nav-link i{display: none; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); z-index: 10; font-size: 24px;}
.login-type .nav-link.active, .login-type .show>.nav-link{ color: #00AFEC; font-weight: 600;}
.login-content .tab-content{text-align: left; overflow: hidden;}

.login-from{overflow: hidden; width: 480px; margin: 0 auto; margin-top: 50px;}
.login-from .form-group{display: flex; align-items: center; font-size: 14px;}
.login-from .form-group label{ width: 100px; margin-bottom: 0; color: #727272; text-align: right; padding-right: 6px;}
.login-from .form-group input{ flex: 1; color: #333; font-size: 14px;}
.login-from .form-group .error {display: inline-block; width: 100px; margin-left: 12px; font-size: 12px; color: red; visibility: hidden;}
.type-b .form-group .error{width: 140px; margin-left: 6px;}
.login-from .btn{display: block; background: #00AFEC; color: #fff; font-size: 16px; padding: 5px 24px; float: left; margin-left: 100px;}
.login-from a{display: inline-block; color: #999; font-size: 14px; padding: 7px 0 7px 0; font-weight: normal; float: left; margin-left: 24px;}
.login-from a:hover{ color: #00AFEC;}
.send-box label{width: 100%;}
.send-box .form-control{ display: inline-block; width: 420px; }
.send-box .btn{ display: inline-block; width: 140px; float: right; padding: 6px; margin-left: 6px;}
.code-box label{width: 100%;}
.code-box .form-control{ display: inline-block; width: 420px; }
.code-box .code-img{ display: inline-block; width: 140px; height: 38px; float: right; margin-left: 6px; background: white;}
.login-from p{ display: inline-block; width: 100%; height: auto; overflow: hidden; text-align: left; font-size: 12px; color: #727272; line-height: 1.8; margin-top: 15px; margin-bottom: 0; padding-left: 100px;}
.login-from p a{color: #00AFEC; float: none;}

/* 页脚 */
footer.login-footer{ position: fixed; bottom: 0; z-index: 2; width: 100%; height: auto; overflow: hidden; padding: 8px 0; border-top: 1px solid #ccc; background: #f8f8f8;}
footer.login-footer .copyright{margin:0; padding:24px 0; border:none; color:#b5b5b5; font-size:12px; line-height:2; text-align: center;}