/**************************************************
*   cosmi_compare
**************************************************/

.cosmi_compare { position:relative; overflow:hidden; }
.cosmi_compare .cover{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.4); }
.cosmi_compare .inner{ position:relative; }
.cosmi_compare .section_title span { font-size:18px; display:block; margin-bottom:10px; }
.cosmi_compare .section_title2 { font-size:20px; color:#fff; margin-top:40px; }
.cosmi_compare .compbox{ background:#fff; border-radius:15px; overflow:hidden; box-shadow:0px 2px 2px rgba(0,0,0,.5); }
.cosmi_compare ul { overflow:hidden; }
.cosmi_compare ul li{ float:left; width:49%; margin:10px 0 20px 0; margin-right:2%; }
.cosmi_compare ul li:nth-child(2n){ margin-right:0%; }
.cosmi_compare ul li .comptit{ font-size: 20px; font-weight: bold; z-index:0; margin-bottom:10px; text-align:left; }
.cosmi_compare .col1 { color:#f01f15; }
.cosmi_compare .compbox b{ display:block; margin-bottom:5px; text-align:left; font-size:16px; }
.cosmi_compare .compbox .comp1 { padding:25px 25px 15px 25px; }
.cosmi_compare .compbox .comp1 .newc_price { margin-bottom:15px; }
.cosmi_compare .compbox .comp1 .newc_price .price_bar{ background: #f9f9f9; position:relative; text-align:left;  }
.cosmi_compare .compbox .comp1 .newc_price .price_bar span{ position:relative; display:inline-block; height:25px; line-height:25px; font-size:13px; color:#fff; font-weight:bold; }
.cosmi_compare .compbox .comp1 .newc_price .price_bar span::after{ position:absolute; content:''; display:block; width:10px; height:25px; border-radius:0 10px 10px 0; right:-10px; top:0%; z-index:1; }

.cosmi_compare .compbox .comp1 .newc_price .price1{ position:absolute; left:0; display:inline-block; background:#814e4e; padding-left:20px; }
.cosmi_compare .compbox .comp1 .newc_price .price1::after{ background:#814e4e;  }
.cosmi_compare .compbox .comp1 .newc_price .price2{ display:inline-block; background: #999999; padding-left:20px; }
.cosmi_compare .compbox .comp1 .newc_price .price2::after{ background: #999999 }
.cosmi_compare .compbox .comp1 .newc_price .price3{ display:inline-block; background: #f01f15; padding-left:20px; }
.cosmi_compare .compbox .comp1 .newc_price .price3::after{ background:#f01f15; }
.cosmi_compare .compbox .comp1 .newc_price .price3.price0 { position:relative; width:0; z-index:1; background:none; padding:0; }
.cosmi_compare .compbox .comp1 .newc_price .price0 em{ position:absolute; left:15px; color:#f01f15; width:100px; z-index:1; }
.cosmi_compare .compbox .comp1 .newc_price .w25 { width:calc(25% - 10px); }
.cosmi_compare .compbox .comp1 .newc_price .w50 { width:calc(50% - 10px); }
.cosmi_compare .compbox .comp1 .newc_price .w75 { width:calc(75% - 10px); }
.cosmi_compare .compbox .comp1 .newc_price .w80 { width:calc(80% - 10px); }
.cosmi_compare .compbox .comp1 .newc_price .w69 { width:calc(69% - 10px); }
.cosmi_compare .compbox .comp1 .newc_price .w100 { width:calc(100% - 10px); }
.cosmi_compare .compbox .comp2 { padding:7px; background:#e2e2e2; color:#787878; font-size:11px; }
.cosmi_compare .compbox .comp3 { background:#2d2d2d; color:#fff; padding:15px; line-height:1.4; border-radius: 0 0 15px 15px;}

@media(max-width:992px){
	.cosmi_compare ul li{ width:100%; max-width:600px; text-align:center; float:none; margin: 10px auto 20px auto; }
	.cosmi_compare ul li:nth-child(2n){ margin-right:auto; }
	
	.cosmi_compare .section_title2{ margin-top:20px; }
}