@charset "utf-8";
/* CSS Document */
html,body{width:100%; height:100%;margin:0; padding:0;}
body{margin:0;padding:0;color:#333;background:url(/images/trade/body-bg.gif) repeat;width:100%;}
ul,li,dl,dt,dd,form,p{margin:0;padding:0}
ul,li{list-style:none}
img{border:0;padding:0;margin:0}
img,input,select{vertical-align:middle}
a:focus {outline:none}
/*font*/
body,input,select,.en{font-family:Tahoma, Arial,SimSun,宋体, sans-serif;font-size:12px;line-height:150%}
h1,h2,h3,h4,h5{padding:0;margin:0}
.f12{font-size:12px;line-height:130%}
.f14{font-size:14px}
/*layout*/
#memBox a,.tableClass li,#pageBox li,.talking li{background:url(/images/trade/icon.png) no-repeat}
.channel{margin:0 auto;width:980px}
.c{text-align:center}
.r{text-align:right}
.fr{float:right}
.fl{float:left}
.clr {clear:both}
/*color*/
a:link,a:visited{color:#0447a5;text-decoration:none}
#rightBar .title a{color:#333}
#memBox a,#bottom a{margin:0 5px;color:#727272}
a:hover,#rightBar .title a:hover,#memBox a:hover,#bottom a:hover{color:#d9000c;text-decoration:none}
/*bottom*/
#bottom{padding:10px 0}
/*header*/
#header{height:60px; background-color:#FFF}
#memBox{padding-top:35px}
#memBox a{background-position:left -73px;padding:0 10px}
/*topbanner*/
#topbanner {width:980px;height:225px;margin:0 auto;}
/*main*/
#main{background-color:#FFF}
#leftBar{width:690px;padding:0 20px;float:left;margin-bottom:60px}
#rightBar{width:230px;padding:10px 20px 0 0;float:left}
#leftBar p{margin:0 0 5px}
.content{padding:13px 0;}
.content-re{padding-bottom:0}
.news {margin-top:5px}
.title{background:url(/images/trade/bg-title.png) no-repeat;font-family:Microsoft YaHei,微软雅黑;line-height:20px;margin-bottom:8px;font-size:14px;text-indent:-9999em}
#join{font-size:14px;line-height:130%}
.btnJoin{font-size:14px;text-indent:-9999em;display:block; background:url(/images/trade/bg-title.png) no-repeat 0 -159px;width:133px;height:41px;margin:20px auto 10px}
#classList .title{background-position:left -20px}
.tableClass{border-top:1px solid #649431;border-left:1px solid #649431;width:100%;margin:2px 0 10px}
.tableClass th,.tableClass td{border-bottom:1px solid #649431;border-right:1px solid #649431; vertical-align:top}
.tableClass th{background-color:#98bc5d;font-weight:700;color:#fff;text-align:left;padding:2px 7px 0;height:26px;line-height:26px}
.tableClass td{padding:7px 10px}
.tableClass ul{margin-bottom:7px}
.tableClass li{display:block;margin:3px 0;background-position:-147px -54px;padding-left:8px}
.classInfo th{ text-align:center;padding-top:4px}
#classList p{margin:0}
#instructor .title{background-position:left -40px}
#instructor dl{padding:10px;background-color:#f3f3e9;margin-top:10px}
#instructor dt{font-weight:700}
#instructor .pic{background:url(/images/trade/bg-ins.gif) no-repeat;display:block;width:70px;height:90px;margin-left:10px}
#instructor .adam{ background-position:right top}
#instructor .frank{ background-position:right -110px}
#instructor .mimi{background-position:right -220px}
#instructor img{width:70px;height:88px}
#rightBar .title{background-position:left -60px;margin-bottom:0;}

/* write by fanmin 2012.04.13  */
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
.content2 {border-bottom:1px solid #ddd;zoom:1;}
#instructor .lecturer {background:none;width:230px;float:left;margin-top:0;padding-left:0;padding-top:5px;position:relative;}
#instructor .lecturer .pic,#instructor .lecturer-re .pic {margin-left:0;display:inline}
#instructor .title-active{background-position:left -86px;margin-bottom:0}
#instructor .lecturer-re {width:320px;padding-right:25px;background:none;float:left;margin-top:0;padding-left:0;padding-top:5px;}
#instructor .lecturer-re .pic {width:120px;height:80px;border:1px solid #dbdbdb}
#instructor .lecturer-re .pic2 {margin-right:10px}
#instructor .lecturer-re img{width:120px;height:80px;}
#instructor .lecturer-re a{color:#333}
#instructor .lecturer-re a:hover,.active-page  a:hover{color:#0447a5}
.active-page {float:right;margin:10px 0 15px}
.active-page  a{padding:0;float:left;border:1px solid #d1d1d1;margin-left:8px;padding:0 6px;line-height:1.3;color:#b1b1b1;display:inline}
.active-page .nonumber{float:left;border:1px solid #d1d1d1;padding:4px 7px;margin-left:8px}
.active-ico {display:block;width:0;height:0;font-size:0;line-height:0;border-width:4px 0 4px 4px;border-style:solid;border-color:#fff #ff6600}
.active-ico2 {border-width:4px 4px 4px 0;border-color:#fff #cdcdcd}
.active-ico3 {border-width:4px 4px 4px 0;border-color:#FFFFFF #FF6600}
.active-icon {border-width:4px 0 4px 4px;border-color:#fff #cdcdcd}
.active-page .current {float:left;padding:0 6px;line-height:1.3;margin-left:8px;border:none;font-weight:bold;color:#ff6600}
#rightBar .learner .title {background-position:left -106px;margin:20px 0 5px}
.learner-info {width:208px;padding:10px;height:320px;overflow:hidden;position:relative;border:1px solid #dfdfdf;background:#f3f3e9;margin-bottom:30px}
.learner-list {position:absolute;left:0;top:0;width:9999px;}
.learner-info  li {float:left;width:208px;height:290px;padding:10px;}
.learner-pre {color:#888;display:block;margin-top:2px}
.slider-page {position:absolute;right:10px;bottom:10px;bottom:5px\9}
.slider-page .nonumber{float:left;border:1px solid #d1d1d1;background:#fff;padding:4px 7px;margin-left:8px;cursor:pointer}
.active-cur {border-color:#fff #ff6600}
#instructor .lecturer-dl {width:140px;margin-top:0;margin:0 1px;padding-top:0;position:absolute;left:71px;top:5px;z-index:999;background:none}
#instructor .lecturer-dlbg {background:#f3f3e9;padding-right:5px;}
.new-tip{ color:#CE202D; padding:2px 0 5px 0;clear:both;width:0;height:0;font-size:0;line-height:0;}
.pup-login {float:left;width:300px;}
.pup-loginre span {color:#f00;display:block;margin:5px 0 0 80px}
.pup-form {margin:30px 15px 15px 150px;width:485px;}
.pup-form p {padding:6px 0}
.pup-form label {float:left;width:80px;text-align:right;font-size:14px;padding-top:4px}
.pup-form .login-input {width:223px;padding-left:2px;height:27px;line-height:27px;border:1px solid #d3d3d3}
.btnSear,.btnSear span,.btnMem,.btnMem .again-sub,#tagLeft h2,.seaResult,.goMem,.goMem span,.edPass,.edPass span{background-image:url(/images/new/button.png);background-repeat:no-repeat}
.btnSear,.btnSear span,.btnMem,.btnMem .again-sub,.goMem,.goMem span,.edPass,.edPass span{cursor:pointer;display:inline-block;oveflow:hidden;zoom:1}
.btnBox{margin:10px 0 0}
.btnSear,.btnMem{padding-left:30px;font-size:14px;height:32px;line-height:32px}
.btnSear span,.btnMem .again-sub{padding-right:30px;font-weight:700;background-position:right top}
.btnSear{background-position:left top}
.btnSear span{background-position:right top;color:#740c04;padding-top:4px\9;hegith:28px\9;line-height:28px\9}
.btnMem {background-position:left -42px}
.btnMem .again-sub{background-position:right -42px;color:#FFF;width:auto;padding:0 30px 0 0}
.error-info {color:#f00;font-weight:normal}
.pup-form .error-txt {padding:0;margin:0}
.pup-form .error-txt label {padding-top:0}
.new-tiper {padding-bottom:8px;}
#regButton span {margin:0}
#showdiv { width: 100%; height: 100%; background: #000;position:fixed; _position:absolute;top: 0; left: 0;opacity: 0.5;  filter: alpha(opacity=50); display: none; z-index: 9999;}
#popDiv {position:absolute;display:none;z-index:10000;width:650px;}

.buyer-re,.buyer-res {float:left;width:140px;margin-right:45px}
.buyer-res {margin-right:0}
.start-time {float:left;margin-right:60px}
.trade-slider {width:672px;height:184px;border:1px solid #f0f0f0;background:#fafafa;padding:15px 8px 10px 8px;margin-top:10px}
.trade-inner {width:630px;height:178px;overflow:hidden;position:relative;float:left;}
.trade-list {position:absolute;left:0;width:9999px;}
.trade-list li {float:left;width:202px;margin:0 4px;display:inline}
.trade-list li p {width:202px;text-align:center;padding-top:8px;font-size:14px;}
#instructor .trade-list img {width:200px;height:150px;border:1px solid #ccc}
.left-arrow {float:left;width:16px;height:41px;background:url(/images/trade/bg-title.png) no-repeat 0 -109px;text-indent:-9999px;cursor:pointer;margin:60px 5px 0 0;display:inline}
.left-arrow-act {float:left;width:16px;height:41px;background:url(/images/trade/bg-title.png) no-repeat -32px -109px;text-indent:-9999px;cursor:pointer;margin:60px 5px 0 0;display:inline}
.right-arrow {float:right;width:16px;height:41px;width:16px;height:41px;background:url(/images/trade/bg-title.png) no-repeat -16px -109px;text-indent:-9999px;cursor:pointer;margin:60px 0 0 0;}
.right-arrow-act {float:right;width:16px;height:41px;width:16px;height:41px;background:url(/images/trade/bg-title.png) no-repeat -48px -109px;text-indent:-9999px;cursor:pointer;margin:60px 0 0 0;}
.talking li {border-bottom:1px dashed #98bc5d;padding:8px 0 8px 10px;background-position: -147px -46px;display: block;margin-left:5px}
.talking span {color:#999}
.talking .younglady {color:#999;margin-left:10px}
.btnJoin-res {margin:20px 0 0;float:left;padding-bottom:15px}
#ckepop {float:left;margin:32px 0 0 20px;font-size:12px;display:inline}
.conBox-res {margin-top:15px}
.prior-period {margin-right:-20px;overflow:hidden;zoom:1}
.prior-period li {float:left;width:215px;height:160px;margin:0 15px 0 0;position:relative;}
.prior-period li img {width:215px;height:160px;}
.prior-period .period-bg {position:absolute;left:0;bottom:0;width:215px;height:25px;line-height:25px;background:#000;opacity: 0.5;filter: alpha(opacity=50);z-index:0;}
#leftBar .prior-period .period-txt {position:absolute;left:0;bottom:0;width:215px;height:25px;line-height:25px;text-align:center;color:#fff;z-index:1;margin:0}
.prior-period .period-txt a{color:#fff;width:215px;height:25px;overflow:hidden;display:block;}
.prior-txt {margin:10px -20px 0 0;overflow:hidden;zoom:1}
.prior-txt li {float:left;width:320px;margin-right:15px;line-height:24px;background:url(/images/trade/icon.png) no-repeat -147px -50px;padding-left:10px;}
.prior-txt a:link,#ie-color a {color:#333}
.prior-txt a:hover,#ie-color a:hover {color:#d9000c}
.check-more {margin-top:6px;text-align:right;}
.check-more a {font-family:simsun;color:#0447a5}
.check-more a:hover {text-decoration:underline}
.show-res{height:158px;text-align:center;border:1px solid #dfedff;background-color:#fff}
.show-res .info{color:#FFF}
#instructor .eagle-img {width:215px;height:160px}
.pup-loginres {float:left;width:300px;border-right:1px solid #ddd;padding:0 30px 0 20px;display:inline;_padding-right:5px;margin-top: 15px;}
.pup-loginres h3 {margin-bottom:15px}
.pupop-form {margin:0;width:auto}
.pupop-form p {width:300px;padding:10px 0 20px 16px;font-size:14px;color:#f60;font-weight:bold}
.pupop-form .pp-account {padding-bottom:10px}
.pup-loginres span {display:block;width:200px;padding:5px 0 0 80px;color:#f00}
#popDiv {position:absolute;display:none;z-index:10000;width:700px;}   /*   这里的popDiv 为了避免与之前的冲突，要换名字 */
.pup-loginres-sub {border-right:none;padding-right:20px}
.logining-acc {width:200px;margin-left:80px}
.logining-acc p {float:left;margin-right:20px;width:auto;padding:0;font-size:12px;font-weight:normal;color:#333;padding-bottom:10px}