@charset "utf-8";
/*
Theme Name:shop;
Author: jiang
Last Modify:2015/01/28
*/

/*shop: the common part of the shop*/
body{ background:url(../images/bg-top2.gif) 0 0 repeat-x #f5f5f5;}
.buycon{ width:1118px; margin:30px auto 0; border:1px solid #d5d5d5; background-color:#fff; padding:40px 40px 50px;}
.buycon .buycon-t{ height:85px; border-bottom:2px solid #fb9b34; margin-bottom:1px;}
.buycon h2{ font-size:30px; font-family: "Microsoft YaHei"; color:#333; font-weight:500;}
.buycon .ico{ width:44px; height:43px; background:url(../images/ico-shoppingcart.gif) 0 0 no-repeat; display:inline-block; vertical-align:-10px; font-family: "Arial";}
.buycon .corder{ background-position:0 -80px;}
.buycon .porder{ background-position:0 -160px;}

.buycon .rPad25{padding-right:25px;}
.yellow{ color:#fb9b34;}
.buycon-t ul li .lc1{ width:25px; height:25px; line-height:25px; background-position:-100px 0; display:block; padding-bottom:10px; margin-left:32px;}
.buycon-t ul li .lc2{ width:25px; height:25px; line-height:25px; background-position:-100px -40px; display:block; padding-bottom:10px; margin-left:32px;}
.buycon-t ul li.arrow{ width:85px; background-position:-230px 0; display:block; margin-top:8px;}
.buycon-t ul li.arrow2{ width:85px; background-position:-230px -83px; display:block; margin-top:15px;}
.buycon-t ul li.arrow3{ width:85px; background-position:-230px -170px; display:block; margin-top:8px;}
.buycon-t ul li.arrow4{ width:85px; background-position:-230px -250px; display:block; margin-top:15px;}
.buycon-t ul li{ width:90px; float:left; font-size:16px; color:#c6c6c6; font-family: "Microsoft YaHei"; text-align:center;}
.buycon-t ul li.yellow{color:#fb9b34;}
.fontA{ font-family: "Arial";}
.f26{ font-size:26px;}

/* shopping cart */
.buycon-m, .cart-thead, .cart-list, .cart-floatbar{ width:1118px; overflow:hidden; zoom:1;}
.cart-thead ul{ background-color:#f9f9f9; padding:0 30px; overflow:hidden; zoom:1;}
.cart-thead ul li.column{ height:45px; line-height:45px; float:left; font-size:15px; color:#333; font-family: "Microsoft YaHei";}
.cart-thead ul li.t-checkbox{width:80px;}
.cart-thead ul li.t-checkbox input{ margin-right:15px;}
.cart-thead ul li.t-goods{width:510px; text-align:center;}
.cart-thead ul li.t-price{ width:200px; text-align:center;}
.cart-thead ul li.t-sum{ width:200px; text-align:center;}
.cart-thead ul li.t-action{ width:60px; text-align:right;}

.cart-list ul{ border-bottom:1px dotted #d9d9d9; padding:0 30px; overflow:hidden; zoom:1;}
.cart-list ul li.cell{ height:58px; line-height:58px; font-size:15px; color:#666; font-family: "Microsoft YaHei"; float:left;}
.cart-list ul li.p-checkbox{ width:80px;}
.cart-list ul li.p-goods{ width:510px;}
.cart-list ul li.p-goods .free{ color:#ff3c00;}
.cart-list ul li.p-goods a, .cart-list ul li.p-action a{ color:#666;}
.cart-list ul li.p-goods a:hover, .cart-list ul li.p-action a:hover{ color:#ff3c00; text-decoration:underline;}
.cart-list ul li.p-price{ width:200px; text-decoration:line-through; font-family: "Arial"; text-align:center;}
.cart-list ul li.p-sum{ width:200px; font-family: "Arial"; color:#ff730d; text-align:center;}
.cart-list ul li.p-action{ width:60px; text-align:right;}

.cart-floatbar{ height:80px; line-height:80px; background-color:#f5f5f5; border-bottom:1px solid #d9d9d9; font-size:15px; font-family: "Microsoft YaHei"; color:#666;}
.cart-floatbar ul{ padding:0 30px; overflow:hidden; zoom:1;}
.cart-floatbar ul li a{ color:#666;}
.cart-floatbar ul li.column2{ float:left;}
.cart-floatbar ul li.b-checkbox{ width:80px;}
.cart-floatbar ul li.b-checkbox input{ margin-right:15px;}
.cart-floatbar ul li.b-del{ width:370px; padding-left:60px; text-align:left;}
.cart-floatbar ul li.b-del a:hover{ color:#ff3c00; text-decoration:underline;}
.cart-floatbar ul li.b-checked{ width:130px;}
.cart-floatbar ul li.b-checked span{ color:#ff730d; font-size:22px; font-family: "Arial"; padding:0 5px;}
.cart-floatbar ul li.b-total{ width:265px; text-align:center;}
.cart-floatbar ul li.b-total span{ color:#ff730d; font-size:26px;}
.cart-floatbar ul li.b-submit a{ width:150px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#fff; background:url(../images/cartbtn-bg.gif) 0 0 no-repeat; display:inline-block;}
.cart-floatbar ul li.b-submit a:hover{ background-position:0 bottom; text-decoration:none;}

.empty{ width:580px; margin:100px auto; font-family: "Microsoft YaHei";}
.empty .ico{ width:117px; height:106px; background:url(../images/ico-shoppingcart.gif) 0 bottom no-repeat; display:inline-block; float:left;}
.empty .smile{ width:105px; height:105px; background-position:-215px -330px;}
.empty .wrong{ width:105px; height:105px; background-position:-340px -60px;}
.empty h2{ font-size:20px; color:#666; text-align:center; padding:20px 0;}
.empty p a{ font-size:16px; color:#ff730d; text-decoration:underline; text-align:center;}
.empty p a:hover{ text-decoration:none;}

/*delpop*/
.delpop{ width:350px; height:177px; background-color:#fff; border:1px solid #cfcfcf; position:fixed; top:40%; left:41%; z-index: 10088;/*IE6 弹出层*/_position:absolute; _top: expression(documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2);}
.delpop h2{ height:30px; line-height:30px; padding-left:20px; background-color:#f6f6f6; color:#666; font-size:14px; font-weight:500;}
.delpop .close{ width:31px; height:31px; display:block; background:url(../images/close-s.gif) center no-repeat;}
.delpop p{ line-height:30px;}
.delpop p .grey{ color:#999;}
.delpop .txt{ padding:15px 0 0 40px; overflow:hidden; zoom:1;}
.delpop .txt .warn{ width:55px; height:50px; background:url(../images/ico-shoppingcart.gif) 0 -330px no-repeat; display:inline-block;}
.delpop .txt .btn a{ width:85px; height:33px; line-height:33px; font-size:15px; color:#666; background:url(../images/ico-shoppingcart.gif) 0 -409px no-repeat; text-align:center; margin-top:20px; display:inline-block;}
.delpop .txt .btn a:hover{ text-decoration:none;}
.delpop .txt .cancel{ margin-left:30px;}

/*mask*/
.maskdel{width:100%; height:100%; _height:1000px; position:absolute; top:0px; left:0px; z-index:6998; border:none; padding:0; margin:0; background-color:#000;
_background:url(../images/overlay.png) repeat 0 0; /*遮罩层*/_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }
.maskdel, .delpop{display:none;}


/*order checked*/
.orderchecked ul{ padding:0 10px 0 50px;}
.orderchecked ul li.p-goods{ width:530px;}
.orderchecked ul li.t-goods{width:530px; text-align:center;}
.orderchecked ul li.t-price, .orderchecked ul li.p-price{ width:300px; text-align:center;}
.orderchecked ul li.t-sum, .orderchecked ul li.p-sum{ width:200px; text-align:center;}

.total{ height:65px; line-height:65px; font-size:14px; font-family: "Microsoft YaHei"; color:#666; padding-right:70px; text-align:right;}
.total span{ font-family: "Arial";}
.total .y{ color:#ff730d;}

.usecoupon{ height:65px; line-height:65px; font-size:14px; font-family: "Microsoft YaHei"; color:#666; padding-right:70px; text-align:right; border-top: 1px dotted #ececec;} 
.usecoupon input{ margin-right:10px; vertical-align:-2px;}
.usecoupon .payup{ color:#327ecc; padding-left:25px; font-family: "Microsoft YaHei"; display:inline-block;}
.usecoupon .remain{ padding-right:25px; color:#999;}
.buycon-m p.tip{color:#666;font-family:"微软雅黑";font-size:14px;line-height:43px;height:43px;margin-top:-21px;padding-left:527px;color:#ff4d0f;}

.orderchecked .backcart{ width:540px;}
.orderchecked .backcart a{ color:#ff730d;}
.orderchecked ul li.b-total{ width:350px; text-align:center;}

/*order pay*/
.orderinfo{ height:70px; font-size:16px; font-family: "Microsoft YaHei"; color:#666; background-color:#f9f9f9; padding:25px 15px 45px 30px ;}
.orderinfo p{ line-height:30px;}
.orderinfo p span.t{ color:#333;}
.orderinfo span.done{ width:37px; height:37px; background:url(../images/ico-shoppingcart.gif) 0 -250px no-repeat; display:inline-block; vertical-align:-10px; margin-right:25px;}
.orderinfo .no{ padding:15px 0 0 62px;}
.orderinfo p.price{ color:#ff730d; font-size:34px; padding:30px 15px 5px 0;}
.orderinfo .orderdetail .ico{ width:12px; height:18px; background:url(../images/ico-shoppingcart.gif) -385px 0 no-repeat; margin-left:10px; display:inline-block;}
.orderinfo .orderdetail{ height:35px; line-height:35px; text-decoration:none; padding:2px 16px 1px 1px; display:inline-block;}
.orderinfo .orderdetail:active{ background:none; outline:0;}
.orderinfo .detailon{ padding:0 15px 0 15px; border:1px solid #d9d9d9; border-bottom:none; background-color:#fff; position:relative; bottom:-1px; z-index:10000;}
  
.details{ width:400px; background-color:#fff; padding:15px; border:1px solid #d9d9d9; -webkit-box-shadow:0 3px 3px #e8e8e8; position:relative; -moz-box-shadow:0 3px 3px #e8e8e8;  box-shadow:0 3px 3px #e8e8e8; overflow:hidden; zoom:1; z-index:9998;}
.details ul{ overflow:hidden; zoom:1;}
.details ul li{font-size:13px; color:#666; float:left;}
.details ul.othead{border-bottom:1px solid #e0e0e0; padding-bottom:5px;}
.details ul.othead li.tit{ width:300px; text-align:left; color:#333; padding-left:15px;}
.details ul.othead li.money{ width:65px; text-align:right; color:#333; padding-right:15px;}
.details ul.list{ height:28px; line-height:28px; border-bottom:1px dashed #e3e3e3;}
.details ul.list li.list-tit{ width:315px; text-align:left;}
.details ul.list li.list-money{ width:80px; color:#ff7c1d; font-family: "Arial";}

.payment{ border:1px solid #d9d9d9; padding:30px 30px 40px; margin-top:25px; font-family: "Microsoft YaHei";}
.payment h2{ font-size:20px; color:#333;}

.way{ padding:20px 55px 10px; border:2px solid #fff; margin-top:20px;}
.payment .on{ border:2px solid #ffc78b;}
.way h3{ font-size:18px; color:#666; font-weight:500; padding-bottom:20px;}
.way ul li{ width:235px; height:40px; line-height:40px; margin-bottom:20px; float:left;}
.way ul li .bankico{ width:147px; height:38px; line-height:38px; border:1px solid #e1e1e1; display:inline-block; cursor:pointer; margin-left:10px; vertical-align:-10px;}
.payment .submit-btn{ width:150px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#fff; background:url(../images/cartbtn-bg.gif) 0 0 no-repeat; display:inline-block;}
.payment .submit-btn:hover{ background-position:0 bottom; text-decoration:none;}

.tips{ font-family: "Microsoft YaHei"; font-size:15px; color:#666; margin-top:30px; padding:0 30px;}
.tips h3{ font-size:15px; color:#333; font-weight:500; margin-bottom:8px;}
.tips p{ line-height:28px;}

/*paypop*/
.paypop{ width:500px; padding:30px 40px; background-color:#fff; position:fixed; top:35%; left:35%; z-index: 10088;/*IE6 弹出层*/_position:absolute; _top: expression(documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2);}
.paypop .close{ width:35px; height:35px; display:block; background:url(../images/close-s.gif) center no-repeat; top:5px; right:5px;}
.paypop .y{ color:#ff730d;}
.btn-pay{ padding:40px 0 20px;}
.btn-pay .btn{ height:40px; line-height:40px; text-align:center; font-family: "Microsoft YaHei"; font-size:16px; background:url(../images/ico-shoppingcart.gif) right bottom no-repeat; display:inline-block;}
.btn-pay .ok{ width:170px; background-position:right -465px; color:#fff;}
.btn-pay .no{ width:260px; background-position:right bottom; color:#666; margin-left:65px;}


/*遮罩层*/
.mask{width:100%; height:100%; _height:1000px; position:absolute; top:0px; left:0px; z-index:1; border:none; padding:0; margin:0; background-color:#000;
_background:url(../images/overlay.png) repeat 0 0; /*遮罩层*/_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }

/*--------------------------------------------courselist.html--------------------------------------------*/
.buycon .buycon-t .listico{ background-position:-458px 0;}
.buycon h3.tlist{ width:1120px; height:50px; line-height:50px; margin-top:35px; background:url(../images/courselist-tit-l.png) 0 0 no-repeat; font-size:20px; color:#fff; font-family: "Microsoft YaHei"; font-weight:500; position:relative; left:-45px;}
.buycon h3.tlist p.h50{ height:50px;}
.buycon h3.tlist span.txt{ color:#bababa; font-family:'宋体'; font-size:14px;}
.buycon h3.tlist span.mtit{ height:50px; background:url(../images/courselist-tit-l.png) 0 -96px repeat-x; display:inline-block; margin-left:5px; padding:0 10px 0 40px;}
.buycon h3.tlist span.rtit{ width:57px; height:50px; background:url(../images/courselist-tit-r.png) right 0 no-repeat; display:inline-block;}
.list-thead ul{ background-color:#f9fafc; padding:0 30px; overflow:hidden; zoom:1;}
.list-thead ul li.column{ height:45px; line-height:45px; float:left; font-size:15px; color:#333; font-family: "Microsoft YaHei";}
.list-thead ul li.t-goods{width:325px;}
.list-thead ul li.t-price{ width:150px; text-align:center;}
.list-thead ul li.t-bonus{ width:150px; text-align:center;}
.list-thead ul li.t-sum{ width:150px; text-align:center;}
.list-thead ul li.t-action1{ width:170px; text-align:center;}
.list-thead ul li.t-action2{ width:110px; text-align:center;}

.list-thead ul li.t-action1-TS{ width:350px;}
.list-thead ul li.t-action2-TS{ width:230px;}

.course-list ul{ border-bottom:1px solid #efeff0; padding:0 30px; overflow:hidden; zoom:1;}
.course-list ul li.cell{ line-height:26px; font-size:15px; color:#666; font-family: "Microsoft YaHei"; float:left; padding:25px 0;}
.course-list ul li.line2{ height:55px; line-height:26px; padding:10px 0;}
.course-list ul li.p-goods{ width:325px;}
.course-list ul li.cell .dot{ width:15px; height:15px; background:url(../images/ico-shoppingcart.gif) 0 0 no-repeat; display:inline-block; vertical-align:-5px; margin-right:10px;}
.course-list ul li.cell .dot1{ background-position:-474px -62px;}
.course-list ul li.cell .dot2{ background-position:-474px -138px;}
.course-list ul li.cell .dot3{ background-position:-474px -215px;}
.course-list ul li.cell .dot4{ background-position:-474px -292px;}
.course-list ul li.cell .dot5{ background-position:-474px -375px;}
.course-list ul li.cell .down{ background-position:-474px -424px; margin-left:10px;}

.course-list ul li.p-goods .free{ color:#ff3c00;}
.course-list ul li.p-goods a, .cart-list ul li.p-action a{ color:#666;}
.course-list ul li.p-goods a:hover, .cart-list ul li.p-action a:hover{ color:#ff3c00; text-decoration:underline;}
.course-list ul li.p-price{ width:150px; text-decoration:line-through; text-align:center;}
.course-list ul li.p-price-TS{ text-decoration:none;}
.course-list ul li.p-bonus{ width:150px; color:#3da600; text-align:center;}
.course-list ul li.p-sum{ width:150px; color:#ff730d; text-align:center;}
.course-list ul li.p-action1{ width:170px; height:37px; text-align:center;}
.course-list ul li.p-action1-TS{ width:350px;}
.course-list ul li.p-action1 .addcart{ width:134px; height:37px; background:url(../images/btn-add-cart2.gif) 0 bottom no-repeat; display:inline-block;}
.course-list ul li.p-action1 .addcart:hover{ background:url(../images/btn-add-cart2.gif) 0 top no-repeat;}
.course-list ul li.p-action2{ width:110px; text-align:center;}
.course-list ul li.p-action2-TS{ width:230px;}
.course-list ul li.p-action2 .buynow{ width:88px; height:37px; line-height:37px; background:url(../images/btn-buynow.gif) 0 3px no-repeat; display:inline-block; color:#fff;}
.course-list ul li.p-action2 .buynow:hover{ background:url(../images/btn-buynow.gif) 0 bottom no-repeat; text-decoration:none;}


/*popcart*/
.popcart{ width:515px; background-color:#fff; border:1px solid #bcbcbc; position:fixed; top:40%; left:36%; z-index: 10088;/*IE6 弹出层*/_position:absolute; _top: expression(documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2);}
.popcart .cartcon{ padding:20px 25px 15px;}
.popcart h2{ height:35px; line-height:35px; padding-left:20px; margin-bottom:15px; background:url(../images/popcart.gif) 0 3px no-repeat; color:#333; font-size:18px; font-weight:500; padding-left:45px;}
.popcart .close{ width:35px; height:35px; display:block; background:url(../images/close-s.gif) center no-repeat; position:absolute; right:10px; top:5px;}
.popcart dl dt.img{ width:88px; height:75px; background:url(../images/popcart.gif) 0 -60px no-repeat; float:left; margin-left:45px;}
.popcart dl dd{ color:#333; font-size:15px; line-height:28px; font-family: "Microsoft YaHei"; padding-left:150px;}
.popcart dl dd span.cy, .popcart .check .cy{ color:#ff730d;}
.popcart .check{ height:40px; line-height:40px; color:#333; background-color:#f6f6f6; border-top:1px solid #e7e7e7; font-family: "Microsoft YaHei"; padding:15px 25px;}
.check .cadd{ width:100px; height:40px; line-height:40px; font-size:15px; color:#ff730d; background:url(../images/popcart.gif) 0 -161px no-repeat; text-align:center;  display:inline-block; margin-right:15px;}
.check .gobuy{ width:141px; height:40px; line-height:40px; font-size:15px; color:#fff; background:url(../images/popcart.gif) 0 -256px no-repeat; text-align:center;  display:inline-block;}
.check .cadd:hover, .check .gobuy:hover{ text-decoration:none;}

/*遮罩层*/
.maskcart{width:100%; height:100%; _height:1000px; position:absolute; top:0px; left:0px; z-index:6998; border:none; padding:0; margin:0; background-color:#000;  filter:alpha(Opacity=70); /* IE */-moz-opacity:0.7; /* Moz + FF */ opacity: 0.7;
_background:url(../images/overlay.png) repeat 0 0; /*遮罩层*/_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }

/*buyok*/
.buyok{ width:380px; margin:50px auto; font-family: "Microsoft YaHei";}
.buyok .ico{ width:45px; height:45px; background:url(../images/ico-shoppingcart.gif) 0 -250px no-repeat; display:inline-block; float:left;}
.buyok .smile{ width:105px; height:105px; background-position:-215px -330px;}
.buyok .wrong{ width:105px; height:105px; background-position:-340px -60px;}
.buyok h2{ font-size:24px; text-align:center; padding:20px 0; color:#ff730d;}
.buyok .txt{ font-size:14px; color:#999; line-height:28px; padding-left:75px;}
.buyok .link{ padding:30px 0 0 75px;}
.buyok p a{ font-size:16px; color:#327ecc; text-decoration:underline; text-align:center;}
.buyok p a:hover{ text-decoration:none;}
.buyok p a.lk1{ padding-right:50px;}

.mask{background-color:black;border:medium none;display:none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;opacity: 0.6;}
.inner{width:300px;right: 0;left: 0;margin: 0 auto;;position: fixed;top: 180px;z-index: 2;display:none;border-radius: 3px;background: #f5f0ec;border-radius: 10px;padding: 0 30px;padding-bottom:30px;text-align: center;z-index: 1111;}
.inner .tk-bg{background: #f5f0ec;}
.inner .but-buy{font-size:17px;width: 140px;height:36px;line-height:32px;text-align:center;background: #1f8b01;border:none;color:#fff;font-family: "微软雅黑";cursor: pointer;border-radius: 20px;} 
.inner .but-cancel{font-size:17px;width: 120px;height:36px;line-height:32px;text-align:center;background: #dc4e4c;border:none;color:#fff;font-family: "微软雅黑";cursor: pointer;border-radius: 20px;}   
.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.mt40{margin-top: 40px;text-align: left;width: 300px;padding-bottom: 20px;font-size: 14px;}
.color{color:#1f8b01;background: url(../images/icon-kc.png) no-repeat 3px 3px;padding-left: 20px;}