@charset "utf-8";
/* CSS Document */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;} 
fieldset,img {border:0 none;}  
dl,ul,ol,menu,li {list-style:none;}   
input,select,textarea,button {vertical-align:middle;border:none;outline:none;} 
input:focus,select:focus,textarea:focus,button:focus {border:none;outline:none;background-image: none;} 
button {border:0 none;background-color:transparent;cursor:pointer} 
body,th,td,input,select,textarea,button {font-size:12px;font-family:"寰蒋闆呴粦";color:#444;}
a {color:#444;text-decoration:none}  
a:active,a:hover {text-decoration:none; color:#2084f4;}  
a:hover {color:#2084f4;}  
/*table {border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0 auto;} */
img{vertical-align:middle;} 
iframe{border: none;width: 100%;height: 100%;box-sizing: border-box;}


/*?¡ê¡è2?|¨¬?¨¢2?1¡§???¡ì2?|¨¬¡ê¡è*/
a{color:#333;text-decoration:none}
a:hover{color:#e40000;text-decoration:underline;}
.logbox{width:100%; height:36px;_height:36px; border-bottom:solid 1px #cccccc; background:#f7f7f7;position:fixed;top: 0; z-index:3000; _position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
.login{width:1200px; margin:0 auto;padding-top:5px; font-size: 14px;}
.login input.text{width:70px; height:18px; border:solid 1px #c4c4c4; line-height:18px; padding:2px 5px; font-size:12px; color:#666; margin-left:5px;}
.login input.btnLogin {height:23px;width: 50px;color:#fff;cursor: pointer;background:#2084f4; font-size:12px;line-height:21px;border: solid 1px #1474e0;margin-left: 6px;border-radius: 3px;}
.login input.btnLogin:hover{ background:#3896ff;}
.topmenu_L{width:430px;height:24px;line-height:22px;}
.topmenu {float:right;width: 300px;height:18px; padding-top:6px;}
.topmenu li{float:right;height: 13px;padding-left:15px; line-height:12px;}
.footer{ z-index: 98;width:1200px;height:153px;font-size:12px;line-height:24px; text-align:center; color:#666; margin:0 auto; padding-top:60px; border-top: 1px dotted #f1f9ec;}
.footer a{color:#666;}
.footer a:hover{color:#666; text-decoration:underline;}
/*end*/

.clear {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    background: none;
    border: 0;
    font-size: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.clearfix {
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right
}

img {
    border: 0;
    /*max-width: 100%;
    height: auto;*/
    vertical-align: middle;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

.fr{ float:right;}
.fl{ float:left;}
.djs_span10{clear:both; height:10px;}
.djs_span20{clear:both; height:20px;}
.z_logo{ display:block; margin-top:40px;}

.banner{ background: url(../images/banner.jpg) no-repeat top center; height: 600px; }
.banner01{ background: url(../images/banner01.jpg) no-repeat top center; height: 600px; }
.banner02{ background: url(../images/banner02.jpg) no-repeat top center; height: 600px; }
.banner03{ background: url(../images/banner03.jpg) no-repeat top center; height: 600px; }
.banner_con{ width: 1200px;margin: 0 auto;position: relative;}
.djs_js{
		position: absolute;
		top: 320px;
		background: #fff;
		border-radius: 10px;
		padding: 30px 50px;;
		z-index: 9;
		box-shadow: 0 4px 10px #ededed;}
.djs_js p{ text-indent: 2em; line-height: 30px; font-size: 16px;}
.djs_js h3{ font-size: 24px;  text-align: center; margin-bottom: 20px;}

/*三大班次*/
.bc_con{ background: #f4f4f4;}
.banci{ width: 1200px; margin: 0 auto;}

h2{ font-size: 36px; text-align: center;}


.contrastMod .contrast-head {
 height:86px
}
.contrastMod .contrast-head li {
 width:398px;
 height:47px;
 line-height:47px;
 border:1px solid #d4d6de;
 border-right:0 none;
 float:left;
 text-align:center;
 font-size:18px;
 color:#999;
 cursor:pointer
}
.contrastMod .contrast-head li i {
 width:20px;
 height:8px;
 overflow:hidden;
 line-height:0;
 background:url(../images/teacher-icon-arrow.png) no-repeat;
 position:absolute;
 left:50%;
 bottom:-8px;
 margin-left:-10px;
 display:none
}
.contrastMod .contrast-head li.last-child {
 border-right:1px solid #d4d6de
}
.contrastMod .contrast-head li.on {
 background:#26c0c5;
 border-color:#26c0c5;
 color:#fff;
 cursor:default;
 position:relative;
 z-index:1
}
.contrastMod .contrast-head li.on i {
 display:block
}
.contrastMod .contrast-body {
 display:none;
 background:#fff;
 -webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);
 -moz-box-shadow:0 4px 15px rgba(0,0,0,.1);
 -o-box-shadow:0 4px 15px rgba(0,0,0,.1);
 box-shadow:0 4px 15px rgba(0,0,0,.1)
}

/*固定表头*/
.wrap_th{width:1200px; margin:0 auto; }
.head{ width: 100%; position:fixed; left:0; top:36px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); _margin-top: 0px; z-index: 3; text-align: right; -webkit-transform:translateZ(0); }
.taocan_p1,.taocan_p2,.taocan_p3{border-bottom: 1px #b4b4b4 dashed; margin: 0px 20px;}
.ul_taocan_fixed{ background: none; display: none; position:fixed;}
.ul_taocan_fixed li{background: none;  float: left; margin-right: 30px;}

/*hot*/
.commonClasses-topTit strong{ display:block; width:38px; height:35px; background:url("../images/ico01.png") no-repeat; position:absolute; right:10px; top:0;}
/*三大班次*/
.commonClasses-list{ width:1200px;}
.commonClasses-list.four{}
.commonClasses-list li:hover{ box-shadow: 0px 5px 15px rgba(0,0,0,.35) }    
.commonClasses-list li{ float:left; width:380px; font-size:14px; margin-right:30px;}
.commonClasses-topTit{ position:relative; text-align:center;  background:#63646a;}
.commonClasses-topTit.commonClasses-hot{ background:#ea8a8a; position:relative;}
.commonClasses-list .commonClasses-introduce{ background:#fff; line-height:24px;}
.commonClasses-list .commonClasses-introduceCon{ padding:0 10px 12px; box-shadow:0 0 5px #e6e6e6;}
.commonClasses-list .commonClasses-line{ border-bottom:1px dashed #d6d6d6;}
.commonClasses-list .commonClasses-pd01{ padding:18px 0 10px;}
.commonClasses-list .commonClasses-pd02{ padding:0 12px 12px 15px;}
.commonClasses-list .commonClasses-tit01{ line-height:44px; font-size:18px; font-weight:bold; padding:10px 0 0 15px;}
.commonClasses-list .commonClasses-box{ width:100%; height:24px;}
.commonClasses-list .commonClasses-price{ background:#fff; padding:4px 12px 26px; box-shadow:0 0 5px #e6e6e6; margin-top:10px;}
.commonClasses-list .commonClasses-tit02{ line-height:52px; font-size:18px;}
.commonClasses-list .commonClasses-ad01{ height:108px; text-align:center;}
.commonClasses-list .commonClasses-ad01 img{ max-width:236px; max-height:106px;}
.commonClasses-list .commonClasses-ad02{ height:186px; text-align:center; position:relative;}
.commonClasses-list .commonClasses-ad02 img{ max-width:236px; max-height:186px;}
.commonClasses-list .commonClasses-btnWrap{ padding:13px 0 0; text-align:center;}
.commonClasses-list .commonClasses-btnBuy{ display:block; float:left; width:111px; height:40px; line-height:40px; font-size:16px; color:#fff; text-decoration:none; background:#ea8a8a; border-radius:3px;}
.commonClasses-list .commonClasses-btnKf{ display:block; float:right; width:109px; height:38px; line-height:38px; font-size:16px; color:#ea8a8a; text-decoration:none; background:#fff; border:1px solid #f4664b; border-radius:3px;}
.commonClasses-list .dlDet{ display:inline-block; position:relative;}
.commonClasses-list .dlDet span{ cursor:pointer;}
.commonClasses-list .dlDet.onDlDet .commonClasses-pop{ display:block;}
.commonClasses-list.two-course li{ width:540px;}
.commonClasses-list.two-course .commonClasses-btnWrap{ padding-left:82px; padding-right:82px;}
.commonClasses-list.two-course .commonClasses-btnBuy{ width:158px;}
.commonClasses-list.two-course .commonClasses-btnKf{ width:157px;}
.commonClasses-list.three-course li{ width:380px;}
.commonClasses-list.three-course .commonClasses-btnWrap{ padding: 20px 15px;}
.commonClasses-list.three-course .commonClasses-btnBuy{ width:158px;}
.commonClasses-list.three-course .commonClasses-btnKf{ width:157px;}
.commonClasses-pop{width:206px;padding:12px 16px 20px;border:1px solid #eaeaea;position:absolute;top:100%;left:50%;margin-left:-119px;font-size:12px;background:#fff;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);-moz-box-shadow:0 4px 15px rgba(0,0,0,.1);-o-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1);display:none;}
.commonClasses-pop strong{line-height:30px;}
.commonClasses-pop .pop-body{line-height:24px;}
.commonClasses-pop .pop-foot{text-align:center;margin-top:16px;}
.commonClasses-pop .pop-foot a{height:24px;line-height:24px;padding:0 20px;border:1px solid #575151;color:#575151;display:inline-block;margin:0 6px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}

.kgttpbg{ background: #26c0c5;}

.kgttp .commonClasses-btnBuy{ background: #26c0c5; }
.kgttp .commonClasses-btnKf{ border:1px solid #26c0c5; color:#26c0c5;  }

.kjsq .commonClasses-btnBuy{ background: #63646a; }
.kjsq .commonClasses-btnKf{ border:1px solid #63646a; color:#63646a;  }


.commonClasses-topTit h3{height: 42px; line-height: 42px; padding-top: 10px; font-size:28px; font-weight:bold; color:#fff;}
.commonClasses-topTit p{ color: #fff;}
.commonClasses-topTit p i{ font-style: normal;text-decoration: line-through; font-size: 12px;}
.commonClasses-topTit p span{ font-size:17px; display: inline-block; margin-left: 10px;}
.commonClasses-topTit p a{ background: #fff; width: 110px; height: 30px; line-height: 30px; border-radius: 15px; display: inline-block; color: #26c0c5; margin: 10px 0;}

p.d_jq{ color: #444; margin-bottom: 10px;}
p.d_jq i{ font-style: normal;text-decoration: line-through; font-size: 12px;}
p.d_jq span{ font-size:17px; display: inline-block; margin-left: 10px;}
p.d_jq a{ background: #fff; width: 110px; height: 30px; line-height: 30px; border-radius: 15px; display: inline-block; color: #26c0c5; margin: 10px 0;}


.kjsq .commonClasses-topTit p a{ color: #63646a;}
.kgttp .commonClasses-topTit p a{ color: #26c0c5;}
.kgtzb .commonClasses-topTit p a{ color: #ea8a8a;}

/*kechengbiao*/

.kcb_con{ width:1200px; margin: 0 auto;}
.kcb_con .biaoge{ box-shadow: 0 4px 15px rgba(0,0,0,.1); }
.kcb_con .biaoge {
 width:100%;
 border-collapse:collapse
}
.kcb_con .biaoge td,
.kcb_con .biaoge th {
 padding:20px 15px;
 line-height:22px;
 border:1px solid #dedede;
 font-size:14px;
}

.kcb_con .biaoge tbody th {
 font-weight:bold;
 font-size:16px;
 background: #f4f4f4;
}
.kcb_con .biaoge tbody .trTh th {
 background: #26c0c5;
 font-size:16px;
 line-height: 20px;
 color: #fff;
	font-weight: normal;
	border: none;
	padding: 14px;
}
.kcb_con .biaoge tbody .trThF14 th {
 background:#f0f0f0;
 font-size:14px
}
.kcb_con .biaoge tbody .bg-ash {
 color:#ccc
}

.bg_zx{  display:inline-block;  width: 140px;height: 36px;line-height: 34px; font-size:16px; color:#26c0c5; text-decoration:none; background:#fff; border:1px solid #26c0c5; border-radius:20px;}

.bg_zx:hover{ background: #26c0c5; border: 1px solid #26c0c5; color: #fff;}
.kcgn{ background: #63646a; }
.kcgn_con{ width: 1200px; margin: 0 auto; }

.kcgn h2{ color: #fff;}
.kcgn_con li{ float: left; background: #fff; width:145px; height: 222px; margin-right: 18px; padding:30px 20px; cursor: pointer;}
.kcgn_con li b{ margin: 0 auto; margin-top: 35px; margin-bottom: 10px; display:block; width:70px; height: 70px; background: url(../images/kcgn_icon.png) no-repeat;}
.kcgn_con li b{background: url(../images/kcgn_icon.png) no-repeat 0 0; }
.kcgn_con li .kcgn_list02{background: url(../images/kcgn_icon.png) no-repeat 0 -77px ; }
.kcgn_con li .kcgn_list03{background: url(../images/kcgn_icon.png) no-repeat 0 -148px; }
.kcgn_con li .kcgn_list04{background: url(../images/kcgn_icon.png) no-repeat 0 -220px; }
.kcgn_con li .kcgn_list05{background: url(../images/kcgn_icon.png) no-repeat 0 -294px; }
.kcgn_con li .kcgn_list06{background: url(../images/kcgn_icon.png) no-repeat 0 -370px; }
.kcgn_con li strong{ display: block; font-size: 19px; height: 36px; line-height: 36px;  text-align: center; margin-bottom: 10px;}
.kcgn_con li span{ display: block;text-align: center; line-height: 20px;}

.kcgn_con li.on{ background: #27c0c6; }
.kcgn_con li.on strong{ color: #fff;}
.kcgn_con li.on span{ color: #fff;}

.kcgn_con li.on .kcgn_list01{background: url(../images/kcgn_icon.png) no-repeat -125px 0; }
.kcgn_con li.on .kcgn_list02{background: url(../images/kcgn_icon.png) no-repeat -125px -77px ; }
.kcgn_con li.on .kcgn_list03{background: url(../images/kcgn_icon.png) no-repeat -125px -148px; }
.kcgn_con li.on .kcgn_list04{background: url(../images/kcgn_icon.png) no-repeat -125px -220px; }
.kcgn_con li.on .kcgn_list05{background: url(../images/kcgn_icon.png) no-repeat -125px -294px; }
.kcgn_con li.on .kcgn_list06{background: url(../images/kcgn_icon.png) no-repeat -125px -370px; }



.que_con{ width: 1130px; margin: 0 auto; padding: 20px 35px; box-shadow: 0 4px 15px rgba(0,0,0,.1);}
.que_con li{ border-bottom: 1px dashed #d6d7db; padding: 25px 0;}
.que_con li p{ font-size: 18px; font-weight: bold; padding-left: 50px; height: 38px; line-height: 32px; background: url(../images/que_icon.png) no-repeat 0 0;}
.que_con li span{ display: block; font-size: 16px; padding-left: 50px; line-height: 26px; color: #666666;}

/*师资*/
.teacherMod {
 width: 1200px;
 margin: 0 auto;
}
.teacherMod .teacher-head {
 height:86px
}
.teacherMod .teacher-head li {
 width:148px;
 height:47px;
 line-height:47px;
 border:1px solid #d4d6de;
 border-right:0 none;
 float:left;
 text-align:center;
 font-size:18px;
 color:#999;
 cursor:pointer
}
.teacherMod .teacher-head li i {
 width:20px;
 height:8px;
 overflow:hidden;
 line-height:0;
 background:url(../images/teacher-icon-arrow.png) no-repeat;
 position:absolute;
 left:50%;
 bottom:-8px;
 margin-left:-10px;
 display:none
}
.teacherMod .teacher-head li.last-child {
 border-right:1px solid #d4d6de
}
.teacherMod .teacher-head li.on {
 background:#26c0c5;
 border-color:#26c0c5;
 color:#fff;
 cursor:default;
 position:relative;
 z-index:1
}
.teacherMod .teacher-head li.on i {
 display:block
}
.teacherMod .teacher-body {
 padding:30px;
 display:none
}
.teacherMod .teacher-child-head {
 height:156px;
 font-size:0;
 margin-top:22px;
 text-align:center
}
.teacherMod .teacher-child-head li {
 width:104px;
 padding-top:13px;
 display:inline-block;
 *display:inline;
 *zoom:1;
 margin:0 40px;
 cursor:pointer
}
.teacherMod .teacher-child-head li img {
 display:block;
 margin:0 auto 16px
}
.teacherMod .teacher-child-head li i {
 width:104px;
 height:115px;
 position:absolute;
 left:50%;
 top:0;
 margin-left:-52px;
 background:url(../images/teacher-child-head-icon.png) no-repeat;
 _background-image:url(../images/teacher-child-head-icon8.png);
 display:none
}
.teacherMod .teacher-child-head li span {
 display:inline-block;
 line-height:25px;
 padding:0 8px;
 font-size:18px;
 color:#666565
}
.teacherMod .teacher-child-head li.on {
 position:relative;
 z-index:1;
 cursor:default
}
.teacherMod .teacher-child-head li.on i {
 display:block
}
.teacherMod .teacher-child-head li.on span {
 background:#26c0c5;
 color:#fff
}
.teacherMod .teacher-child-body {
 min-height:298px;
 height:auto !important;
 _height:298px;
 display:none
}
.teacherMod .teacher-video {
 width:530px;
 height:298px;
 float:left
}
.teacherMod .teacher-video img {
 border:1px solid #e2e1ed;
 cursor:pointer
}
.teacherMod .teacher-info {
 margin-left:566px;
 font-size:16px
}
.teacherMod .teacher-info strong {
 line-height:40px;
 display:block;
 font-size:24px
}
.teacherMod .teacher-info .teacher-intr {
 line-height:28px;
 margin-top:10px;
	padding-bottom: 10px;
}
.teacherMod .teacher-info dl {
 line-height:28px;
 margin-top:15px
}
.teacherMod .teacher-info dl dt {
	display: inline-block;
 font-weight:bold;
width: 80px;
vertical-align: top; 
}
.teacherMod .teacher-info dl dd{ display: inline-block;  width: 489px;color: #666;}
.teacherMod .teacher-info dl dd span {
 display:inline-block;
 line-height:25px;
height: 26px;
 padding:0 14px;
 border:1px solid #26c0c5;
 color:#26c0c5;
 margin:0px 10px 0 0
}
.boxShadow {
 background:#fff;
 -webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);
 -moz-box-shadow:0 4px 15px rgba(0,0,0,.1);
 -o-box-shadow:0 4px 15px rgba(0,0,0,.1);
 box-shadow:0 4px 15px rgba(0,0,0,.1);
}

/*报名流程*/
.bmlc{ width:1200px; margin: 0 auto;}
.zf_tit{ font-size: 16px; color: #333; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 5px;}
.zxbm li.arrimg{ float:left;margin-right:15px; margin-top:10px;}
a.zi{ display:block;float:left; width:265px; height:40px; line-height:40px; border:solid 1px #26c0c5; text-align:center; background:#fff; margin-right:18px;color:#26c0c5; font-size: 14px;}
a.zi:hover{ border:solid 1px #26c0c5; background:#26c0c5;;color:#fff !important ;}
/*.classBox01{ width:1190px; overflow:hidden; margin:20px auto;}
.classBox01 table{ text-align:center; border-top:solid 1px #0083ba;border-left:solid 1px #0083ba; margin-top:10px; font-size:14px;}
.classBox01 table th{ background:#22b8ea; height:50px; border-bottom:solid 1px #0083ba;line-height:50px;border-right:solid 1px #0083ba; font-size:18px; color:#fff;}
.classBox01 table td{ border-bottom:solid 1px #0083ba; border-right:solid 1px #0083ba;height:24px; line-height:24px; padding:4px;}*/

.xcbm_con{float: right; width: 480px; margin-top: 22px;  }
.xcbm{ background-image:url(../images/z_icon_lxfs.gif); background-position:0px 7px; background-repeat:no-repeat;height:164px;text-align:left; padding:0 22px; padding-left:35px; font-size:14px; line-height:30px;}
table.table_bank{ width:100%; text-align:center; font-size:14px;  background: #fff; border-left: solid 1px #ccc;}
table.table_bank th{ height:40px; background:#63646a; color: #fff; font-size: 14px;}
table.table_bank td{ font-size: 14px; line-height: 22px; padding: 20px 30px; border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}

.wt_btn{width: 220px; height: 48px; line-height: 48px;
text-align: center;
margin: 25px auto;
display: block;
border-radius: 24px;}

/*最受欢迎的三大班次*/
.tableBg{ background-attachment: scroll; background-position: 50% 0px; background-repeat: no-repeat; overflow:hidden; }
table.populerban { width:1200px; margin:0 auto;text-align:center; font-size:14px; margin-top: 30px; border-left:solid 1px #ccc;position:relative;}
.hot1{
	position: absolute;
	left: 849px;
	top: 119px;
}
/* table td{border-bottom:solid 1px  #ccc !important; } */
table.populerban tr{ background:#fff; }
table.populerban tr:hover{ background-color:#f5f5f5;}
table.populerban th{ background:#26c0c5; height:50px; font-size:20px; color:#fff; line-height:50px; border-right:solid 1px #fff;border-bottom:solid 1px #fff; }
table.populerban td{ border-right:solid 1px #ccc; font-size: 14px; line-height: 20px; border-bottom:solid 1px #ccc; padding:20px 25px; }
table .banci_tit{ font-size: 16px !important; font-weight: bold;color: #444;}
table .youhuijia{ font-size: 18px !important; text-align: center; font-weight: bold;}
table .youhuijia a{ display: block; background: #ea8a8a; font-weight:normal; border-radius: 14px;color: #fff;font-size: 14px;height: 28px;line-height: 26px;width: 75px; margin:0 auto; margin-top: 10px;}
.hengxian {text-decoration: line-through; color:#444; font-size: 16px; }
/*支付*/
.smzf{ margin-top: 10px; }
.smzf dl{ margin-top: 20px; float: left; width: 600px; }
.smzf dt{ float: left; width: 170px;}
.smzf dd{ float: left;margin: 10px 0 0 25px; font-size: 14px;line-height: 28px;}

.zffs{  width:1200px; margin: 0 auto;}


.benefit-title {
    height: 20px;
    border-bottom: 1px solid #dbdae4;
    margin-bottom: 40px;
    text-align: center;
}
h4{height: 40px; line-height: 40px; font-size: 20px; margin-bottom:15px; text-align: center; background: #f4f4f4;
width: 130px; margin: 0 auto;}

/*多端设备听课*/

.ddsb{  background: url(../images/ddsb_bg.jpg) no-repeat top center;}
.ddsb_tit{ padding: 10px 0;}
.ddsb_tit p{ font-size:34px;  text-align: center; color: #333;}
.ddsb_tit span{ display: block;font-size:20px;  text-align: center; color: #333; margin-top: 15px;}
.ddsb_con{ margin: 0 auto; position: relative;width: 1200px; height: 605px; background: url(../images/ddsb_pic.png) no-repeat bottom center;}

.ddsb_con i{display: block; position: absolute;top: 180px;left: 530px; width:65px; height:65px; background:url(../images/play_icon.png) no-repeat; background-size: 100%; margin:0 auto; 
     -webkit-transform: scale(1.15);transform: scale(1.15);-webkit-backface-visibility: hidden;transition: all ease-out 250ms;}
.ddsb_con a{ display: block; width: 670px; height: 377px; margin: 0 auto;}
.ddsb_con a:hover i{ display: block; -webkit-transform:rotate(360deg) ;-moz-transform: translate(0,0) }


.commonClasses-list .commonClasses-btnBuy{ transition: all .2s; }
.commonClasses-list .commonClasses-btnKf{transition: all .2s;}
.commonClasses-list .commonClasses-btnBuy:hover{ margin-top:-4px; }
.commonClasses-list .commonClasses-btnKf:hover{ margin-top:-4px; }