.main{ padding-bottom: 40px;  }

.nonebox{
padding:50px;
 color:#888;
 text-align:center;
 
 margin:20px;  
} 
 
.yqinfo{ color:#FF6600; font-size:14px;padding:25px 30px 0; line-height:25px; } 	
.yqinfo strong{font-size:16px; font-weight:bold;}
 
.pb10{ padding-bottom: 10px;}
 
.right{float: right;}
.ta-c{text-align: center;}

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert-general{background:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}


.noDataTip{color:#666;height:300px;text-align:center;padding:140px 0 ; display: block;}
.noDataTip .alerttxt{ background: url(../../img/nodata_150.jpg) no-repeat center top; width: 230px; padding-top: 170px; display: inline-block; font-size:16px;}
 
 

/*去掉弹窗 a的焦点*/
.d-close{ outline: none !important; }
 
 
 
.transition{-webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
 
 

 
.c-3{width:1220px}
.c-3>li{width:284px;margin-right:20px;margin-bottom:25px}
.c-3>li .imgbox{ width:280px; height: 280px; }
.c-4{width:1065px}
.c-4>li{width:249.25px;margin-right:15px;margin-bottom:15px}
 
div.box{width:100%;border:1px solid #e4e4e4;font-size:14px;color:#666;margin-bottom:32px}
div.box>.content{margin:30px 32px}
div.box>.content p{line-height:24px}
span.star{display:inline-block;margin-right:-7px;padding-right:15px;width:34px;height:26px;line-height:26px;color:#fff;text-align:right;vertical-align:bottom;font-size:14px;background:url(../../img/star.png) center center no-repeat;cursor:pointer}
span.star:hover{opacity:.7}
.label{vertical-align:middle;display:inline-block;height:23px;line-height:23px;font-size:12px;color:#fff;text-align:center;margin-left:10px}
.label:hover{opacity:.7}
 


 

.n-header{ background:#fbfbfb; border-bottom: 1px #e4e4e4 solid;}
.n-header .nav{ height:50px; }
.n-header .nav .logo{ float: left; height: 30px; margin-top: 20px;}
.n-header .nav .link1{ float: left;   }
.n-header .nav .link1 a{float:left;font-size:14px; display:block;line-height:50px; color:#666; margin-right: 20px; }
.n-header .nav .link1 a:hover,.n-header .nav .link1 a.on{color:#00bb9a}
.n-header .nav .link2{ float: right; top: 18px; position: relative;}
.n-header .nav .link2:after{ content: ''; position: absolute; top:50%; left: 0px; height: 20px; margin-top: -10px; width: 1px; background: #ccc; z-index: 10;}
.n-header .nav .link2 a{ margin-left: 20px; }


div.brief{ padding: 20px 0; text-align:center;border-bottom:1px #e4e4e4 solid; }
div.brief h2{font-family: "微软雅黑",Verdana, Geneva, Arial;min-width:1050px;font-size:24px;font-weight:400;margin-bottom:25px}
div.brief h3{min-width:1050px;margin-bottom:25px;font-size:20px;font-weight:400}
div.brief h3.star:after{display:inline-block}
div.brief p{font-size:14px;color:#949494}


.agentUserInfo{ padding-bottom: 15px; }
.agentUserInfo .userinfo{ float: left; width: 300px; text-align: left; margin-top: 10px;}
.agentUserInfo .userinfo .headimg{ width: 80px; height: 80px; border-radius: 100%; float: left; margin-right: 20px;}
.agentUserInfo .userinfo .name{ color: #333; line-height: 50px; font-size: 18px; font-weight: bold;}
.agentUserInfo .userinfo .p1{ color: #999; font-size: 14px; }

.agentUserInfo .agentinfo{ background: #fff; padding: 20px; display: block; float: right;}
.agentUserInfo .agentinfo dl{ float: left; margin: 0 15px; display: block; text-align: center;}
.agentUserInfo .agentinfo dt{ font-size: 18px; line-height: 20px; padding-bottom: 10px; font-weight: bold; color: #333;}
.agentUserInfo .agentinfo dd{ line-height: 20px; font-size: 14px; color: #999;}


 
.index>.course{margin-top:30px}

.kc>ul{margin-bottom:10px}
.kc>ul>li{position:relative;float:left;border-radius:0px; overflow:hidden}
.kc>ul>li span.star{position:absolute;top:15px;right:0}
.kc>ul>li>a.imgbox { display: block;   background: #fff url(../img/loading.gif) no-repeat center; }
.kc>ul>li>a img{width:100%;  }
.kc>ul>li>.content{padding-top:5px;line-height:1.6}
.kc>ul>li>.content .info{ padding-top: 10px;}
.kc>ul>li>.content .price{ line-height: 30px; color: #d9534f; }
.kc>ul>li>.content .pricebtn{ line-height:15px; float: right; }
.kc>ul>li>.content h3{margin:0;font-weight:400}
.kc>ul>li>.content h4{font-weight:400;font-size:14px;color:#33495f;line-height:1.5}
.kc>ul>li>.content h5{font-weight:400;font-size:14px;color:#1bbc9c; line-height:2.1}
.kc>ul>li>.content .teacher{ font-size:13px;color:#777;line-height:24px; float: left;}
.kc>ul>li>.content .time{float:right;color:#949494;text-align:right;line-height:24px;font-size:13px}
.kc>ul>li>.content .tip{float: right;}
.kc>ul>li>.content .tip-red{color: #d9534f;}
.kc>ul>li>.content .tip-green{color: #4cae4c;}
.kc>ul>li>.content .tip-gray{color: #ccc;}
.kc-h{ padding-bottom: 20px; }



.videokc li img{ height: 233px; }

.workContentBox{ background: #f4f5fa; border-bottom: 1px #e4e4e4 solid;  padding: 30px 0; }
.workContent div.img{margin-left:auto;margin-right:auto;width:850px}
.workContent div.img img{display:block;width:100%}

 

.me{background:#fff}
.me>.content .full ul li{ width:100%; border:1px solid #e4e4e4;border-radius:0px;margin-bottom:20px}
.me>.content .full ul li .img{width:320px;float:left}
.me>.content .full ul li .img img{border-bottom-left-radius:4px;border-top-left-radius:4px;display:block; }
.me>.content .full ul li .content{float:left;width:600px;height:100%;margin:20px 38px 58px}
.me>.content .full ul li .content h3{font-weight:400;font-size:18px;margin-bottom:15px}
 .details{background:#f4f5fa;border-bottom:1px #e4e4e4 solid; height:155px;overflow:hidden;margin-bottom:6px}
.details>.content{position:relative;padding:15px 0}
.details>.content .img{float:left;margin-right:15px}
.details>.content .img img{display:block; }
.details>.content .title{float:left;width:690px;height:100%;margin:20px 20px 58px 0}
.details>.content .title h4{font-weight:400;font-size:18px;margin-bottom:15px}
.details>.content .title .btns{position:absolute;bottom:40px}
.outline{margin-top:15px;margin-bottom:35px}
.outline ul{border-bottom:1px #e4e4e4 solid}
.outline ul li{border:1px solid #e4e4e4;border-bottom:none;font-size:16px;line-height:60px}
.outline ul li span{margin-left:30px;color:#666}
.outline ul li a{margin-left:20px}
.outline ul li a.play{float:right;margin-top:16px;margin-right:14px}
 
.myworks{margin-top:30px;margin-bottom:40px}



.brief{margin:0}
.introduce{padding:32px 0 24px}
.introduce .tx{float:left;width:100px}
.introduce .tx img{width:60px;height:60px}
.introduce .content{float:left;color:#333}
.introduce .content h3{margin:0 0 15px;font-size:16px;font-weight:400}
.introduce .content p{ line-height: 25px; font-size: 14px; }
.introduce .content p.comment{margin-top:20px}
.v_title{font-size:14px;border-bottom:1px #e4e4e4 solid;padding-bottom:20px}
.v_title h3{font-size:20px;font-weight:400;line-height:42px}
.v_title p{line-height:32px}



.addbg{background-image: url(../../img/testBG.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.titfix{margin-top:20px;margin-bottom:20px;}

.bs-callout { margin-top: -5px;}
.bs-callout-danger { border-left-color: #ce4844;}
.bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
 



.user-buycourse{}
.user-buycourse ul{ border:1px #e4e4e4 solid; border-bottom:0;}
.user-buycourse li{ padding:20px 0 20px 35px; border-bottom:1px #e4e4e4 solid; cursor:pointer; position:relative;}
.user-buycourse li.on{ background:#e2f5ff;}
.user-buycourse li .sqr{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;  }
.user-buycourse li input{ float:left ; position:absolute; left:10px; top:56px;}
.user-buycourse li .pic{ height:85px; float:left; }
.user-buycourse li .namebox{ font-size:16px; float:left; margin-left:25px; height:85px; width:270px; }
.user-buycourse li .namebox table{ height:85px; }
.user-buycourse li .namebox .link{ color:#0099ff; display:inherit; padding:10px 0 0 0px; font-size:14px;position:relative;  z-index:10;}
.user-buycourse li .buy{ width:64px; height:26px; line-height:26px; text-align:center; display:block; color:#fff; float:left; margin-top:32px; margin-left:20px;}
.user-buycourse li .buy-no{ background:#1bb94f}
.user-buycourse li .buy-yes{ background:#b9b9b9}
.user-buycourse li .prize{ float:right; margin-right:60px; line-height:85px; color:#ea6000; font-weight:bold; font-size:18px;}
.user-buycourse li .prize span{ color:#6f6f6f; margin-left:10px; font-weight:normal; text-decoration:line-through; font-size:14px;}
.user-buycourse li .button{ float:right; margin-top:25px; margin-right:20px;}

.user-buycourse .sumbox{ background:#f1f2f4; height:55px; margin-top:20px; line-height:55px;}
.sum-money{ float:left; margin-left:40px; font-size:16px; width:340px;}
.sum-num{ font-size:14px; font-weight:bold; float:left; margin-left:20px;}
.sum-num strong{  color:#ec6102;}
.sum-less{ font-size:12px;  color:#ec6102; float:right;}
.sum-truemoney{ float:right;  margin:0 20px 0 0; font-size:16px;}
.sum-truemoney strong{ color:#ec6102;}
.sum-btn{ width:130px; height:55px; float:right; background:#eb6100; color:#fff; text-align:center; font-size:18px; display:block; border:0; cursor:pointer;}

.mycourse-nav{ padding-bottom: 10px; border-bottom: 1px #ddd solid; margin-bottom: 15px;}
.mycourse-list{ }
.mycourse-list li{  margin-bottom: 15px; border: 1px #dfdfdf solid; height: 140px; }
.mycourse-list li .cont{ padding:0 0 0 260px; position: relative;  height: 140px;}
.mycourse-list li .cont .picbox{ position: absolute; left: 0; top: 0; height: 140px; width: 280px; overflow: hidden;}
.mycourse-list li .cont .pic{ width:240px ; height:auto  }
.mycourse-list li .cont .title{ padding: 6px 0 6px; font-size: 18px; color:#333; font-weight: bold;}
.mycourse-list li .cont .p1{ color: #333; font-size: 12px; padding-bottom: 3px; line-height: 20px;}
.mycourse-list li .cont .p1 span{ color: #777; }
.mycourse-list li .cont .btnbox{ position: absolute; right:25px; top: 45px; }
 

.mycourse-list li .info {padding: 10px 20px; border-top: 1px #ddd solid; background: #F2F2F2; }
.mycourse-list li .info p{ font-size: 12px; line-height: 22px; color: #666;}
.mycourse-list li .info strong{color:#333;}
.mycourse-list li .info .btn{vertical-align: top; margin-right: 10px;}
.mycourse-list li .info span.col-r{color:red; line-height: 34px;}
.mycourse-list li .info .p1{ font-size: 16px; color: #333; padding-bottom: 15px; font-weight: bold;}
.mycourse-list li .info .selectbox{ border: 1px #f0f0f0 solid; background: #fff;  margin-bottom: 10px;}
.mycourse-list li .info .selectbox .cel{ padding: 10px 20px 10px 40px; border-bottom: 1px #f0f0f0 solid; margin-bottom: -1px; position: relative;}
.mycourse-list li .info .selectbox .cel label{ display: block; cursor: pointer;}
.mycourse-list li .info .selectbox .cel input{ position: absolute; left: 10px; top: 50%; margin-top: -8px; }

 

.agent-center-header{ border: 1px #ddd solid; position: relative; padding: 15px;  padding-left: 150px; box-sizing: initial; margin-bottom: 15px;}
.agent-center-header .headimg{ position: absolute; width: 80px; height: 80px; left: 15px; top: 15px;}
.agent-center-header .name{ font-size: 20px; color: #000; padding-bottom: 10px;}
.agent-center-header .p1{ font-size: 14px; }
.agent-center-header .btn{float: right; margin-top: 15px; margin-right: 15px; }

table.tablex { margin-top:8px;  border-collapse:collapse;  border:1px solid #e0e0e0;   width:100%;   }

table.tablex th {   vertical-align:baseline;    padding:8px 8px 8px 8px;    background-color:#e8eaeb;    border:1px solid #e0e0e0;    text-align:center;    font-size:14px;    }

table.tablex td { vertical-align:text-top; padding:6px 6px 6px 6px; background-color:#fff; border:1px solid #e8eaeb;  }

table.tablex pre {  width:auto;  margin:0; padding:0; border:0; background-color:transparent; }

.padding5{ padding:5px;  }

.what{ margin-bottom: 55px;} 


.tabley { border-collapse: collapse; width: 100%; background-color: #fff; border: 1px solid #e5e5e5;  border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05); font-size: 14px;}
.tabley tr.strong {  background: #f2f2f2;}
.tabley th,.tabley td { line-height: 2.4;  padding: 8px;  text-align: center; border-bottom: 1px #e1e1e1 solid; border-right: 1px #e1e1e1 solid; color:#333;}
.tabley thead { display: block; background: #f2f2f2;}





.yq h2 { font-size: 20px; line-height: 24px; margin-bottom: 12px; color: #333333; font-weight: bold;}
.yq input{ }
.yq h3 { font-size: 18px; line-height: 24px; margin-bottom: 12px; color: #333333; font-weight: bold;}
.yq p { font-size: 14px; margin-bottom: 6px; color: #333333;}
.hui { font-size: 15px; color: #666666 !important;}
.yq .contents{ margin-bottom: 42px;}
.yq .contents p{ color: #666;}
.yq .btn { padding: 6px 24px;}
.yq >p >a{ margin-right: 5px;}
.yq .tg-nav { margin-bottom: 20px;}
.yq .tg-nav li{ float: left;}
.yq .tg-nav li a{display: block;line-height: 36px; text-align: center; padding: 0 6px; margin-right: 15px; font-size: 16px;}
.yq .container{ padding: 28px 34px; border: 1px #e5e5e5 solid;}
.yq .alert { margin-bottom: 22px;}
.table { border-collapse: collapse; width: 100%; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05); font-size: 14px;}
 
.yq .blue {color: #0099CC;}
.yq .green { color: #339933;}
.yq .gray{ color: #C9C9C9;}


.sqtx { padding-top: 52px;}
.sqtx .tx{ width: 100px; text-align: center; float: left;}
.sqtx .tx a.btn{ padding: 6px 10px;}
.sqtx .tx a.btn-primary{ background:#169bd5; border: none;}
.sqtx .tx p{ margin-bottom: 12px;}
.sqtx .green{ color: #00CC00 ;}
.sqtx .tx h4{ font-size: 18px; margin-bottom: 22px;}
.yq>h3.tx { margin-top: 24px;}




form.yqyj-form{ width: 380px; margin: 0 auto;}
form.yqyj-form h2{ margin-bottom: 34px;}
form.yqyj-form label{ line-height: 30px; width: 100%; margin-bottom: 22px;}
form.yqyj-form label input{ vertical-align: top;  line-height: 35px; height: 35px;}

form.yqyj-form label input[type="radio"]{ margin-top: 0;}
form.yqyj-form label .note{ margin-left: 80px; color: #A1A1A1;}
form.yqyj-form input[type=text]{ margin: 0; width: 286px;}
form.yqyj-form textarea{ margin: 0;  width: 280px; max-width: 286px; min-width: 286px; min-height: 100px; margin-bottom: 20px;}
form.yqyj-form div.rm{ width: 300px; float: right;}


.jr h2.btns{    line-height: 34px;}
.jr h2.btns a{    padding: 6px 27px;}
.jr {    margin-bottom: 38px;}
.jr ul {    width: 1160px;}
.jr ul li{    width: 341px;    height: 270px;    margin-right: 13px;    border: 1px #e5e5e5 solid;    float: left;}
.jr ul li h4{    padding-left: 80px;    line-height: 80px;    font-weight: 400;    font-size: 18px;    border-bottom: 1px #e5e5e5 solid;    background-position: 30px center;
    background-repeat: no-repeat;    color: #333333;}
.jr ul li p{    margin: 30px 32px 0 32px;    font-size: 15px;    color: #666666;    line-height: 1.7;}




.buy_course_list{}
.buy_course_list li{ height: 155px; position: relative; margin-bottom: 10px; padding-left: 215px;}
.buy_course_list li .picbox{   position: absolute; left: 0; top: 0;  }
.buy_course_list li .pic{ height: 155px; }
.buy_course_list li .info{ border: 1px #f2f2f2 solid; border-left: 0; padding: 10px 14px 10px 30px; height: 133px;   }
.buy_course_list li .info .title{ font-size: 16px; line-height: 20px; padding: 7px 0 20px;  color: #333; font-weight: bold;}
.buy_course_list li .info .p1{ line-height: 20px; font-size: 14px; color: #797979; padding-bottom: 10px; }
.buy_course_list li .info .p1 strong{ color: #333; font-weight:normal;}
.buy_course_list li .info strong.price{ color: #FF6600; font-weight: bold; }
.buy_course_list li .info .btn{ position: absolute; right: 15px; top: 50%; margin-top: -17px; }

.buycourse_infobox{  }
.buycourse_infobox .classinfo{ padding: 20px; border-bottom: 1px #e4e4e4 solid;}
.buycourse_infobox .classinfo .cbox{ position: relative; padding-left: 320px;height: 210px; }
.buycourse_infobox .classinfo .cbox .pic{ position: absolute; left: 0; top: 0;  height: 210px; }
.buycourse_infobox .classinfo .name{ font-size: 28px; padding-bottom: 15px; color: #333;}
.buycourse_infobox .classinfo .intro{ font-size: 16px; line-height: 30px; color: #666; padding: 20px 0; }
.buycourse_infobox .classinfo .tp{ margin-right: 25px; font-size: 16px;}
.buycourse_infobox .classinfo .pricebox{  padding-top: 20px; margin-top: 20px; border-top: 1px #f2f2f2 solid; }
.buycourse_infobox .classinfo .price{ color: #FF6600; font-weight: bold; }
.buycourse_infobox .classinfo .allprice{  font-size: 20px;}


.buycourse_infobox .buyinfo{ padding: 35px; } 


.btn-livereplay{  width: 75px; height: 30px; border: 1px #00bb9a solid; border-radius: 20px; display: inline-block; line-height: 30px; text-align: center; padding: 0; margin: 0; color: #00bb9a;}
.btn-livereplay:hover{ background: #00bb9a; color: #fff; }

table.tablec { margin-top:10px;  border-collapse:collapse;  border:1px solid #e0e0e0;   width:100%;   }
table.tablec th {   vertical-align:baseline;  padding:0 8px; height: 50px; line-height: 50px;  background-color:#e8eaeb;    border-bottom:1px solid #e0e0e0;    font-size:14px;    }
table.tablec td { vertical-align:text-top; padding:6px 6px 6px 6px; background-color:#fff; border-bottom:1px solid #e8eaeb;  }
table.tablec pre {  width:auto;  margin:0; padding:0; border:0; background-color:transparent; }

.uploadTable td{ padding: 5px 0; }

.worklist{}
.worklist ul{ width: 1280px; }
.worklist li{ width: 220px; float: left; margin: 0 20px 20px 0; position: relative;}
 
.worklist li .star{ background: url(../img/star.png) no-repeat; width: 20px; height: 20px; position: absolute; left: 12px; top: 10px; }

.worklist li .pic{ width: 220px; height: 220px; }
.worklist li .workinfo{ padding: 10px; border: 1px #f2f2f2 solid; border-top: 0; background: #fff; }
.worklist li .headimg{ width: 38px; height: 38px; float: left; margin-right: 12px; }
.worklist li .title{ color: #333; font-size: 12px; }
.worklist li .name{ color: #ccc; font-size: 12px; }
.worklist li .sinfo{ padding: 10px 20px; margin-top: -1px; border: 1px #f2f2f2 solid; }
.worklist li .view{ background: url(../img/view.png) no-repeat center left; padding-left: 20px; font-size: 12px; margin-right: 10px; float: left; color: #888;}
.worklist li .love{ background: url(../img/liket.png) no-repeat center left; padding-left: 17px; font-size: 12px; margin-right: 10px; float: left; color: #888;}
.worklist li .time{ float: right;  font-size: 12px; color: #ddd;}
.worklist li .editbox{ position: absolute; right: 5px; top: 5px; }



.couponlist{}
.couponlist li{ height: 135px; margin-bottom: 15px; position: relative; padding-left: 260px;}
.couponlist li .cponbox{ background: #f5b049; width: 230px; height: 125px;  position: absolute; left: 0; top: 0;}
.couponlist li .cponbox .cponwrap{  height: 111px; }
.couponlist li .cponbox .money{ font-size: 36px; color: #fff; text-align: center; padding: 20px 0 10px; font-weight: bold; line-height: 36px;}
.couponlist li .cponbox .txt{ font-size: 20px; color: #fff; text-align: center; }
.couponlist li .info{ padding: 25px 15px 15px 30px; border: 1px #f2f2f2 solid;   }
.couponlist li .info .p1{ color: #797979; padding-bottom: 10px; }
.couponlist li .info span{ margin-left: 15px; }
.couponlist li .btn { width: 112px; height: 60px; position: absolute; right: 25px; top: 50%; margin-top: -30px; line-height: 60px; }

.couponlist li .cponbox_used{ background: #e4e4e4; }
.couponlist li .cponbox_used .cponwrap{ border-color: #d7d7d7; }

 

.user_configform{ padding: 35px 0; }
.user_configform dl{ padding-bottom: 20px; display: block; zoom: 1;}
.user_configform dl:after{visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.user_configform dt{ width: 80px; float: left; text-align: right; margin-right: 30px; font-size: 16px; font-weight: normal; line-height: 30px;}
.user_configform dt strong{ color:red; }
.user_configform dd{ display: block; float: left; width: 600px; line-height: 30px;}


.works .mywkdiv{ float: left; margin: 10px; }
.works .mywkdiv .info{ border:1px #f0f0f0 solid; border-top: 0; padding: 0 10px; }
.works .mywkdiv p{ padding-bottom: 0; padding-bottom: 5px; margin: 0;}
.works .mywkdiv p.tit{ padding-top: 10px; }
.works .mywkdiv .dpbox{ border-top: 1px #f0f0f0 solid; text-align: center; padding: 5px 0 ; }


.class_student_list{}
.class_student_list li{ float: left; width: 190px; margin: 10px; border:1px #f0f0f0 solid;}
.class_student_list li img{ width: 80px; margin: 40px auto; display: block; border-radius: 100%; }
.class_student_list li .info{ border-top:1px #f0f0f0 solid; padding: 10px 30px; }


.student_work_comment{ padding: 20px 0; }
.student_work_comment .onediv{ padding-bottom: 15px; border-bottom: 1px #f0f0f0 solid; position: relative; padding-right: 230px; min-height: 220px;}
.student_work_comment .onediv .picbox{ position: absolute; right: 20px; top: 0; width: 200px; }
.student_work_comment .onediv .picbox img{ width: 180px; }
.student_work_comment .onediv p{ line-height: 25px; padding-top: 10px; }



.userbox{	background: #fff;	margin-top:20px; 	margin-bottom: 20px;    }
.userbox .content{padding:20px}