﻿@charset "utf-8";
/* CSS Document */
.bannerCard {background:url(/Content/images/banner/card.jpg) no-repeat center 0; height:400px;min-width:1000px;}

#leftside {width:200px;}
#main {width:780px;}

.cmenu {background:#147abe; height:860px}
.cmenu li {overflow:hidden;}
.cmenu li a {display:block; color:#fff; line-height:50px; height:50px; padding:5px 10px}
.cmenu li a:hover {text-decoration:none; color:#dff0fe;}
.cmenu li.cur a {background-color:#164c76;}
.cmenu li.cur dl {display:block;}

.cmenu li dl {display:none; background:#326892; padding:10px 20px;}
.cmenu li dd {overflow:hidden; margin:15px 0; line-height:24px; cursor:pointer; color:#fff}
.cmenu li dd i {display:block; width:14px; height:24px; background:url(/Content/images/card/cate_point.png) no-repeat center 5px; float:left; margin-right:10px}
.cmenu li dd.raded i {background-position:0 -15px;}
.cmenu li dd input[type="radio"] {display:none;}
.cmenu li dd a, .cmenu li.cur dd a {display:inline-block; overflow:hidden; background:none; height:24px; line-height:24px; padding:0; margin:0}

.cproduct {overflow:hidden; padding: 0 20px 20px; line-height:24px}
.cproduct li {float:left; width:230px; padding: 15px 8px; background-color: #f1f1f1; margin-bottom: 20px;}
.cproduct .titer, .cproduct .titer a {font-weight:normal; font-size:16px; height:24px; overflow:hidden; color:#147abe;}
.cproduct .imger {text-align:center;}
.cproduct .imger a {text-align:center;border:1px #ccc solid; background:#fff;display:inline-block; line-height:0}
.cproduct .imger a:hover {border:1px #fff solid;}
.cproduct .price {color:#f90303;font-size: 30px;}
.cproduct .infor {font-size:14px; min-height:145px;}
.cproduct .remark {font-size:12px; line-height: 16px; }
.cproduct .remark em {font-size:16px;color:#f90303; margin: 0 2px; text-decoration:none; font-style:normal; }
.cproduct .options {color:#147abe;}
.cproduct .morer {padding: 5px 0 5px 10px;}
.cproduct .morer a {border:1px #afaeae solid;text-align:center;display:inline-block;width: 100px;background-color:#fff; color:#b42f2f; font: 14px/24px '微软雅黑','arial','helvetica';}
.cproduct .morer a.linkcart {border-left:none;}

.micon {display:inline-block; background:url(/Content/images/card/cate_icons.png) no-repeat; width:50px; height:50px; float:left; margin-right:15px;}
.m1 {background-position:0 -12px;}
.m2 {background-position:0 -85px;}
.m3 {background-position:0 -152px;}
.m4 {background-position:0 -216px;}
.m5 {background-position:0 -280px;}
.m6 {background-position:0 -346px;}
.m7 {background-position:0 -410px;}
.m8 {background-position:0 -475px;}
.m9 {background-position:0 -536px;}
.m10 {background-position:2px -600px;}

/*buy*/
#btnCart {position:relative; padding-right:20px; display:inline-block}
#btnCart i {position:absolute; top:3px; right:5px; display:inline-block; width:14px; height:14px; line-height:14px; background:#f70000; color:#fff; font-size:12px; border-radius:12px; font-style:normal; font-family:arial}

.imgbox {width:400px;height:260px;overflow:hidden;border:1px #ccc solid;}
.imgbox .img_index{position:absolute;z-index:4;left:0;bottom:0;width:100%;margin:0;text-align:center;height:25px;line-height:20px;}
.imgbox .img_index span{display:inline-block;width:15px;height:15px;margin:5px 3px;vertical-align:middle;cursor:pointer;border-radius:15px;background:#aaa}
.imgbox .img_index span.active{background:#f27b16}
.inforbox {width:560px;}
.inforbox h1 {font-size:26px; font-weight:normal;}
.mater {position:relative; padding-left:80px;}
.mater strong {font-size:18px; font-weight:normal; color:#056ca5; position:absolute; left:0; bottom:0}
.cations a {display:inline-block; margin-right:10px; border:1px #ccc solid; padding:0 15px;line-height: 30px; position:relative;}
.cations a:hover {text-decoration:none; color:#000}
.cations a:after {content: ""; display: block; width:15px; height:15px; background-image:url(/Content/images/icon/arrow3.png); background-repeat:no-repeat; background-position: 0 0; position:absolute; right:0; bottom:0;}
.cations .seled {border-color:#ef0b0b;}
.cations .seled:after {background-position:-132px 0;}

/*tabs*/
.tabs {border-top:3px #2968a9 solid;}
.tabs li {float:left; width:200px; margin-right:66px}
.tabs li a {display:block; padding:5px 15px 8px; background:#cecece; color:#fff; font-size:18px; font-weight:bold; text-align:center}
.tabs li a:hover, .tabs li.cur a {text-decoration:none; background:#2968a9}


.cart h3 {color:#2968a9; font-size:20px; font-weight:normal;}
.cartTable {border-top:3px #2968a9 solid; border-bottom:3px #2968a9 solid; margin:10px 0; text-align:center}
.cartTable th {color:#2968a9; font-weight:normal; padding:10px 5px; border-bottom:1px #bbb dashed}
.cartTable td {padding:5px; border-bottom:1px #bbb dashed;}

.cart input[type="checkbox"] {
	width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background:#fff;
   display: block;
   clear: left;
   float: left;
   border:1px #aaa solid;
}

.checkout h3 {color:#2968a9; font-size:20px; font-weight:normal;}
.checker {border-top:3px #2968a9 solid; border-bottom:3px #2968a9 solid; margin:10px 0;}
.checker dt {font-size:16px; font-weight:normal; margin:10px 0}
.checker dd {border:1px #aaa solid; margin-bottom:10px; padding:10px;}

.producttab { text-align:center}
.producttab th {color:#2968a9; font-weight:normal; padding:10px 5px; }
.producttab td {padding:5px; border-top:1px #bbb dashed;}

.tab-audit { width: 100%; text-align:center; }
.tab-audit th { color:#2968a9; font-weight:normal; padding:10px 5px; }
.tab-audit td { padding: 10px 5px; border-top:1px #bbb dashed;}

#evaluate-records, #evaluate-ajax { float: left; width: 650px; }
#evaluate-ajax { width: 330px; margin-left: 20px; }
#evaluate-ajax fieldset { border: none; }
#evaluate-ajax fieldset legend {color:#2968a9; display:block; padding:10px 0 9px; width: 330px; border-bottom:1px #bbb dashed; }
#evaluate-ajax dl { width: 330px; margin-top: 10px; line-height: 30px; clear: both; }
#evaluate-ajax dl dt, .bodyline dl dd { padding-top: 5px; }
#evaluate-ajax dl dd a { color: #2871c4; }
#evaluate-ajax dl dd .ev-txt { height: 80px; width: 310px; padding: 9px; font: 16px/27px '微软雅黑','arial','helvetica'; border:1px #bbb dashed; }
#evaluate-ajax dl dd.ev-txtline { margin: 15px 0 10px; }

.pagerholder {
    padding: 5px 20px;
}