body {background: #F9F9F9;}
.boxshow,.screen {box-shadow: 0 0 9px 3px rgba(228, 228, 228, 0.4);}
.tbanner {width:1150px;margin:0 auto;margin-top:10px;}
.lbanner {padding:10px 0px}
.pbanner {padding-top:20px}
.txtvd {padding:20px 52px 0;height:280px}
.txtvd div {width:336px}

.mt10 {margin-top: 10px;}

.w {width: 1150px;margin: 0 auto;}
.main {width: 1150px;margin: 0 auto;}

/**/
.dingbu {width: 64px;height: 72px;position: fixed;right: 0px;bottom: 25%;}
.dingbu a {width: 64px;height: 72px;display: block;}

.links {padding: 10px 0 0;border-top: 1px solid #eee;line-height: 24px;}
.links a {margin-right: 10px;}


.loaction {height: 30px;background: url(../img/wz.png) no-repeat 0 3px;padding-left: 22px;color: #888;}


.cr {clear: both;height: 0px;overflow: hidden;}
.mt20 {margin-top: 20px;}
.box {border: 1px solid #e8e8e8;border-radius: 5px;padding: 16px;margin-bottom: 20px;background: #fff;}

.sidelogin {margin-bottom:20px;float: right;width: 300px;}
.fullSlide{position:relative;height:260px; background:#009FD9; margin-bottom: 10px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:260px; overflow:hidden; text-align:center;background-size: 100% cover;}
.fullSlide .bd li img {width: 100%;height: 100%;}

.fullSlide .hd{}
.fullSlide .hd ul{ position:absolute; z-index:1; bottom:20px; left:0;width: 100%; height:15px; line-height:15px;text-align: center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:0 5px; overflow:hidden; line-height:9999px;border-radius:100%;border: 2px solid #fff;}
.fullSlide .hd ul .on{background:#fff;}
.fullSlide a.prev,.fullSlide a.next {display: block;width:50px;height: 50px;top: 105px;overflow: hidden;position: absolute;display:block;border-radius: 100%;}
.fullSlide a.prev i,.fullSlide a.next i {width: 12px;height: 22px;background: url(../img/fullSlidebtn.png) no-repeat;display: block;margin: 14px auto}
.fullSlide a.prev {left: 10px;}
.fullSlide a.next {right: 10px;}
.fullSlide a.next i {background-position: -12px 0}
.fullSlide a.next:hover,.fullSlide a.prev:hover {background-color: rgba(0, 0, 0, .5);transition: all 0.3s ease-out 0s;}

.screen {border: 1px solid #E8E8E8;margin-bottom: 20px;border-radius: 5px;background: #fff;}
.screen h3 {height: 40px;line-height: 40px;text-indent: 1em;font-size: 16px;}
.screen ul li {border-top: 1px dashed #eee;padding: 10px 15px;}
.screen ul li span {display: block;width: 50px;float: left;line-height: 26px;display:none}
.screen ul li p {float: left;float:none}
.screen ul li p a {display: inline-block;padding: 0px 10px;line-height: 26px;height: 26px;border-radius: 3px;}
.screen ul li p a.on,.screen ul li p a:hover {background: #10C55B;color: #fff;}

.ctitle {height: 36px;line-height: 36px;border-bottom: 2px solid #162D8E;margin-bottom: 18px;}
.ctitle b {font-size: 18px;height: 36px;border-bottom: 2px solid #162D8E;display: inline-block;background: #162D8E;padding: 0 20px;color: #fff;}


.item {}
.item ul {margin-left: -18px;}
.item li {float:left;width:244px;position:relative;z-index:1;margin:0 0 30px 18px;border:1px solid #e8e8e8;background-color:#fff;padding: 14px;}
.item li,.item li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.item li:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,0,0,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,0,0,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,0,0,.3)}
.item li a.img {width: 100%;height: 320px;display: block;}
.item li a.img img {width: 100%;height: 100%;}
.item li p.name{padding-top:10px;display:block;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;height:48px;line-height: 24px;font-size: 16px}
.item li p.metas {height: 22px;padding-top:10px;line-height: 22px;color:#c1c1c1;font-size:16px;}
.item li s {float: right;color: #C1C1C1;}
.item li em {color:#ed3e3e;margin-right:0;float: left;font-weight: bold;}


.fh-login,.fh-info{padding:16px;border:1px solid #e5e5e5;height: 224px;}
.fh-login li {padding-top:10px;}
.fh-login input {line-height:36px;height:36px;border:1px solid #eee;color:#ccc;font-size:14px;display:inline-block;width:234px;vertical-align:middle;background:#fff url(../member/fh-login.png) no-repeat 10px 12px;padding-left:30px}
.fh-login #password { background-position:10px -19px}
.fh-login a.denglu,.fh-login a.denglu:visited {display:block;background:#162D8E;color:#fff;font-size:16px;width:100%;height:36px;line-height:36px;text-align:center;border:0;text-decoration:none}
.fh-login a.denglu:hover {background:#1834A0}
.mylb {margin: 0 -2%}
.mylb li {float:left;width: 46%;display:block;height:30px;line-height:30px;padding: 5px 2%;text-align: center;}
.mylb li a {text-align: center;border-radius: 3px;background: url(../img/mylb.png) no-repeat 0px -104px;line-height: 30px;height: 30px;overflow: hidden;padding-left: 24px;}
.mylb li a.ico-fav {background-position: 0 4px}
.mylb li a.ico-zu {background-position: 0 -68px}
.mylb li a.ico-hy {background-position: 0 -32px}
.mylb li a.ico-out {background-position: 0 -202px}

.mylb li.loginout {width: 96%;}
.mylb li.loginout a {border: 1px solid #eee;display: block;background: none;}
.warn-wrap{height:26px;}
.logntps {height:26px;background:url(../member/fh-login.png) no-repeat 0 -140px;padding-left:20px;color:#999;font-size: 12px}
.fh-reg {text-align:center;margin-top:10px;color:#ccc}
.fh-reg a,.fh-reg a:visited {color:#162D8E;margin: 0 10px;}
.fh-reg a:hover {color:#f00}


.fh-info .uinfo {padding:19px 0 10px;height:80px}
.fh-info .uinfo img {float:left;width:80px;height:80px;border-radius: 100%;}
.fh-info .uinfo div {float:right;widtH:170px;}
.fh-info .uinfo .u {height:26px;overflow:hidden}
.fh-info .uinfo .u span {float:left;}
.fh-info .uinfo .u a.out,.fh-info .uinfo .u a.out:visited {float:right;color:#007EDF}
.fh-info .uinfo .u a.out:hover {color:#f00}
.fh-info .uinfo .buy {height:24px;line-height:24px;font-size:14px;margin-top:6px}
.fh-info .uinfo .buy span {color:#f60;font-size:12px}


.listtitle {background: #F9f9f9;height: 40px;line-height: 40px;margin-bottom: 20px;}
.listtitle h2 {font-size: 18px;padding:0 20px;background: #1D3CB8;color: #fff;display: inline-block;}

.ico {display: inline-block;background: url(../img/shopm.png) no-repeat; vertical-align: middle;}
.ico-sfav {background-position: -40px 0;}
.ico-people {background-position: -120px 0;}
.ico-click {background-position: -147px 0;}
.ico-file {background-position: -120px -20px;}

/*ÉÌÆ·Ïêϸ*/
.product {padding: 20px;margin-bottom: 20px;position: relative;}


.proinfo {float: right;width: 820px;}
.proinfo h1 {vertical-align:top;display:inline-block;color:#313131;font-size:24px;word-wrap:break-word;word-break:break-all;width:620px}
.proinfo .desc {display: block;font-size: 14px;line-height: 24px;padding-top:5px;color: #919191;padding-bottom: 20px;}
.proinfo .price {height: 60px;line-height: 60px;text-indent: 14px;background:#E9E9E9 url(../img/all_price.png) no-repeat;color: #888;vertical-align: top;position:relative;}
.proinfo .price b {font-family: arial;font-size: 28px;color: #DA0000;}
.proinfo .price p {position: absolute;top:0px;right: 350px;}
.proinfo ul.inf li {height: 32px;line-height: 32px;overflow: hidden; vertical-align: top;padding: 3px 0 3px 14px;font-size: 12px;}
.proinfo ul.inf li span {color: #888;float: left;}
.proinfo ul.inf li a {color: #499111;}
.proinfo ul.inf i,.proinfo ul.inf em {font-style: normal;}
.proinfo .carnum {margin:2px 0;float: left;}
.proinfo .sles {border: solid #eee;border-width: 1px 0;margin:10px 0;height: 22px;padding: 10px 0;color: #888;}
.proinfo .sles p {font-size: 12px;float: left;width: 50%;vertical-align: top;text-indent: 14px;}
.proinfo .sles p span {float:left;border-left: 1px solid #d8d8d8;}
.proinfo .sles p .star {margin-top: 2px;}

.form-buy {height: 60px;}
.form-buy a,.form-buy a:visited {line-height: 38px;height: 38px;width: 160px;text-align: center;font-size: 16px;display:inline-block;background: #FC461E;color: #fff;border-radius: 3px;}
.form-buy a.btn-buy {margin-right: 20px;}
.form-buy a.btn-online {border: 1px solid #162D8E;background: #fff;color: #162D8E;}
.form-buy .tel {display: inline-block;padding-left: 20px;color: #888;background: none;}




.choose-amount a, .choose-amount a:visited { float: left; display: block; width: 26px; text-align: center; height: 26px; line-height: 26px; overflow: hidden; color: #888; border: 1px solid #ccc; font-size: 20px }
.choose-amount a:hover { background: #f2f2f2;text-decoration: none }
.choose-amount input, .product-length { float: left; display: block; width: 40px; height: 28px; line-height: 28px; border: solid #ccc; border-width: 1px 0; text-align: center; }
.choose-amount input {line-height: 26px;height: 26px;}
.choose-amount a.btn-reduce {border-radius: 2px 0 0 2px;}
.choose-amount a.btn-add {border-radius:0 2px 2px 0;}



.course-operation {padding-top:20px;color: #888;}
.course-operation li {display: inline-block;float: left;padding-right: 20px;padding-top: 5px;}
a.fav {color: #888;position: absolute;top:20px;right: 20px;}
a.fav em {width: 20px;height: 20px; margin-right: 6px;float: left;}
a.fav span {float: left;}
a.favon,a.fav:hover {color: #10C55B;}
a.fav:hover em,a.favon em {background-position: -80px 0}
/*baidushare*/
.course-operation li.baidushare {height: 30px;padding-top: 0;}
.baidushare .share-icon {float: left;height: 30px;line-height: 30px;color: #999;font-size: 14px;overflow: hidden;}
.baidushare .bdsharebuttonbox .bds_weixin, .baidushare .bdsharebuttonbox .bds_sqq, .baidushare .bdsharebuttonbox .bds_qzone, .baidushare .bdsharebuttonbox .bds_tsina, .baidushare .bdsharebuttonbox .bds_more {display: block;float: left;width: 30px;height: 30px;text-align: center;background: #FFF url(../img/shopm.png) no-repeat;padding: 0;margin: 0;margin-right: 8px;}
.baidushare .bdsharebuttonbox .bds_sqq {background-position: 0px -40px !important;}
.baidushare .bdsharebuttonbox .bds_qzone {background-position: -32px -40px !important;}
.baidushare .bdsharebuttonbox .bds_tsina {background-position: -64px -40px !important;}
.baidushare .bdsharebuttonbox .bds_weixin {background-position: -96px -40px !important;}
.baidushare .bdsharebuttonbox .bds_more {background-position: -129px -40px !important;}
.baidushare .bdsharebuttonbox .bds_sqq:hover {background-position: 0px -70px !important;}
.baidushare .bdsharebuttonbox .bds_qzone:hover {background-position: -32px -70px !important;}
.baidushare .bdsharebuttonbox .bds_tsina:hover {background-position: -64px -70px !important;}
.baidushare .bdsharebuttonbox .bds_weixin:hover {background-position: -96px -70px !important;}
.baidushare .bdsharebuttonbox .bds_more:hover {background-position: -129px -70px !important;}
.course .bd {padding-top: 15px;}
.product .pic {position:relative;float:left;width:260px}
.product .pic img {width: 100%;}
.image-overlay{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:alpha(opacity=30);background:#000 \ 9;background-image:-webkit-linear-gradient(top,hsla(0,0%,88%,0) 50%,rgba(0,0,0,.5));background-image:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background-image:linear,top,transparent 0,rgba(0,0,0,.5) 100%}
.image-overlay:hover{opacity:.2;filter:alpha(opacity=20);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.image-overlay.image-overlay-o:hover{opacity:1;filter:alpha(opacity=30)}
.product .pic .detail {position:absolute;left:0;right:0;bottom:0;color:#fff;padding:10px;font-size: 13px}
.product .pic .detail p.num {float: left;}
.product .pic .detail p i {display:inline-block;width: 15px;height: 15px;}
.product .pic .detail p.click {float: right;}
.product .pic .detail p {}
.product .pic .detail p b {font-weight: 400;margin: 0 5px;}


.banner {margin: 14px 0;}

.btitle {height: 40px;border-bottom: 1px solid #E8E8E8;margin-bottom: 20px;}

.btitle li,.btitle h3 {font-size: 18px;height: 40px;display:inline-block;float: left;margin-right: 20px;font-weight: 400; cursor: pointer;}
.btitle li.on {border-bottom: 2px solid #162D8E;color: #162D8E;}
.btitle li b {font-weight: 400;}

.extend{line-height:36px;margin:0 auto 20px;padding:10px 0px;font-size:14px;color: #444;}
.extend img {
	max-width:820px;
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 820)?"820px":"auto"; 
}
);
}
.linkkc {padding-top: 10px;}
.linkkc ul {margin-left: -14px;}
.linkkc li {margin:0 0 0 14px;width: 238px;}
.linkkc li a.img {height: 238px;}



.piece {margin-bottom:30px}
.piece .hd{position:relative;margin:5px auto 20px;padding:0 30px 0 15px;color:#313131;font-size:16px}
.piece .hd:after{content:"";position:absolute;left:0;top:3px;width:4px;height:16px;background-color:#162D8E}
.piece .bd {color: #919191;}
.piece .bd .klist li {padding:15px 0;border-bottom:1px solid #f5f5f5;position: relative;text-indent: 30px;}
.klist li:after {content: "";width: 4px;height: 4px;background: #6f6f6f;position: absolute;top:22px;left: 0;border-radius: 100%;}
.piece .desc {line-height:30px;}
.piece .desc p{margin-bottom:0;margin-left:15px}

.task-item li {position:relative;background-color:transparent;}
.task-item li a {display: block;word-wrap:break-word;word-break:break-all;padding:15px 90px 15px 50px;}
.task-item li a:hover{background-color:#f3fee8;color: #333;}
.task-item li a:hover u {display: block;}
.task-item li a:hover em,.task-item li a:hover i {display: none;}
.task-item li p {color: #616161;}
.task-item li span {position:absolute;top:15px;right:20px;display: block;vertical-align: top;}
.task-item li span em {font-size: 13px;color: #919191;display: inline-block;padding-right: 6px;}
.task-item li span i {width: 11px;height: 14px;}
.task-item li:after {position:absolute;left:20px;top:18px;content: "";width: 12px;height: 12px;border: 1px solid #888;border-radius: 100%;}
.task-item li u {height: 32px;border: 1px solid #162D8E;background: #1834A0;color: #fff;display: block;border-radius: 4px;padding: 0 14px;line-height: 32px; text-decoration: none;display: none;margin-top: -7px;}


/* ÆÀÂÛ */
.comment {padding-top: 20px;}
.comment .cmt_title {height:36px;line-height:36px;color:#333;font-size:22px;padding-bottom:10px;font-weight: bold;display: none;}
.comment .cmt_title span {color:#f00}
.comment .cmt-bd {height: 180px;position: relative;}
.comment .post {position: absolute;top:0;left: 110px;width: 90%;}
.comment .post .textarea {padding:10px;height:82px;border:1px solid #CCD4D7;border-radius: 10px;background: #fff;}
.comment .post .textarea textarea {widtH:100%;height:82px;border:0;font-size:14px;background:#fff;overflow:hidden;outline:none}
.comment .cmt_btn {padding: 10px 0;height: 40px;position: relative;}
.comment .cmt_btn button { border:none; cursor:pointer;background: #1F40C5;color: #fff;height: 40px;line-height: 40px;border-radius: 3px;padding: 0 40px;font-size: 16px;float: left;}
.comment .cmt_btn button:disabled {background: #eee;color: #999;}
.comment .huifu_txt {position: absolute;top:110px;right: 0px;line-height:40px;color: #f00;}

.comment .erro {color:#EE542A;height:40px;line-height:40px;clear:both;display:block;position: absolute;left: 180px;top: 10px;}
.comment .erro_red {color: #f00;}

.pluser {height:42px;padding:18px 0;float: left;width: 90px;text-align: center;}
.pluser em {width: 40px;height: 40px;border-radius: 50%;background-size: 40px auto !important;display: block;background-color: #F2F2F2 !important;border: 1px solid #F2F2F2;margin: 0 auto 10px;}

.comment-list {display: none;padding: 8px 14px;}
.comment-list .cmt_title {color:#162D8E;border-bottom:1px solid #e8e9eb;}
.comment .comment-list .cmt_title span {float:left;color:#162D8E;display: inline-block;border-bottom: 2px solid #162D8E;height: 44px;}
.comment .comment-list .cmt_title a.more {float:right;font-size:12px;}
.comment-list dd .q-content{border:none;margin:0;padding:0;background:#FCFCE8;color:#333;}
.comment-list dd .q-ft{text-align:left;padding:4px 0;}
.comment-list dd blockquote h4{font-size:12px;}
.comment-list dt{line-height: 24px;color:#999;zoom:1;position:relative;}
.comment-list dt b{font-weight:normal;}
.comment-list dt span i{font-style:normal;display:none;}
.comment-list dt em{position:absolute;right:0;}
.comment-list dt em,.comment-list dt front{color:#999;}
.comment-list dd{padding:5px 0;zoom:1;}
.comment-list dd p{text-align:right;position:relative;z-index:0;line-height:1.5;}
.comment-list dd p a{color:green;z-index:0;position:relative;top:0;}
.comment-list dd p a.up {margin-right:10px}
.comment-list dd p a:hover{color:#f60;text-decoration:none;z-index:0;}
.comment-list dd p a em{color:#f60;padding:0 2px;z-index:0;display:none;}
.comment-list dd p a span{color:#999;z-index:0;padding-left:24px;background:url(../../img/comment.png) -77px -36px no-repeat;}
.comment-list dd p .glBtn{display: inline-block;zoom: 1;margin-left:12px;height: 23px;overflow: hidden;line-height: 22px;color:#999;top:7px;}
.comment-list dd p .glBtn:hover{text-decoration:none;color:#FD3939;}
.comment-list dd blockquote{padding:4px 5px 4px 5px;border: 1px solid #E0E0E0;background: #fcfce8;margin-bottom:10px;width:auto;color:#222;zoom:1;}
.comment-list dd blockquote h4{color:#999;padding:10px 0 7px 0;}
.comment-list dd blockquote cite{font-style:normal;color:#787878;}
.comment-list dl {border-bottom:1px solid #e8e9eb;padding-top:10px}
.comment-list dl:last-child {border-bottom: 0;}
.comment-list .nodp {padding:20px 0;text-align:center;font-size:14px;}
.comment-list .cmt_more a{display: block;background: #F2F2F2;color: #666;line-height: 36px;margin-top: 10px;text-align: center;}
.comment-list .cmt_more a:hover {background: #e8e8e8;}
.comment-list .ecomment p {padding:0;margin:0;text-align:left}
.ecomment {margin:0;padding:0;background:#ffc}
.ecomment {margin-bottom:12px;overflow-x:hidden;overflow-y:hidden;background:#ffc;padding:6px;border:solid 1px #ccc;}
.ecommentauthor {float:left; color:#F96; font-weight:bold;}
.ecommenttext {clear:left;margin:0;padding:0;}

@media only screen and (min-width:1290px){
.w,.head,.main {width: 1280px;}
.sidelogin {width: 400px;}
.item ul {margin-left: -24px;}
.item li {width:260px;padding: 20px;margin-left: 24px;}
.item li a.img {height: 346px;}

.linkkc li {width: 248px;}
.linkkc li a.img {height: 248px;}
.product .pic {width:360px}
.proinfo {width: 840px;}

}