body{
	font-family: "arial";
}
.table>tr>th,.table>tbody>tr>td{
	padding-left:10px;
}
.table>tbody>tr>th.active{
	padding-left:10px;
}
.prd-content .table tr:hover td{
	border-bottom: 1px solid #2489EB;
}
.prd-content .table tr:hover th{
	border-bottom: 2px solid #2489EB;
}
.prd-content .table tr.same{
	backtround-color:#eef7ff;
}
.prd-content .table tr.same td{
	background-color:#eef7ff;
}
.detail-nav{
	/*width:80%;*/
	margin-top:30px;
}
.pro-title{
	/*width:80%;
	margin:10px auto;*/
	text-align: left;
	color:#2489eb;
}
.nav-title{
	height:30px;
	border-bottom:1px solid #2489eb;
}
.nav-title .active{
	color:#2489eb;
}
.nav-line{
	height:30px;
	border-bottom:1px solid #EBEBEB;
}

.detail-description{
	/*width:80%;*/
	margin:10px auto;
}
.detail-description .item-icon{
	display: inline-block;
	float:left;
}
.detail-description .item-title{
	margin-left:10px;
	font-size:14px;
	font-family: "arial";
	display: inline-block;
	float:left;
	color:#2489eb;
}
.detail-title{
	width:100%;
	height:30px;
}
.detail-content-table{
	width:100%;
	height:auto;
	margin-top:10px;
}
.detail-notes{
	/*width:80%;*/
	margin:0 auto;
}
.detail-notes p span{
	font-size:14px;
	font-family: "arial";
	color:#2489eb;
}
.detail-notes p{
	font-size:12px;
}
.detail-download-area{
	/*width:80%;*/
	border:1px solid #EBEBEB;
	height:100%;
	text-align: left;
	margin:10px auto;
	padding:10px 0;
}
.download-item{
	padding:5px;
	height:130px;
}
.download-item-content{
	height:100%;
	padding-left:10px;
}
.download-info-title{
	height:40px;
	font-size: 16px;
	color:#2489EB;
	padding-left:5px;
}
.download-btn-area{
	margin-top:10px;
	display:inline-block;
}
.auth-download-btn-area{
	display:inline-block;
	width:50%;
	float:left;
	margin-bottom:5px;
}
.detail-declaration{
	padding-top:10px;
	padding-bottom:10px;
	/*width:80%;*/
	margin:0 auto;
}
.detail-declaration p{
	padding-top:10px;
	font-size:14px;
	font-family: "arial";
}
.tools{
	margin-top:321px;
	height:175px;
	width:130px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border:1px solid lightgrey;
	border-left:0px;
}
.tools a:hover{
	text-decoration: none;
}
.tools-item{
	text-align:left;
	padding:10px;
}
.tools-item a{
	color:#666666;
}
.tools-item-top-radius{
	border-top-right-radius: 15px;
}
.tools-item-bottom-radius{
	border-bottom-right-radius: 15px;
}
.tools-items-border{
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}
.arrow-to-share-email{
	display: none;
	width:15px;
	height:15px;
	background-image: url(../../img/detail/icon-arrow-left.png);
	background-size: 100% 100%;
	position: absolute;
}
.share-email{
	display: none;
	width:150px;
	height:70px;
	border:1px solid lightgrey;
	border-radius: 10px;
	position: absolute;
	background-color:#fff;
}
.share-moments{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:5px 10px;
	/*background-color: #77c35d;*/
	border-bottom: 1px solid lightgrey;
}
.send-email{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: white;
}
.email-panel{
	top:20%;
	left:35%;
	width:400px;
	height:400px;
	position:fixed;
	z-index:10003;
	border: 1px solid lightgrey;
	border-radius: 15px;
	background-color:#fff;
	display:none;
}
.email-panel h3{
	color:#2489EB;
	text-align:left;
	margin:0px;
	padding-left:15px;	
	padding:15px 15px 5px;
	font-weight: bold;
}
.email-body{
	padding:15px;
}
.fileTitle{
	color:#2489EB;
	font-size:16px;
}
.fileName{
	font-size:16px;
}
.email-address{
}
.input-email{
	width:100%;
	height:34px;
}
.remark{
	width:100%;
	height:80px;
}
.btn-confirm{
	border-radius:5px;
	background-color:#2489EB;
	padding:5px 50px;
	color:#fff;
}
.btn-cancel{
	border-radius:5px;
	padding:5px 50px;
	color:#fff;
}

.contact-panel{
	top:40%;
	left:40%;
	border:1px solid lightgrey;
	border-radius: 10px;
	position: absolute;
	background-color:#fff;
	z-index: 30;
	width:300px;
	height:200px;
	text-align:center;
	display: none;
}
.contact-panel h1,.contact-panel h4{
	color:#2489EB;
}

.contact-panel h4{
	font-weight:bold;
}
.bg{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	z-index:1002;
	top:0;
	left:0;
	opacity:0.4;
}

.wx-qrcode-panel{
	background-clip: padding-box;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.3); 
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
	left: 50%; margin: -200px 0 0 -200px;
	overflow: hidden; 
	position: fixed; 
	top: 50%; 
	width:360px;
	height:360px; 
	overflow:hidden;
	display: none;
}
.wx-qrcode-header{
	border-bottom: 1px solid #EEEEEE; 
	padding: 9px 15px;
}
.wx-qrcode-body{
	text-align:center;
	height:251px;
	width:100%;
}
.wx-qrcode-body img{
	margin:10px auto;
}


.prd-select-area{
	height:125px;
	border-radius: 3px;
	top:0;
	margin:0;
	padding:0;
	border: 1px solid #EBEBEB;
	
}
.ctrl-tip{
	width:10%;
	float:left;
}
.ctrl-tip-item{
	background-color: #f5f5f5;
	padding: 10px;
	border-bottom: 1px solid #EBEBEB;
	cursor:pointer;
}
.ctrl-tip-item.active{
	background-color:#ebebeb;
}
#prd-selected-area{
	position:relative;
	height:130px
}
.selected-prd-cards{
	width:90%;
	height:100%;
	position:relative;
	float:left;
	background-color:#ffffff;
}
.selected-prd{
	float:left;
	padding: 10px;
	width:33.33%;
	border: 1px solid #EBEBEB;
	height:100%;
	background-color:#fffff;
}
.selected-prd:hover{
	background-color: #eef7ff;
	border: 1px solid #2489EB;
}
.reSelectPrd{
	margin: auto;
	width:90%;
	margin-left:10px;
	bottom:10px;
	padding-top:15px;
	margin-top:10px;
}
.reSelectTitle{
	display: inline-block;
	background-color: #2489EB;
	color:#ffffff;
	padding:2px 10px;
	border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
}
.reSelectTitle:hover{
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
}
.arrow-span{
	background-color:#2489eb;
	display: inline-block;
	padding: 4px 5px;
	border-radius: 3px;
	border: none ;
}
.compare-left-nav{
	width:95px;
	height:auto;
	margin-top:240px;
	border: 1px solid #333;
	position:absolute;
	top:126px;
	left:30px;
	z-index:25;
}
.compare-left-nav ul {
	padding:0;
	list-style: none;
	display: block;
}
.compare-left-navul li{
	height:33px;
	width:100%;
	line-height: 33px;
	position:relative;
	border-bottom: 1px solid #E9E9E9;
	margin:0;
	padding: 0;
	display: list-item;
}

.compare-left-nav ul ul li{
	height:33px;
	width:100%;
	line-height: 33px;
	position:relative;
	border-bottom: 1px solid #E9E9E9;
	margin:0;
	padding: 0;
	display: list-item;
}
.compare-left-nav ul ul li a{
	 font-weight: none;
}
.compare-left-nav li a{
	overflow: inherit!important;
	display: block;
	color: #666;
	font-weight:bold;
	padding:0 0 0 10px;
	zoom:1;
}
.compare-left-nav li.current{
	width: 95px;
    border-left: 4px solid #1573ce;
    border-bottom: 0;
    height: 33px;
    line-height: 33px;
    background: #2489EB;
    font-weight: bold;
    margin-left: -1px;
}
.compare-left-nav li.current a{
	color:#fff;
	padding:0 0 0 8px;
}
.compare-left-nav li.current i{
	display: inline-block;
}
.compare-left-nav li a i{
	position: absolute;
    background-image: url(/page/pc/images/compare/arrow.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 33px;
    right: -15px;
    top: -1px;
    display: none;
    zoom: 1;
    z-index: 10;
}

#productSelectTable{
	max-width:460px;
	width:210px;
	height:500px;
	display:none;
	border:1px solid #ebebeb;
	z-index:10;
	background-color:#ffffff;
}
#productSelectTable .productSelectTitle{
	border-bottom:1px solid #ccc;
	height:34px;
	padding:5px;
	max-width:460px;
	width:210px;
	overflow:hidden;
	overflow-y:auto;
	
}
#productSelectTable .selectContent{
	width:210px;
	max-width:460px;
	height:490px;
	overflow:hidden;
	overflow-y:auto;
}
#productSelectTable .selectContent .letters{
	width: 40px;
    float: left;
    border-right: 1px solid #d9d9d9;
    background-color: #f9f9f9;
    padding: 8px 0;
    text-align: center;
    font-size: 13px;
    overflow:hidden;
    height:490px;
	text-align:center;
}
.letters span{
	display:block;
	width:20px;
	height:20px;
}
.letters div a{
	display:block;
	text-decoration:none;
}
.letters div a:hover{
	background-color:#2489EB;
	color:#fff;
}
.letters div a.active{
	background-color:#2489EB;
	color:#fff;
}
.nameList{
	width: 170px;
    float: left;
    font-size: 13px;
    overflow:hidden;
    overflow-y:auto;
	text-align:left;
	height:490px;
	background-color:#fff;
	position:relative;
}
.nameList .nameArea{
	border-top:1px solid #e7e7e7;
	font-size:12px;
	padding:3px 0;
}
.nameList .nameArea a{
	display:block;
	padding:3px;
}
.nameList .nameArea a:hover{
	border-bottom:1px solid #2489EB;
	border-top:1px solid #2489EB;
	background-color:#eef7ff;
	text-decoration:none;
}
.nameList .nameArea a.active{
	background-color:#2489eb;
	color:#fff;
}

.product-suggest {
	position: absolute;
	list-style: none;
	top: 65%;
	left: 5px;
	width: 250px;
	text-align: left;
	background: #fff;
	-moz-box-shadow: 1px 1px 3px #888888;
	box-shadow: 1px 1px 3px #888888;
	padding: 5px 5px;
	z-index: 1;
	display: none;
}

.product-suggest li a {
	display: inline-block;
	color: #999999;
	font-size: 14px;
	padding: 2px 0;
	width: auto;
	position: relative;
	text-decoration: none;
	outline: none;
	background-color: transparent;
}

.product-suggest li a:hover {
	font-weight: bolder;
	color: #2489eb;
}

.product-suggest li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 0;
	height: 1px;
	background: #2489eb;
	transition: all .2s;
}

.product-suggest li a:hover:before {
	width: 100%;
	left: 0;
	right: 0;
}

.search-highlight {
	color: #2589eb;
}