@charset "utf-8";
.mp-name{ float:left;}
.page-b{position:relative;}
.deatils-bg{width:40%;height:100%;position:absolute;top:0;left:0;background:#fcfcfc;z-index:-1;-webkit-box-shadow:2px -1px 5px rgba(0,0,0,0.30);-moz-box-shadow:2px -1px 5px rgba(0,0,0,0.30);-o-box-shadow:4px -1px 5px rgba(0,0,0,0.30);-ms-box-shadow:2px -1px 5px rgba(0,0,0,0.30);box-shadow:2px -1px 5px rgba(0,0,0,0.30);}
.details-left{float:left;width:40%;padding-top:20px;box-sizing:border-box;}
.details-right{float:right;width:60%;padding-left:20px;box-sizing:border-box;}
.product-data{width:100%;}
.product-data .imgs{float:left;width:258px;text-align:center;}
.product-data .imgs img{ max-height:150px;}
.product-data .data{float:left;}
.product-data .data li{ font-size:14px;line-height:22px;}
.product-data .data li span {color:#8d8d8d;font-size:11px;}
.product-data .data li.seefull:hover a { text-decoration:none;}
.product-data .data li.seefull a {z-index:9;position:relative;color:#58cbac;text-decoration:underline;cursor:pointer;}

.details-left .ptitle{ width:100%;padding:30px 0 10px 0;font-size:20px !important;font-weight:400;line-height:18px;overflow:hidden;}
.tab{padding:0px 20px 0px 10px;}
.tab .boxli{width:100%;padding-bottom:3px;margin-bottom:5px;cursor:pointer;border-bottom:#ffffff 1px solid;position:relative;overflow: hidden;}
.tab .titles{float:left;font-size:13px;line-height:20px;width:90%;padding:0px;display:block; color:#005596;}
.tab .boxli:hover{font-weight:bold;color:#005596;}
.tab .boxli.on{font-weight:bold;color:#005596;border-bottom:#eeeeee 1px solid;}
.tab .boxli i{display:none;position:absolute;top:5px; right:2px;color:#005596;font-weight:bold;}
.tab .boxli.on i{display:block;}
.tabbox .tabcontent li{display:none;animation:fadeIn 0.3s ease;}
.tabbox .tabcontent .tabc{padding:5px;}
.tabbox .tabcontent .tatop{text-align:center;line-height:30px;padding-top:150px;color:#9f9f9f;font-size: 14px;}
.tabbox .tabcontent .tatop .img1{margin:0 auto;}
.tabbox .tabcontent .tatop .img2{margin:0 auto;display:none;}

.product-c{}
.product-c h2{font-size:16px;line-height:20px;font-weight:normal;padding:20px 0 10px;;}
.product-c h2{font-size:16px;line-height:20px;font-weight:normal;padding:20px 0 10px;;}
.product-c .brand{margin: 0 10px 0px 0;font-size: 14px;font-weight:bold;}
.product-c ul{padding:10px;}
.product-c li{float:left;width:32%;line-height:18px;padding-bottom:5px;font-size:12px;color: #464646;}

/*手机选项*/
.select-optt{margin:0 auto;width:100%;border:1px solid #555555;box-sizing:border-box;padding:0px 10px;border-radius:5px;position: relative;cursor:pointer;display:none;}
/*
.select-optt .tab{position:absolute;padding-top:20px;top:30px;left: -1px;right:-1px;min-width: 200px;background-color:#ffffff;border-radius:0px 0 8px 8px;border:#979797 1px solid;border-top:none;box-sizing:border-box;opacity:0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;transform: translateY(10px); max-height: 200px;overflow-y: auto; padding:0px;}
.select-optt:hover .tab{opacity: 1;visibility: visible;transform: translateY(0);}
*/
.select-optt .tab{padding:0px;}
.select-optt .tab .boxli{width:100%;padding:5px 0;margin:7px 0 0px 0;cursor:pointer; position:relative;overflow: hidden;}
.select-optt .tab .boxli i{position:absolute; top:10px;right:10px;color:#005596;font-weight:bold;}
.select-optt .tab h1.titles{ padding:0px 10px 0px 8px; box-sizing:border-box;width:95%;}
.select-optt .tab .on{background-color:#eeeeee;}
 /* 输入框 */
.select-input {width:93%;box-sizing:border-box;padding:12px 0 10px 0px;border:none;font-size:16px;transition:border-color 0.3s ease;}
.select-input:focus{outline:none;/*border-color: #4a90e2;box-shadow: 0 0 0 3px rgba(74,144,226,0.1);*/}
/* 下拉列表 */
.select-list {width:100.5%;box-sizing:border-box;max-height:235px;border:1px solid #555555;border-top:none;border-radius:0px 0 8px 8px;background-color:white;position:absolute;top:26px;left:-1px;right:-1px;margin-top:10px;display: none;z-index:1000;box-shadow:0 2px 15px rgba(0,0,0,0.1);overflow-y:auto;}
/* 选项项样式 */
.select-option {padding: 12px 20px;cursor: pointer;transition: background-color 0.2s ease;}
.select-option:hover {background-color: #f8f9fa;}
.select-option.active {background-color: #4a90e2;color: white;}
/*手机选项*/


/*表单提交*/
.formmessage{width:100%;}
.form_click{width:100%;margin-top:5px;}
.form_click li{margin:5px 0 0 10px;padding:5px 0 0 0;color:#58cbac;font-size: 13px;font-weight: 400;line-height: 18px;}
.form_click li .clickt{margin-left: 5px; text-decoration: underline;cursor:pointer;color:#666666;}
.form_click li .clickt:hover {color:#58cbac;}
.form_click li .clickt.actively {color:#58cbac;}
.fieldly {display:none;padding:10px;margin-top:10px;width: 95%;margin: 0 auto;box-sizing: border-box;}
.fieldly li{width:100%;padding:5px 0;font-size:13px;line-height:26px;font-weight:400;color:#443931;overflow:hidden;}
.fieldly input{width:80%;height:28px;line-height:28px;padding:0 5px;border:1px solid #cccccc;border-radius:3px;}
.fieldly textarea {width:100%;height:120px;clear:both;padding:0 5px;border:1px solid #cccccc;resize:none;border-radius:3px;}
.fieldly.actively{display:block;}
.close-btn {padding-left:20px;line-height:35px;font-size:16px;cursor:pointer;}
input.form_submit{width:170px;height:35px;cursor:pointer;background:#58cbac;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:0;color:#fff;font-size:18px;font-weight:400;line-height:35px;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
input.form_submit:hover{background-color:#4db599;}


@-webkit-keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}}
@keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}}
@-webkit-keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}}
@keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}}

@media(max-width:1200px){
.mp-name{width:275px; font-size:16px;}
.deatils-bg{display:none;}
.details-left,.details-right{float:none;width:100%;overflow: hidden;}
.formmessage{padding-top:10px;}
.tabbox .tabcontent .tatop{padding-top:30px;}
.tabbox .tabcontent .tatop .img1{display:none;}
.tabbox .tabcontent .tatop .img2{display:block;}

.product-data .imgs,.product-data .data{float:none;width:90%;}
.product-data .data li{ float:left; width:49%; line-height: 18px; padding-bottom: 5px; padding-right:20px; }
.product-data .data li.seefull{float:right;}
	
.details-right{padding:10px 10px;}
.select-click{display:none;}
.select-optt{display:block;}

}