分播界面

assets/common.css

@@ -1,19 +1,104 @@
-/*.main-header{*/
-/*    background-color: #343339;*/
-/*    border-bottom:1px solid #d9d9d9;*/
-/*    color: #fff;*/
-/*}*/
-/*.main-header .main-header-menu .webix_scroll_cont{*/
-/*    height: 100%;*/
-/*}*/
-/*.main-header .webix_menu-x .webix_list_item{*/
-/*    background: none;*/
-/*}*/
-/*.wotu-ui .main-header .webix_el_button.webix_secondary .webix_button{*/
-/*    color:#fff*/
-/*}*/
-/**/
-/* studio */
+.main-review .review-list{
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    width: 100%;
+    height:100%;
+    overflow: hidden;
+}
+.main-review .review-list .list{
+    width: 33.3333%;
+    height:260px;
+    padding:0 5px;
+}
+.main-review .review-list .list >.item{
+    width: 100%;
+    height: 100%;
+    border:1px solid #96b3d4;
+    display: flex;
+    flex-direction: column;
+}
+.main-review .review-list .list .item .item-title{
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    background: #134c8b;
+    color: #fff;
+    font-weight: bold;
+    font-size: 18px;
+}
+.main-review .review-list .list .item-container{
+    flex:1;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    padding-top:10px
+}
+.main-review .review-list .list .infor{
+    width: 50%;
+    display: flex;
+    flex-direction: row;
+    line-height: 22px;
+    min-height: 44px;
+}
+.main-review .review-list .list .infor.full{
+    width: 100%;
+}
+.main-review .review-list .list .infor .label{
+    width: 80px;
+    text-align: right;
+    flex-shrink:0
+}
+.main-review .review-list .list .infor .value{
+    flex:1;
+    margin-right: 10px;
+    word-break: break-all;
+}
+.main-review .review-list .list .infor .value input{
+    width: 100%;
+    height: 60px;
+    border:1px solid #dcdcdc;
+    padding-left: 10px;
+    font-size: 16px;
+    font-weight: bold;
+}
+.main-review .review-list .list .infor.full .label{
+    line-height: 60px;
+}
+.main-review .review-list .list .btns{
+    padding:0 10px 10px 10px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+.main-review .review-list .list .btns .item{
+    width: 50%;
+    padding-right: 5px;
+}
+.main-review .review-list .list .btns button{
+    width: 100%;
+    height: 32px;
+    background: #f6f6f6;
+    border: 1px solid #e4e4e4;
+    cursor: pointer;
+}
+.main-review .review-list .list .btns button:hover{
+    background: #ededed;
+}
+.main-review .review-list .list.red>.item{
+    border-color: #f8b2b2;
+}
+.main-review .review-list .list.red .item .item-title{
+    background: #f75656;
+}
+.main-review .review-list .list.green>.item{
+    border-color: #99ca8b;
+}
+.main-review .review-list .list.green .item .item-title{
+    background: #33a513;
+}
 .home {
     padding: 0 0 0 16px;
 }