@charset "utf-8";

/*-------------- VIPABC | Author by Mike Li  ---------------*/
/*                   v1.2 | 2014-9-10                       */
/*                  License: vipabc.com                     */
/*----------------------------------------------------------*/

/*------------------ Reset --------------------*/

*{margin:0;padding:0;list-style-type:none;}

*html,*html body /* 修正IE6振动bug */{
	background-image:url(about:blank);
	background-attachment:fixed;
}
body{
	font-family:"Microsoft Yahei",Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
	font-size : 12px; 
}

a,img{border:none;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
/*a:active {test:expression(target="_blank");}*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:1.6em;}h2,h3,h4{font-size:1.4em;}h5,h6{font-size:1.2em;}
input{border:none;}
a, input,textarea {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.clear{clear:both;}

/*---------------- Reset end ------------------*/


/*--------------- compare_wrap -----------------*/
.compare_wrap{
	width:767px;
	height:auto;
	/*height:674px;*/
	overflow-x:hidden;
	
}
.compare_content{
	float:left;
	width:98.69%;  /*  757/767 */
	/*height:574px;*/
	height:auto;
	padding:3px 10px 1px 0;
}

/*------- Left column ---------*/
.cp_column_L{
	float:left;
	width:38.2%;  /* 289/767  */
	/*height:574px;*/
	height:auto;
}
.cp_title{
	float:left;
	width:36.33%; /* 105/289 */
	height:360px; /*height:572px;*/
	margin:109px 0 50px 0;
	border-top:solid 1px #dddcdd;
	border-bottom:solid 1px #dddcdd;
	border-radius:3px;
}
ul.cp_title_list li{
	float:left;
	width:98.09%;  /* 103/105 */
	height:45px;
	line-height:45px;
	text-align:center;
	border-radius:3px;
	border-left:solid 1px #dddcdd;
	border-right:solid 1px #dddcdd;
	color:#333;
	background-color:#fff;
}


/*------- VIPABC Character -------*/
.cp_vipabc{
	position:relative;
	min-height:525px; 
	height:auto;
	height:auto;
	margin:0 2px 0 36.33%;
	
	
}
.cp_vipabc_shadow{
	position:absolute;
	width:100%;
	height:auto;
	border-radius:2px;
	box-shadow:0 0 3px #999;
	bottom:0;
	/*overflow:hidden;*/
}

.cp_vipabc_logo{
	float:left;
	width:100%; 
	/*height:109px;*/
	background-color:#fff;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	
	/*background:url(../images/cp_vipabc_logo.png) no-repeat;*/
}
.cp_vipabc_logo img{width:100%;border-top-left-radius:3px;border-top-right-radius:3px;}

ul.cp_vipabc_list{float:left;width:100%;}
ul.cp_vipabc_list li{
	float:left;
	width:97.77%; /* 176/180 */
	height:43px;
	line-height:43px;
	text-align:center;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	border-right:solid 2px #fff;
	color:#fff;
	background-color:#f75c61;
	
}
li.cp_vipabc_list_h{
	min-height:81px !important;
	height:auto;
	padding-top:15px;
	border-bottom:solid 3px #fff;
	line-height:60px !important;
}

/*------- Left column end ---------*/

/*------- Right column ---------*/
.cp_column_R{
	position:relative;
	float:left;
	width:61.01%; /* 468/767  */
	min-height:574px;
	overflow-x:hidden;
}
.cp_column_R_Move{
	position:relative;
	width:100%; /*468px*/
	/*height:574px;*/
	height:auto;
	left:0;
	top:0;
}
.cp_CR1{
	float:left;
	width:32.26%; /* 151/468 */
	height:auto;
}
.cp_CR1 li{
	float:left;
	width:99.33%;  /* 150/151 */
	height:45px;
	line-height:45px;
	margin-right:1px;
	text-align:center;
	color:#888;
	background-color:#fff;
}
.cp_CR3 li{margin-right:0px;}
li.cp_CR1_name{
	height:52px;
	padding-top:9px;
	margin-top:48px;
	color:#fff;
	background-color:#878787;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	line-height:22px;
	font-size:16px;
}
li.cp_CR1_name2{height:61px;padding-top:0px;line-height:61px;}
li.cp_CR1_h{
	min-height:71px;
	height:auto;
	padding-top:18px;
	line-height:20px;
}

/*------- Right column end ---------*/
li.cp_list_even{background-color:#f5f5f5 !important;}
ul.cp_vipabc_list li.cp_list_even{color:#fff;background-color:#f75c61 !important;}

/*------- compare_scrollBar ---------*/
.compare_scrollBar{
	display:none; /*display:none; */
	float:left;
	width:100%;
	height:45px;
	margin:10px 0 10px 0;
	text-align:center;
}
.cp_arrow_ToR, .cp_arrow_ToR:visited, .cp_arrow_ToR:active{
	float:right;
	display:block;
	width:50px;
	height:50px;
	margin-right:5px;
	cursor:pointer;
	background:#f5f5f5 url(../images/cp_arrow_ToR.png) no-repeat;
}
.cp_scrollBar_wrap{
	position:relative;
	/*min-width:300px;*/
	width:75%;
	height:50px;
	margin:0 auto 0 auto;
	
}
.cp_scrollBar{
	position:absolute;
	width:100%;
	height:10px;
	left:0;
	top:20px;
	z-index:1;
}
.cp_scrollBar_L{
	float:left;
	width:10px;
	height:10px;
	background:url(../images/cp_srcollBar.png) no-repeat left center;
}
.cp_scrollBar_M{
	height:10px;
	margin:0 30px 0 10px;
}
.cp_scrollBar_M span{
	display:block;
	width:100%;
	height:10px;
	background-color:#878787;
}

.cp_scrollBar_R{
	float:right;
	width:30px;
	height:10px;
	background:url(../images/cp_srcollBar.png) no-repeat -280px center;
}


.cp_scrollBar_On{
	position:absolute;
	display:block;
	width:100px;
	height:16px;
	margin:8px 20px 8px 8px;
	left:0;
	top:9px;
	z-index:10;
	background:url(../images/cp_srcollBar_on.png) no-repeat center center;
	cursor:pointer;
}

/*------- compare_scrollBar end ---------*/


/*-------------- compare_wrap end --------------*/


/*----------------- @Media ---------------*/
@media (max-width: 768px) {
	.foot_contain .foot_contain_img img{
		width:100%;	
	}
	


.compare_wrap{
	width:100%; 
	height:auto;
	overflow:hidden;
}
ul.cp_vipabc_list li, ul.cp_vipabc_list li.cp_list_even{
	color:#f75c61;
	background-color:#fff !important;
	
}
ul.cp_vipabc_list li.cp_list_even{
	background-color:#f5f5f5 !important;
}



.cp_column_R_Move{width:468px; /*468px*/}

.cp_column_L{width:40%;  /* 289/767  */}
.cp_column_R{width:60%; /* 468/767  */}

.cp_CR1{
	float:left;
	width:33%; /* 151/468 */
	height:auto;
}

ul.cp_vipabc_list li.cp_vipabc_list_h{
	line-height:normal;
}
	

}

@media (max-width: 750px){
	.compare_scrollBar{display:block; }
}

@media (max-width: 390px) {
	.cp_scrollBar_wrap{
		width:75%;
		margin-left:10px;
	}
	.cp_CR1{
		width:30%; /* 151/468 */
	}
	
	.cp_column_L{width:60%;  /* 289/767  */}
	.cp_column_R{width:40%; /* 468/767  */}
	
	
}

@media screen and (max-width:414px) and (min-width:413px){
	.cp_column_L{width:60%;}
	.cp_column_R{width:40%;}	
}

/*-------------- Media end --------------*/