.main { width: 1200px; margin: 30px auto; display: flex; justify-content: space-between }
.main .left { width: 180px; background: #fafafa; height: 600px; border-radius: 4px; padding-top: 20px; }
.main .right { width: 980px; }
.left ul li a { display: block; text-indent: 40px; color: #595757; position: relative }
.left ul li a:hover { color: #A10417 }
.left ul .header a { font-size: 18px; font-weight: 700; padding-bottom: 18px; }
.left ul .header a::before { position: absolute; content: ''; bottom: 0; width: 100px; border-bottom: 1px solid #eaeaea }
.left ul .menu { padding: 18px 0 }
.left ul .hover a::before { position: absolute; left: 0; top: 0; width: 2px; height: 100%; border-left: 3px solid #A10417; content: '' }

.left ul .bottom a {  padding: 18px 0;  margin-top:10px;}
.left ul .bottom a::before { position: absolute; content: ''; top: 0; width: 100px; border-bottom: 1px solid #eaeaea }


.box { padding: 0 18px }
.signin { display: flex; justify-content: space-between; align-items: center; padding: 0 15px; }
.signin .signin_left span { font-weight: bold; margin-right: 20px; color: #666; font-size: 18px; font-weight: 600 }
.signin .signin_left label { color: #A10417; font-size: 20px; }
.signin .signin_left label i, .signin .signin_left label em { font-style: normal }
.signin .signin_left a { border: 1px solid #A10417; background: #f9f9f9; display: inline-block; color: #A10417; padding: 2px 7px 4px 7px; margin: 0 5px; border-radius: 3px; transition: background 0.3s; }
.signin .signin_left a:hover { color: #fff; background: #A10417 }
.signin .signin_right { color: #666 }
.month_list { display: flex; flex-wrap: wrap; margin: 20px 0; }
.month_list li { width: 10%; height: 90px; display: flex; justify-content: center; align-items: center }
.month_list li span { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 18px; border-radius: 4px; }
.month_list li .weiqiandao { background: #eee; color: #666 }
.month_list li .yiqiandao { background: #f5e5e7; color: #fa8787 }
.month_list li .unqiandao { background: #f9f9f9; color: #999 }

.title { display: flex; justify-content: space-between; border-top: 1px solid #eee; padding: 15px 0; color: #595757 }
.title label { font-size: 18px; font-weight: 600 }
.title a { color: #595757 }
.learning { font-size: 18px; padding-bottom: 15px; color: #595757 }
.laststudied { background: #f9f9f9; padding: 10px 20px 20px 20px; border-radius: 4px; line-height: 40px; color: #595757; margin-bottom: 30px; }
.laststudied h5 { display: flex; justify-content: space-between }
.laststudied h5 span { color: #A10417; font-size: 18px; }
.continue { background: #A10417; transition: background 0.3s; color: #fff; display: inline-block; padding: 1px 15px; border-radius: 4px; }
.continue:hover { background: #8f0415; }

.none { text-align: center; color: #999; padding: 20px 0; display: none }
.none p { padding: 15px 0 }
/*列表*/
.table { width: 100%; border: 1px solid #eee; border-collapse: separate; border-spacing: 0; border-bottom: 0 }
.table .table_thead { background: #f7f7f7; }
.table .table_thead th { padding: 10px; color: #8e99a2; border-bottom: 1px solid #eee; text-align: left; font-weight: 800; font-size: 14px; }
.table td { padding: 15px 10px; color: #8e99a2; border-bottom: 1px solid #eee; text-align: left; font-size: 14px; font-size: 15px; }
.table .td_title { max-width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333 }
.table td a { background: #A10417; color: #fff; border-radius: 2px; cursor: pointer; font-size: 14px; transition: background 0.3s; padding: 3px 5px; display: inline-block }
.table td a:hover { background: #8f0415; }

.nodate { text-align: center; padding: 30px 0; color: #666; font-size: 14px; overflow: hidden; clear: both; display: none }


.form_box {  margin: 0 auto 0 auto ; padding:0 50px;}
.form_item { display: flex; padding: 5px 0; align-items: center }
.form_item label { width: 120px; color: #999 }
.form_item a { color: #A10417; margin-left: 20px; }
.form_item input { padding: 15px; width: 200px; border: none; background: none; border-radius: 4px; font-size: 15px; }
.formbox { width: 660px; margin: 60px auto 0 auto; }
.formbox ul li { display: flex; padding: 15px 0; align-items: center; }
.formbox ul li label { width: 120px; font-size: 15px; color: #333 }
.formbox ul li i {  font-style:normal; font-size:14px; color:#666; margin-left:15px; }
.formbox ul li .tx { outline: none; background: #f5f5f5; border-radius: 4px; padding: 15px; border: 0; text-indent: 10px; width: 280px; font-size: 15px; }
.formbox ul li .getcode { background: #A10417; padding: 12px 15px; margin-left: 15px; color: #fff; cursor: pointer; border-radius: 4px; }
.formbtn { background: #A10417; padding: 12px 0px; display: block; width: 230px; color: #fff; cursor: pointer; border-radius: 4px; text-align: center; margin: 5px 0; transition: background 0.3s; margin-left: 120px; }
.formbtn:hover { background: #8f0415; }