@charset "utf-8";
@import url('base.css');

/*ul { list-style: none; }*/
html,body { height: 100%;}
body { overflow-x: hidden; overflow-y:auto;width: auto !important;}

.f-cwhite,a.f-cwhite{color:#fff}
.f-cdarkblue,a.f-cdarkblue{color:#036690}
.f-cgreen,a.f-cgreen{color:#3daf5b}
.f-cblue,a.f-cblue{color:#049cdb}
.f-cgray,a.f-cgray{color:#999}
.f-corg,a.f-corg{color:#f89406;font: 14px/1.5 微软雅黑;}
.f-cred,a.f-cred{color:#f00;}
.f-cblack,a.f-cblack{color:#000}

.icon-checkbox,.icon-checkboxsel,.icon-radio,.icon-radiosel{ cursor: pointer;}
.icon-checkbox.dis, .icon-checkboxsel.dis, .icon-radio.dis, .icon-radiosel.dis {cursor: default}
.icon-checkbox.dis:before, .icon-checkboxsel.dis:before{ content: "\e636";color: #999;font-size: 18px;}
.icon-checkbox:before {content:"\e60f"; color: #a5a5a5; font-size:22px; }/*checkbox*/
.icon-checkboxsel:before {content:"\e60e"; color: #EC4049; font-size:22px;}/*checkbox选中*/
.icon-checkbox.dis:before{ cursor:default;color:#ccc;}/*checkbox不可选*/
.icon-checkboxsel.dis:before{ cursor:default;color:#ccc;}/*checkbox不可选*/
.icon-radio:before {content:"\e610"; color: #a5a5a5;}/*radio*/
.icon-radiosel:before {content:"\e607"; color: #EC4049;}/*radio选中*/
.icon-radio.dis:before{ cursor:default;color:#ccc;}/*radio不可选*/
.icon-add:before {content:"\e618";}/*添加*/
.icon-add2:before {content:"\e616";}/*添加 有背景圈的*/
.icon-addsource:before {content:"\e623";}/*添加资源*/
.icon-addr:before {content:"\e61c";}/*添加有缺口圈*/
.icon-dels:before {content:"\e61d";}/*删除小带背景*/
.icon-del:before {content:"\e60a";}/*删除 数据*/
.icon-dels2:before {content:"\e61e";font-size:12px;}/*删除小 关闭*/
.icon-import:before {content:"\e602"; font-size:20px;}/*导入*/
.icon-export:before {content:"\e604"; font-size:20px;}/*导出*/
.icon-backup:before {content:"\e63f"; font-size:20px;}/*备份*/
.icon-upload:before {content:"\e60d";}/*上传*/
.icon-download:before {content:"\e605";}/*下载*/
.icon-none:before { content: "\e60e";} /*暂无数据*/
.icon-complete:before{ content: "\e627"}/*完成*/
.icon-file:before{ content: "\e628"}/*文件*/
.icon-publish:before{ content: "\e61d"}/*发布*/
.icon-return:before { content: "\e630";} /*返回*/
.icon-tip:before { content: "\e612";} /*提示*/
.icon-right:before { content: "\e62a";} /*圈里加√ 正确 完成*/

.icon-complete:before { content: "\e622";} /*完成*/
.icon-edit:before { content: "\e60d";} /*编辑*/

[class^="icon-"]:before,[class*=" icon-"]:before{ text-decoration:inherit; display:inline-block; speak:none; line-height: 1; cursor: pointer;} 

.m-topmemu [class^="icon-"]:before,.m-topmemu [class*=" icon-"]:before {line-height:37px;}
/*框架  start*/
body { background: #f7f7f7;}
.g-wrap {margin: 0 auto; width:1180px;}
/*头部  start*/
.u-logo { display: inline-block;cursor: pointer; float: left;padding-bottom: 0;margin: 0;border: 0px;line-height:1;font: 14px/1.5 微软雅黑;}
.u-logo em { margin: 0 10px 0 1px; padding: 16px 13px 18px 13px; width: 54px; height: 36px; display: inline-block; vertical-align:0; background: #f35844;}
.u-logo em img {width:100%; height:100%; display: inline-block;vertical-align: baseline;}
.u-logo span { font-size:20px; display: inline-block; vertical-align:10px; color:#fff; font-weight: normal; text-shadow: 0 0 3px rgba(5,55,88,0.7); letter-spacing:2px;}

.m-perinfo { padding: 10px 0; height: 40px; position: relative; } 
.m-perinfo .u-faceimg { width: 40px; height: 40px; overflow: hidden; border: 2px solid #fafafa; border-radius: 50%; background: #808080; display: block; }
.m-perinfo img { width: 100%; height: 100%; display: block; }
.m-topmemu {    font: 14px/1.5 微软雅黑; width: 127px; border: 1px solid #c2c2c2; box-shadow: 0 2px 6px rgba(0,0,0,.17); right: 0; top: 50px; position: absolute; background: #fafafa; border-radius: 2px; opacity: 0; visibility: hidden; -webkit-transition: all .25s; transition: all .25s; z-index:10;}
.m-topmemu:before { content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: 6px; height: 6px; background: #fafafa; border: inherit; display: inline-block; border-right: 0; border-bottom: 0; z-index: 1; right: 18px; top: -4px; }
.m-topmemu:after { content: ""; position: absolute; width: 36px; top: 0; bottom: 0; left: 0; border-right: 1px solid #e6e6e6; background: #f5f5f5; display: block; }
.m-topmemu a { position: relative; z-index: 2; line-height: 37px; margin: 1px; display: block; }
.m-topmemu a:hover { background: #e6e6e6;text-decoration:none !important; }
.m-topmemu a:visited { background: #e6e6e6;text-decoration:none; }
.m-topmemu a:focus { background: #e6e6e6;text-decoration:none; outline:0;}
.m-topmemu a:link { text-decoration:none; }
.m-topmemu i { display: block; width: 35px; text-align: center; float: left; }
.m-topmemu .icon-person { color: #54bc30; }
.m-topmemu .icon-quit { color: #f9571e; }
.m-topmemu a {text-decoration:none}
.m-topmemu a span { display: block; margin-left: 47px; color: #4c4c4c; font-size:14px; font-family:"微软雅黑"; }
.u-memuline { height: 1px; margin-left: 14px; background: #e6e6e6; }
.m-perinfo:hover .m-topmemu, .m-topmemu:hover { opacity: 1; visibility: visible; top: 59px; }


.g-header {height: 64px;background: #292e32;position: relative; z-index: 99;}
.g-header *{box-sizing:content-box;}
.g-header .g-wrap {height: 64px;background: url(../../Images/Common/hdbg.png) no-repeat right bottom;}
/*头部  end*/



/*表单 start*/
.m-formbox { min-height:50px;}
.m-tableform { width:100%;margin:0;}
.m-tableform td,.m-tableform th { color:#666; padding:8px 5px; line-height:1.8; vertical-align:top;}
.m-tableform th { text-align:right; white-space:nowrap;}
.m-tableform th.f-tal,.m-tableform td.f-tal {text-align: left;}
.m-tableform th.f-tac,.m-tableform td.f-tac {text-align: center;}
.m-tableform th.f-tar,.m-tableform td.f-tar { text-align: right;}
.m-tableform .u-radio,.m-infoform .u-radio,.m-tableform .u-checkbox { margin-right:2px; vertical-align:-2px;}
.m-tableform .u-radio,.m-infoform .u-radio { margin-right:5px; vertical-align:-2px;}
.m-tableform th.thHead { background:#cccccc; text-align:left; color:#333;}
.m-tableform ul,.m-tableform ul li { list-style:none;margin: 0;}
.m-tableform td .u-checkbox { margin-right:8px;}
.m-tableform a,.m-tableform a:link,.m-tableform a:hover,.m-tableform a:visited { color:#1f6fc6;}
.m-tableform a.dis,.m-tableform a.dis:link,.m-tableform a.dis:hover,.m-tableform a.dis:visited{ cursor: default;}
.m-tableform th a.btn-search,.m-tableform td a.btn-search { color: #fff;}
.m-tableform th .f-cred { font-family:"宋体"; line-height:2;}
.m-tableform a.u-button { color: #fff;}
.m-tableform td input + span { display: inline-block; margin-left: 10px;}
/*表单 end*/


/*表格列表 start*/
.m-tableList { width: 100%; border-top:0px solid #fff;font-size: 14px;}
.m-tableList th,.m-tableList td { min-height:28px; text-align:center; vertical-align:middle;}
.m-tableList th { color:#fff; line-height:1.5; background:#6e767d; padding:8px 8px; font-size:16px;white-space:nowrap;}
.m-tableList tr.whiteRow td { background-color:#f8f8f8;}
.m-tableList tr.grayRow td { background-color: #efefef;}
.m-tableList td { color:#333; padding:6px 6px;}
.m-tableList td.f-tal,.m-tableList th.f-tal { text-align:left;}
.m-tableList td.f-tar,.m-tableList th.f-tar { text-align:right;}
.m-tableList td.cur { background-color:#BAE1FF;}
.m-tableList tr.cur td { background-color:#BAE1FF;}
.m-tableList .icon-checkbox.u-checkbox {vertical-align:-6px;}
.m-tableList .u-checkbox { margin:5px 5px 0;}
.m-tableList a,.m-tableList a:link,.m-tableList a:hover,.m-tableList a:visited { margin: 0 3px; color:#EF7D82;text-decoration: underline;}
.m-tableList th.check,.m-tableList td.check { width:32px; cursor: pointer;}
.m-tableList input[type=checkbox] { margin-top: 5px;}
.m-tableList.form td { border:1px solid #D6D2CD; zoom:1; overflow: visible; height:100px; vertical-align:middle;}
.m-tableList th .icon-checkboxsel:before,.m-tableList th .icon-checkbox:before {color: #fff;}
/*表格列表 end*/

/*radiolist start*/
.m-radiolist li { float: left; margin-right: 20px; list-style-type:none;}
/*radiolist end*/

/*下拉选择  start*/
.m-select {margin: 0 10px 0 0; display:inline-block; text-align: left; height: 30px;}
.m-select label { color: #fff; font-size: 12px;}
.m-select .dropdown { display: inline-block; position:relative; cursor: pointer;}
.m-select .dropdown-toggle { height:28px; padding:0 0 0 5px; border-radius:0; cursor: pointer;  outline: 0; background:#fff; border:1px solid #b8b8b8;}
.m-select .dropdown-toggle label {  overflow: hidden; -ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap; display:block; cursor: pointer; width:auto; min-width:40px; line-height:28px; padding-right:34px; color:#999;}
.m-select .dropdown-toggle .arrow { display:inline-block; width:32px; height:28px; background:#b8b8b8; position:absolute; right:1px; z-index:10; top:1px; cursor:pointer;}
.m-select .dropdown-toggle .arrow i { display:block; width:0; height:0; border-top:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:0; margin:10px auto 0;}/*向下*/
.m-select .dropdown-toggle.focus { background: #fff; }
.m-select .dropdownContent { position: absolute; margin-top:-1px; top: 100%; z-index:999; display:none; }
.m-select .dropdownContent .arrow { display:none; border-style:solid; border-width:0 7px 7px; border-color:transparent transparent #464646 transparent; height:0; margin-top:-6px; position:absolute; right:10px; width:0; z-index:10;}/*向下*/
.m-select .option { background: #fff; border-radius:0; padding:0; border:1px solid #ded3cb; width: 100%;max-height:150px; overflow:hidden;}
.m-select .option li { clear: both; width: 100%; list-style-type: none;}
.m-select .option li a { /*max-width: 250px;*/ overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap; height:26px; line-height:26px; padding:3px 10px; display: block;  border-radius:0; color: #999; font-size:12px; text-align: left; }
.m-select .option li:hover {background-color:#ec4049;}
.m-select .option li a:hover { text-decoration: none;  color:#fff; }

/*.m-select.m-sdown .dropdown-toggle {border: 1px solid #db252e;}
.m-select.m-sdown .dropdown-toggle .arrow {background: #ec4049;}
.m-select.m-sdown .option {border: 1px solid #db252e;}*/

.m-tableList th .option li { font-size:14px; list-style-type:none;}
.m-tableList th .option li a  { text-decoration:none;}
.m-tableform ul.option li { float: none; width: auto;}
/*下拉选择  end*/


/*input类  start*/
input[type=text],input[type=password] { border:1px solid #cbcbcb;
 height:20px; line-height:20px; display:inline-block; padding:4px 4px; background-color:#fff; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; font-size:14px; border-radius:0;}
input[type=text]:focus,input[type=password]:focus { border:1px solid #ed6c44; background-color:#fff; outline: 0;-webkit-box-shadow: none; box-shadow: none;}
input.disabled { border:0;}
input[type=text].f-smalltext {width:40px;}
input[type=text].f-bigtext {width:400px;}

input[type=checkbox] {-webkit-appearance: checkbox; -moz-appearance:checkbox;  border:0;  display: inline-block; width: 12px; height: 12px; background:none;}
input[type=checkbox]:checked { border: none; background:none;}
textarea { border:1px solid #cbcbcb; line-height:1.5; display:inline-block; padding:5px; background-color:#fff; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; font-size:14px; border-radius:0;}
textarea:focus { border:1px solid #ed6c44; background-color:#fff; outline: 0;-webkit-box-shadow: none; box-shadow: none;}
.m-radiolist + .m-radiolist { margin-left: 10px;}

::-webkit-input-placeholder { /* WebKit browsers */color:#999 !important;opacity: 1 !important;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999 !important;opacity: 1 !important;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999 !important;opacity: 1 !important;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999 !important;opacity: 1 !important;}

::-webkit-textarea-placeholder { /* WebKit browsers */color:#999 !important;opacity: 1 !important;}
:-ms-textarea-placeholder { /* Internet Explorer 10+ */color:#999 !important;opacity: 1 !important;}
/*input类  end*/


/*按钮  start*/
.m-btns { padding: 10px 0; text-align: center;}
.u-button { margin: 0 5px; padding: 5px 15px; min-width: 86px; line-height: 20px; border: 0; text-align: center; color: #fff; border-radius: 3px;display: inline-block;}
.u-button:hover {opacity: 0.8;}

.btn-search,.btn-inner { background:#ec4049; min-width:42px; color: #fff; }/*顶部搜索*/
a.btn-search,a.btn-inner  { color: #fff;}
.btn-default,a.btn-default { border: 1px solid #909ba5; color: #fff; background:#a8b1b9; border-radius: 3px; min-width: 90px; }/*默认*/
.btn-primary,.btn-primary  { border: 1px solid #db252e; color: #fff; background:#ec4049; border-radius: 3px; min-width: 90px; }/*主要*/
.u-button.gray { border: 1px solid #909ba5; color: #fff; background:#a8b1b9; border-radius: 3px; min-width: 90px; }/*默认*/
.u-button.org  { border: 1px solid #db252e; color: #fff; background:#ec4049; border-radius: 3px; min-width: 90px; }/*主要*/
.u-button.small { padding:3px 4px;color: #fff;}/*小点的按钮*/
.u-button.big { min-width: 180px;}/*大点的按钮*/
.u-button.f-mtr15 { margin:15px 15px 0 0;}
.u-button.formbtn { padding: 5px 15px; border-radius: 20px; background:#F4642F;}
.m-btns a.u-button,a.u-button { color: #fff;}
/*按钮  end*/

/*文件选择 start*/
.u-select { display:inline-block; position:relative; min-width:100px; height:32px;}
.u-select input { position: absolute; top: 0; right: 0; z-index: 2; width: auto; height:32px; cursor: pointer; -moz-opacity: 0; opacity: 0; filter: alpha(opacity = 0);}
.u-select input[type=file] { min-width:100px; height: 32px; white-space: nowrap;}
.u-select a {position: absolute; right: 0;top: 0;z-index: 1;overflow: hidden;text-decoration: none!important;background-repeat: no-repeat; white-space: nowrap;}
.u-select + .f-cgray { vertical-align:10px;}
/*文件选择  end*/

/*分页样式  start*/
.pages  { padding:15px 0; margin:0 auto; clear:both; text-align:center; zoom:1; overflow:hidden; color:#999999; display:table;}
.pages a {display: table-cell; float: left;background:#fff;color:#999;font-size: 14px; border: 1px solid #e8dfd9; min-width:24px; height:24px; line-height: 24px;margin:0 5px; min-height: 24px; text-align:center;-webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; border-radius:0;}
    .pages span {float:left;cursor:pointer;}
.pages a:hover { text-decoration:none;background: #e0b7a8; color: #333; }
.pages a.cur {background: #d85c3b; color: #fff;}	
.pages a i { width: 24px; height:24px; line-height:100%; display:inline-block;    font-size: 20px;}
.pages a.first .icon-pre:before { content:"\e61b";}/*上一页*/
.pages a.first,.pages a.last { vertical-align:-1px;}
.pages a.first.dis,.pages a.last.dis { background:#9e9b99;}
.pages a.last .icon-next:before { content:"\e61a";}/*下一页*/
.pages a.first.dis i {color: #fff;}
.pages a.last.dis i {color: #fff;}
.pages a.first:hover,.pages a.last:hover {}
/*分页样式  end*/

/* allpass图标 start */
.u-apicon { margin:0 auto; background-image:url(../../Images/Common/loading.png); background-size: 400% 500%; -webkit-background-origin: 0 0;}
/* allpass图标 end */

/* 图片变灰 start */
.u-imggray { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
/* 图片变灰 end */

/* 加载 start */
.m-loading { display:inline-block; background:rgba(0,0,0,.4); border-radius:10px; padding:0 10px;}
.m-loading .u-loadingtxt { text-align:center; margin-top:-10px; margin-bottom:10px; color:#fff; font-size:12px;}
.u-apicon.u-loading { 
-webkit-animation-name: loading;/* 动画名称 */
-webkit-animation-iteration-count: infinite;/* 动画无限播放 */
-webkit-animation-timing-function: step-start;/* 马上跳到动画每一结束桢的状态 */
-webkit-animation-duration:2000ms;/* 动画运行的时间 */

animation-name: loading;/* 动画名称 */
animation-iteration-count: infinite;/* 动画无限播放 */
animation-timing-function: step-start;/* 马上跳到动画每一结束桢的状态 */
animation-duration:2000ms;/* 动画运行的时间 */

opacity:1;/* 透明度*/
}
.u-apicon.small { width:60px; height:60px;}

@-webkit-keyframes loading{
    0% {background-position: 0% 0%;}
    5% { background-position: -100% 0%;}
    10% {background-position: -200% 0%;}
    15% {background-position: -300% 0%;}
    20% {background-position: 0% -100%;}
    25% {background-position: -100% -100%;}
    30% {background-position: -200% -100%;}
    35% {background-position: -300% -100%;}
    40% {background-position: 0% -200%;}
    45% {background-position: -100% -200%;}
    50% {background-position: -200% -200%;}
    55% {background-position: -300% -200%;}
    60% {background-position: 0% -300%;}
    65% {background-position: -100% -300%;}
    70% {background-position: -200% -300%;}
    75% {background-position: -300% -300%;}
    80% {background-position: 0% -400%;}
    85% {background-position: -100% -400%;}
    90% {background-position: -200% -400%;}
    95% {background-position: -200% -400%;}
    100% {background-position: 0% 0%;}
}

@keyframes loading{
    0% {background-position: 0% 0%;}
    5% { background-position: -100% 0%;}
    10% {background-position: -200% 0%;}
    15% {background-position: -300% 0%;}
    20% {background-position: 0% -100%;}
    25% {background-position: -100% -100%;}
    30% {background-position: -200% -100%;}
    35% {background-position: -300% -100%;}
    40% {background-position: 0% -200%;}
    45% {background-position: -100% -200%;}
    50% {background-position: -200% -200%;}
    55% {background-position: -300% -200%;}
    60% {background-position: 0% -300%;}
    65% {background-position: -100% -300%;}
    70% {background-position: -200% -300%;}
    75% {background-position: -300% -300%;}
    80% {background-position: 0% -400%;}
    85% {background-position: -100% -400%;}
    90% {background-position: -200% -400%;}
    95% {background-position: -200% -400%;}
    100% {background-position: 0% 0%;}
}
/* 加载 end */

/*暂无数据 start*/
.m-nodata { }
.u-nodata { margin:0 auto; width:300px; height:210px; background:url(../../Images/Common/nodata.png) 0 0 no-repeat; background-size: 100%;}
.u-nodatatxt { text-align:center; margin-top:-10px; margin-bottom:10px; color:#999; font-size:12px;} 
/*暂无数据 end*/

/*图片占位 start*/
.m-picture { display:inline-block; background:rgba(0,0,0,.2); border-radius:3px;}
.u-picture { margin:0 auto; width:100px; height:100px; opacity:0.5;}
/*图片占位 end*/



/*回到顶部  start*/
#returnTop {_display:none;position:fixed;_position:absolute;z-index:9999;right:55px;bottom:-200px;_bottom:auto;width:36px;height:65px;text-indent:-999px;overflow:hidden;background-image:url(../../Images/Common/top.png);_background-image:url(../../Images/Common/top.png);background-repeat:no-repeat;background-position:0 0;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
#returnTop:hover {background-position:0 -65px;}
/*回到顶部  end*/

/*弹出层页面  start*/
.bodyScroll { overflow-y:auto; overflow-x:hidden; background:#fff;}
.m-pop { padding:15px; color:#333;}
/*弹出层页面  end*/

/*tab  navi  start*/
.m-tab {margin: 0 0 15px 0; border-bottom: 1px solid #dfe0e0;}
.m-tab a {margin: 0 20px; padding: 5px 10px; font-size: 16px; color: #444; display: inline-block; border-bottom: 5px solid transparent; }
.m-tab a:hover {border-bottom: 5px solid #f04e46;}
.m-tab a.cur {border-bottom: 5px solid #f04e46;}
/*tab  navi  end*/


/*二级tab start*/
.m-sectab { position:relative;}
.m-sectab a { display:inline-block; position: relative; padding:5px 10px; background:#e5ddd7; border-radius:20px; text-align:center; color:#32A0F5; margin-right:5px; transition: background ease 0.3s; min-width: 70px;}
.m-sectab.f-aleft a{ float: left; margin-top: 10px;}
.m-sectab.s a { padding: 5px 10px; min-width:50px;}
.m-sectab a:hover { text-decoration:none; opacity: 0.8;}
.m-sectab a.cur { background:#32A0F5; color:#fff;}
.m-sectab .number { position:absolute; display: inline-block; padding: 0 5px; border-radius: 3px; background: #4BC5C3; top: -5px; right: -5px; color: #fff; font-size: 12px;}
/*二级tab  end*/


/*滚动条  start*/
/* vertical scrollbar */
.mCSB_container{width:auto;overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{margin-right:0;}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{}
.mCustomScrollBox>.mCSB_scrollTools{width:6px;height:100%;top:0;right:3px;position:absolute}
.mCSB_scrollTools .mCSB_draggerContainer{margin: 5px 0;position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{}
.mCSB_scrollTools .mCSB_draggerRail{width:1px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;height:100%;margin:0 auto;text-align:center; border-radius: 8px;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px;}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;overflow:hidden;}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0;}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px;}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;bottom:0;left:0;overflow:hidden;}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:30px;height:100%;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;position:relative;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;float:right;}
.mCustomScrollBox{-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/}
/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail{/*background:#aaa;*/ /* rgba fallback */background-color: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#D4CDC4;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{background-image:url(../mCSB_buttons.png);background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */}
.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;/*sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)*/}
.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;/*sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)*/}
.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;/*sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)*/}
.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;/*sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)*/}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */}
/*滚动条  end*/

/******右侧公共内容 start********/
.rightsidebar {}
/*.rightsidebg { position:fixed; width:45px; height:166px; z-index:6000; right:0; bottom:180px; background:#000; filter:alpha(opacity=50); opacity:0.5;}*/
.rightsidebg {
    position: fixed;
    width: 45px;
    height: 250px;
    z-index: 6000;
    right: 0;
    bottom: 180px;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/*底部按钮*/
.rightoper { position:fixed; z-index:6666; right:0;  bottom:210px; list-style:none;margin-bottom: 0px;}	
.rightoper li { height:45px; margin-bottom: 10px;list-style: inherit;line-height: inherit;}
.rightoper li a { display:block; width:45px; height:37px; padding-top:8px; position:relative;text-decoration: none;}
.rightoper li a i { display:block; width:28px; height:28px; margin:0 auto; position:relative; font-size:28px; color:#fff;background: url(../../Images/Common/icons.png) -9999px -9999px no-repeat;}
.rightoper li a span { display:none; line-height: 45px;font: 14px/1.5 微软雅黑;}	
.rightoper li a:hover { padding-top:0;text-decoration:none !important;}	
.rightoper li a:hover,.rightoper li.cur a { background:#EEE; text-decoration:none; display:block; width:45px; height:45px;}
.rightoper li a:hover i { display:none;}
.rightoper li a i.wx {background-position: 0 -190px;}
.rightoper li a i.sina {background-position: -30px -190px;}
.rightoper li a i.fb {background-position: -215px -230px;}
.rightoper li a:hover span { display:block; color:#5c524a; line-height:3; text-align:center;}
.rightoper.stu { position:fixed; top:50%; bottom:auto; margin-top:-112px;}	
.rightoper.stu li a:hover span { line-height:1.2; padding-top:6px;}
.rightoper.stu li a:hover span.lh { line-height:2.2;}
.rightoper li.cur a { padding-top:0; height:45px;}
.rightoper li.cur a span { display:block; text-align:center;}	
.rightoper li.cur a i { display:none;}
.rightoper li.cur a span.lh { line-height:2.2;}	
.rightoper.stu li a span { line-height:1.2; padding-top:6px;}
.rightoper li a i .num { position:absolute; display:block; width:8px; height:8px; background:#ED6C44; border-radius: 4px; overflow:hidden; top:2px; right:-2px;}
	
/*二维码*/
.qrCodeBox,.sinaCodeBox { position:absolute; border:0 solid #e7e7e7; padding-bottom:5px; left:-185px; top:-90px; text-align:center; background:#EEE; display:none; z-index:6666;}
.qrCodeBox span,.sinaCodeBox span { display:block; width:185px; height:185px; background:url(../../Images/Common/code.png) -9999px -9999px no-repeat;}

    .qrCodeBox span {
        display: block;
        width: 185px;
        height: 185px;
        background: url(../../Images/Common/wx.png) no-repeat;
    }


    .sinaCodeBox span {
        display: block;
        width: 185px;
        height: 185px;
        background: url(../../Images/Common/wb.png) no-repeat;
    }
/*.qrCodeBox span { background-position:0 0;}
.sinaCodeBox span { background-position:0 -185px;}*/
.qrCodeBox h3,.sinaCodeBox h3 { font-size:14px; color:#333 !important;font-weight: bold;text-align: center; background: none;margin:0;text-decoration: none !important;line-height: 1;font-family: 微软雅黑; }
.qrCodeBox p,.sinaCodeBox p { font-size:12px; color:#666;text-align: center;margin:0;font-family: 微软雅黑;}
.rightoper li a:hover .qrCodeBox,.rightoper li a:hover .sinaCodeBox { display:block;}
	
/*用户反馈*/
.feedback { display:block; width:48px; height:48px; background:#999; text-align:center; line-height:normal;}
.feedback a { display:block; width:48px; height:43px; color:#fff; padding-top:5px;}
.feedback a:hover { text-decoration:none;}

/*右侧图标*/
.rightoper .icon-wx:before {content:"\e605";}/*微信*/
.rightoper .icon-wb:before {content:"\e606";}/*新浪微博*/
.rightoper .icon-feedback:before {content:"\e60d";}/*反馈*/
/******右侧公共内容 end********/	

/*个人资料 start*/
.m-infobox { margin-bottom:20px;}
.m-infobox > h3 { font-weight:400; font-size:18px; padding-left:30px; padding-bottom:20px;}
.m-infoform {  color:#666; padding:0 30px 0 60px; clear:both; min-height:100px; margin-bottom:10px;}
.m-infoform.borderB { border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.m-infoform th {width:110px; clear:left; text-align: right; padding: 0 5px 0 0;}
.m-infoform td { padding:10px 0; clear:right;}
.m-infoform td input + span { display: inline-block; margin-left: 10px;}
.m-infoform label.check { display:inline-block; margin-right:10px; }
.m-infoform label.check i { margin-right:5px; font-size:20px; cursor:pointer; vertical-align:middle;}
.m-infoform label.check.cur i { color: #019875;}
.m-infoform.face { clear:none; padding-left:30px;}  
.m-infoform.face.line { border-right:1px solid #ccc;}
.m-infoform.face td { line-height:1.5;}
.m-infoform.face td.uppic img { border:1px solid #eee; margin-right:10px;}
.m-infoform.face td.uppic p { padding-top:90px;}
.m-infoform.face .facetype { text-align:center; margin-right:20px;} 
.m-infoform.face .facetype.type1 { margin-right:30px;}
.m-infoform.face .facetype.type2 { padding-top:70px;}
.m-infoform.face .facetype.type3 { padding-top:110px;}
/*个人资料 end*/

.stuTabbox { height: 60px; padding: 0 30px 0 30px; box-shadow:0 0 20px rgba(19,62,95,0.5); border-bottom:1px solid #f00;}
.stuTabbox .m-stunav { padding: 20px 0 0 0; display: inline-block;}
.stuTabbox .m-stunav li{ display: inline-block; float: left; height: 35px; list-style:none;}
.stuTabbox .m-stunav li a{ display: inline-block; width: 107px; text-align: center; height: 60px; line-height: 36px; font-size: 16px; font-weight: bold; color: #555; transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out;}
.stuTabbox .m-stunav li.cur a{ color: #32a0f5;  box-shadow:0 0 20px rgba(19,62,95,0.5); } 
.stuTabbox .m-stunav li:hover a{ color: #32a0f5;}

/*======通用组件 END========*/

/*通用功能 start*/
.f-limitimg img { max-width: 100%; }/*图片限宽*/
.f-pdlr20 { padding: 0 20px; }
.f-h15{ height: 15px; line-height: 15px; overflow: hidden;}
/*通用功能 end*/

/*通用icon*/
.icon-weixin:before { content: "\e609"; } /*微信*/
.icon-weibo:before { content: "\e608"; } /*微博*/
.icon-feedbook:before { content: "\e607"; } /*反馈*/
.icon-back:before { content: "\e619" }/*返回*/
.icon-person:before { content: "\e614" }/*个人中心*/
.icon-quit:before { content: "\e613" }/*退出*/


/*公用头部弹出层样式 start*/
.compoplay { margin: 0 0 0 -300px; padding: 5px; position: absolute; left: 50%; top: 100px; background: rgba(0,0,0,0.3); border-radius: 5px; opacity: 0; z-index: -1;display:none}
.compoplay.x-show {opacity: 1; z-index: 90000;display:block;}
.compoplayinner {width: 600px; height: 600px; line-height: 1.5; background: #fff;}
.compoplay .m-pophead {width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #D5D5D5;background: #eee;}
.compoplay .m-pophead em {margin: 10px 0 0 10px; height: 20px;line-height: 20px;width: 60%;font-style: normal;font-family: "微软雅黑";font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #333;}
.compoplay .f-ind28 {text-indent: 28px;}
.compoplay .u-comtitle { font-size: 18px; text-align: center; font-weight: bold;}

.compoplay .u-closecom {position: absolute; right: 5px;top: 5px;font-size: 0;width: 40px; height: 40px;}
.compoplay .u-closecom a {position: relative; display: inline-block; width: 40px; height: 40px;background: url(../../Content/Layer/skin/default/close.png) no-repeat;cursor: pointer;}

.compoplay .m-compop {padding: 20px;overflow:auto}

.m-filelist { padding: 15px 60px 20px; }
.m-filelist.file5 { padding: 15px 25px 20px; }
.m-filelist li {  display: block; list-style:none; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:5px; }
.m-filelist li a:hover{color:#e42c35}
.m-filelist li span{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: inline-block;}
.m-filelist.file4 li { box-sizing: border-box; padding: 0 5px; }
.m-filelist.file5 li { box-sizing: border-box; padding: 0 5px; }
.m-filelist .ico-word { margin: 0 10px 0 0; display: inline-block; height: 24px; width: 24px; background: url(../../Images/Common/offices.png) -66px 0; background-position: -24px 0 }
.m-filelist .ico-excel { margin: 0 10px 0 0;display: inline-block; height: 24px; width: 24px; background: url(../../Images/Common/offices.png) 0px 0; background-position: 0 0 }

.g-flashlay {width: 730px; height: 400px;}


#CaseBack,.CaseBack {margin: 0 0 0 -330px;}
#CaseBack .compoplayinner,.CaseBack .compoplayinner {width: 660px; height: 480px; }
#CaseBack.compoplay .m-compop,.CaseBack.compoplay .m-compop {height: 340px;}

#Experguid .compoplayinner,.Experguid .compoplayinner {width: 660px; height: 480px; }
#Experguid.compoplay .m-compop,.Experguid.compoplay .m-compop {height: 340px;}

#CourseInfo,.CourseInfo { margin: 0 0 0 -370px;}
#CourseInfo .compoplayinner,.CourseInfo .compoplayinner {width: 740px; height: 500px; }

#Expandtrain,.Expandtrain { margin: 0 0 0 -330px;}
#Expandtrain .compoplayinner,.Expandtrain .compoplayinner {width: 660px; height: 500px; }
#Expandtrain.compoplay .m-compop,.Expandtrain.compoplay .m-compop {height: 360px;}

#FillReport,.FillReport { margin: 0 0 0 -430px;}
#FillReport .compoplayinner,.FillReport .compoplayinner {width: 860px; height: 570px; }

#ReferenceCase,.ReferenceCase { margin: 0 0 0 -305px;}
#ReferenceCase .compoplayinner,.ReferenceCase .compoplayinner {width: 600px; height: 270px; }

/*.CaseBack .compoplayinner {width: 600px; height: 450px; }
.CaseBack.compoplay .m-compop {height: 300px;overflow:auto}
.Experguid .compoplayinner {width: 660px; height: 400px; }
.Experguid.compoplay .m-compop {height: 310px;overflow:auto}
.CourseInfo { margin: 0 0 0 -430px;}
.CourseInfo .compoplayinner {width: 860px; height: 600px; }
.Expandtrain { margin: 0 0 0 -330px;}
.Expandtrain .compoplayinner {width: 660px; height: 150px; }
.FillReport { margin: 0 0 0 -430px;}
.FillReport .compoplayinner {width: 860px; height: 580px; }*/

#ReferenceCase.pr,.ReferenceCase.pr { margin: 0 0 0 -405px;}
#ReferenceCase.pr .compoplayinner,.ReferenceCase.pr .compoplayinner {width: 800px; height: 600px; }
#ReferenceCase.pr .m-compop,.ReferenceCase.pr .m-compop {height: 460px;}

/*关闭动画*/
    /*5个的时候*/
	.compoplay.m-closecontract { 
		-webkit-animation-name: m-closecontract;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
           
		-ms-animation-name: m-closecontract;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

		animation-name: m-closecontract;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 65%; top: -200px;}
	}

	@-moz-keyframes m-closecontract {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 65%; top: -200px;}
	}

	@-ms-keyframes m-closecontract {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 65%; top: -200px;}
	}

	@keyframes m-closecontract {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 65%; top: -200px;}
	}

	.compoplay.m-closecontract01 { 
		-webkit-animation-name: m-closecontract01;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract01;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract01;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */
		animation-name: m-closecontract01;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract01 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1); -ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 70%; top: -210px;}
	}

	@-moz-keyframes m-closecontract01 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1); -ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 70%; top: -210px;}
	}

	@-ms-keyframes m-closecontract01 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1); -ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 70%; top: -210px;}
	}

	@keyframes m-closecontract01 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1); -ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 70%; top: -210px;}
	}

	.compoplay.m-closecontract02 { 
		-webkit-animation-name: m-closecontract02;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract02;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract02;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */
		animation-name: m-closecontract02;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract02 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 78%; top: -210px;}
	}

	@-moz-keyframes m-closecontract02 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 78%; top: -210px;}
	}

	@-ms-keyframes m-closecontract02 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 78%; top: -210px;}
	}

	@keyframes m-closecontract02 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 78%; top: -210px;}
	}

	.compoplay.m-closecontract03 { 
		-webkit-animation-name: m-closecontract03;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract03;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract03;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */
		animation-name: m-closecontract03;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract03 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
	}

	@-moz-keyframes m-closecontract03 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
	}

	@-ms-keyframes m-closecontract03 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top:-210px;}
	}

	@keyframes m-closecontract03 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
	}

	.compoplay.m-closecontract04 { 
		-webkit-animation-name: m-closecontract04;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract04;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract04;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */
		animation-name: m-closecontract04;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract04 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -250px;}
	}

	@-moz-keyframes m-closecontract04 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -250px;}
	}

	@-ms-keyframes m-closecontract04 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -250px;}
	}

	@keyframes m-closecontract04 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -250px;}
	}

    /*3个的时候*/

	.compoplay.m-closecontract05 { 
		-webkit-animation-name: m-closecontract05;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract05;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract05;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

		animation-name: m-closecontract05;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract05 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 82%; top: -190px;}
	}  

	@-moz-keyframes m-closecontract05 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 82%; top: -190px;}
	}   

	@-ms-keyframes m-closecontract05 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 82%; top: -190px;}
	}  

	@keyframes m-closecontract05 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 82%; top: -190px;}
	}    

	.compoplay.m-closecontract06 { 
		-webkit-animation-name: m-closecontract06;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract06;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract06;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

		animation-name: m-closecontract06;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract06 {
   		0% {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -200px;}
	}

	@-moz-keyframes m-closecontract06 {
   		0% {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -200px;}
	}

	@-ms-keyframes m-closecontract06 {
   		0% {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -200px;}
	}

	@keyframes m-closecontract06 {
   		0% {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -200px;}
	}

	.compoplay.m-closecontract07 { 
		-webkit-animation-name: m-closecontract07;/* 动画名称 */
		-webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract07;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract07;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

		animation-name: m-closecontract07;/* 动画名称 */
		animation-duration:1000ms;/* 动画运行的时间 */

	}

	@-webkit-keyframes m-closecontract07 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
	}

	@-moz-keyframes m-closecontract07 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
	}

	@-ms-keyframes m-closecontract07 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
	}

	@keyframes m-closecontract07 {
   		0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
    	100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
	}


    
 /*2个的时候*/
    .compoplay.m-closecontract08 { 
        -webkit-animation-name: m-closecontract08;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract08;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract08;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract08;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract08 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 86%; top: -200px;}
    }

    @-moz-keyframes m-closecontract08 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 86%; top: -200px;}
    }

    @-ms-keyframes m-closecontract08 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 86%; top: -200px;}
    }

    @keyframes m-closecontract08 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 86%; top: -200px;}
    }

    
   
    .compoplay.m-closecontract09 { 
        -webkit-animation-name: m-closecontract09;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract09;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract09;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract09;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract09 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
    }

    @-moz-keyframes m-closecontract09 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
    }

    @-ms-keyframes m-closecontract09 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
    }

    @keyframes m-closecontract09 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 95%; top: -210px;}
    }

 /*4个的时候*/
    .compoplay.m-closecontract10 { 
        -webkit-animation-name: m-closecontract10;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract10;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract10;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract10;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract10 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 72%; top: -200px;}
    }

    @-moz-keyframes m-closecontract10 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 72%; top: -200px;}
    }

    @-ms-keyframes m-closecontract10 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 72%; top: -200px;}
    }

    @keyframes m-closecontract10 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 72%; top: -200px;}
    }

    
   
    .compoplay.m-closecontract11 {
        -webkit-animation-name: m-closecontract11;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract11;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract11;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract11;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract11 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    @-moz-keyframes m-closecontract11 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    @-ms-keyframes m-closecontract11 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    @keyframes m-closecontract11 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    .compoplay.m-closecontract12 { 
        -webkit-animation-name: m-closecontract12;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract12;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract12;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract12;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract12 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
    }

    @-moz-keyframes m-closecontract12 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
    }

    @-ms-keyframes m-closecontract12 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
    }

    @keyframes m-closecontract12 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
    }
   
    .compoplay.m-closecontract13 { 
        -webkit-animation-name: m-closecontract13;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract13;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract13;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract13;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract13 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 94%; top: -250px;}
    }

    @-moz-keyframes m-closecontract12 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
    }

    @-ms-keyframes m-closecontract12 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 85%; top: -210px;}
    }

    @keyframes m-closecontract13 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 94%; top: -250px;}
    }


   /*参考范例*/
    .compoplay.m-closecontract17 { 
        -webkit-animation-name: m-closecontract17;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract17;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract17;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract17;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract17 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 94%; top: -250px;}
    }

    @-moz-keyframes m-closecontract17 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 94%; top: -250px;}
    }

    @-ms-keyframes m-closecontract17 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 94%; top: -250px;}
    }

    @keyframes m-closecontract17 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 94%; top: -250px;}
    }


    /*特殊3个的时候  舆情监控案例分析*/

    .compoplay.m-closecontract14 { 
        -webkit-animation-name: m-closecontract14;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract14;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract14;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract14;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract14 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 80%; top: -200px;}
    }

    @-moz-keyframes m-closecontract14 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 80%; top: -200px;}
    }

    @-ms-keyframes m-closecontract14 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 80%; top: -200px;}
    }

    @keyframes m-closecontract14 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); left: 80%; top: -200px;}
    }       

    .compoplay.m-closecontract15 { 
        -webkit-animation-name: m-closecontract15;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract15;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract15;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract15;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract15 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 89%; top: -210px;}
    }

    @-moz-keyframes m-closecontract15 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 89%; top: -210px;}
    }

    @-ms-keyframes m-closecontract15 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 89%; top: -210px;}
    }

    @keyframes m-closecontract15 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 89%; top: -210px;}
    }

    .compoplay.m-closecontract16 { 
        -webkit-animation-name: m-closecontract16;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract16;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract16;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract16;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract16 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }

    @-moz-keyframes m-closecontract16 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }

    @-ms-keyframes m-closecontract16 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }

    @keyframes m-closecontract16 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }


    /*4个的时候    政府门户网站设计*/
    .compoplay.m-closecontract18 { 
        -webkit-animation-name: m-closecontract18;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract18;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract18;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract18;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract18 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    @-moz-keyframes m-closecontract18 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    @-ms-keyframes m-closecontract18 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    @keyframes m-closecontract18 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0); left: 75%; top: -200px;}
    }

    
   
    .compoplay.m-closecontract19 {
        -webkit-animation-name: m-closecontract19;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract19;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract19;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract19;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract19 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 79%; top: -200px;}
    }

    @-moz-keyframes m-closecontract19 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 79%; top: -200px;}
    }

    @-ms-keyframes m-closecontract19 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 79%; top: -200px;}
    }

    @keyframes m-closecontract19 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 79%; top: -200px;}
    }

    .compoplay.m-closecontract20 { 
        -webkit-animation-name: m-closecontract20;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract20;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract20;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract20;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract20 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0);left: 88%; top: -210px;}
    }

    @-moz-keyframes m-closecontract20 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0);left: 88%; top: -210px;}
    }

    @-ms-keyframes m-closecontract20 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0);left: 88%; top: -210px;}
    }

    @keyframes m-closecontract20 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0); transform: scale(0,0);left: 88%; top: -210px;}
    }
   
    .compoplay.m-closecontract21 { 
        -webkit-animation-name: m-closecontract21;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract21;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract21;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract21;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract21 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }

    @-moz-keyframes m-closecontract21 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }

    @-ms-keyframes m-closecontract21 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }

    @keyframes m-closecontract21 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -210px;}
    }

    .compoplay.m-closecontract22 { 
        -webkit-animation-name: m-closecontract22;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract22;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract22;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract22;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract22 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -100px;}
    }

    @-moz-keyframes m-closecontract22 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -100px;}
    }

    @-ms-keyframes m-closecontract22 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -100px;}
    }

    @keyframes m-closecontract22 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -100px;}
    }

    .compoplay.m-closecontract23 { 
        -webkit-animation-name: m-closecontract23;/* 动画名称 */
        -webkit-animation-duration:1000ms;/* 动画运行的时间 */
        
		-moz-animation-name: m-closecontract23;/* 动画名称 */
		-moz-animation-duration:1000ms;/* 动画运行的时间 */
        
		-ms-animation-name: m-closecontract23;/* 动画名称 */
		-ms-animation-duration:1000ms;/* 动画运行的时间 */

        animation-name: m-closecontract23;/* 动画名称 */
        animation-duration:1000ms;/* 动画运行的时间 */

    }

    @-webkit-keyframes m-closecontract23 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -160px;}
    }

    @-moz-keyframes m-closecontract23 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -160px;}
    }

    @-ms-keyframes m-closecontract23 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -160px;}
    }

    @keyframes m-closecontract23 {
        0% {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); left: 50%; top: 100px; }
        100% {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0); left: 95%; top: -160px;}
    }

        

/*公用头部弹出层样式 end*/

.u-comtitle {  font-size: 18px; text-align: center;  font-weight: bold; padding-bottom:10px; color:#000;}

/*图片上传后删除*/
.uploadimg { width:210px; height:155px; overflow:hidden; position:relative;}
.uploadimg img { width:100%; height:auto;}
.uploadimg .icon-dels2 { position:absolute; top:10px; right:10px; background-color:rgba(0,0,0,0.5); border-radius:100%; width:24px; height:24px; line-height:24px; display:block; text-align:center;}
.uploadimg .icon-dels2:before { color:#fff;}


.f-wid500 {width: 500px;}
.f-wid100 {width: 100px;}
.f-wid300 {width: 300px;}
.f-widhei {width: 500px; height: 150px;}

/*2016-10-21 new add head styles*/

.m-oanavi {float: right;}
.m-oanavi a {margin: 0 0 0 20px; line-height: 32px; display: inline-block; color: #e42c35;}
.m-oanavi a:hover {text-decoration: underline;}
.m-oanavi a.btnnavi {padding: 0 20px; height: 32px; color: #fff; text-align: center; background: #e42c35; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; box-shadow: 0 0 10px rgba(236,64,73,0.4); }
.m-oanavi a.btnnavi:hover {text-decoration: none; opacity: 0.8;}

.m-operatestep {padding: 0 30px;}
.m-operatestep label {display: inline-block; background: rgba(255,255,255,0.85); box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.m-operatestep label span {width: 141px; height: 36px; font-size: 16px; color: #888 ;line-height: 36px; text-align: center; display: block; float:left;}
.m-operatestep label span i {margin: 0 0 0 5px; font-size:12px; color: #888888; display: inline-block;}
.m-operatestep label span.cur {color: #fff;background: url(../../Images/Common/sprite01.png) no-repeat 0 -29px;cursor:pointer;}
.m-operatestep label span.over {color:#333;cursor:pointer;}
.m-operatestep label span.hide {display:none;}
.m-operatestep label span.curpage {color:#333;background: rgba(246, 147, 152, 0.40);cursor:pointer;}
.m-operatestep label>a.curpage{
    color: #333;
    background: rgba(246, 147, 152, 0.40);
}
.m-operatestep label span.cur i {color: #fdaaa6}
.m-operatestep label span:last-child.cur {background: #f04e46;}
.m-operatestep label span.dis {cursor:default;}
.m-operatestep.f-smallstep {padding: 0 0 0 15px;} 
.m-operatestep em {margin: 0 0 0 7px; width: 20px; height: 20px; display: inline-block; vertical-align: -8px; background: url(../../Images/Common/sprite01.png) no-repeat -24px 0; cursor: pointer;}
.m-operatestep em i {color: #ffd674;}

.m-operatestep.f-smallstep01 {padding: 0 0 0 15px;} 
.m-operatestep.f-smallstep01 span {width: 120px; font-size: 14px;}
.m-operatestep.f-smallstep01 label span.cur {color: #fff;background: url(../../Images/Common/sprite01.png) no-repeat 0 -194px;}
.m-operatestep label span.u-smallspan {width: 80px;}
.m-operatestep.f-smallstep01 label span.u-smallspan.cur {color: #fff;background: url(../../Images/Common/sprite01.png) no-repeat 0 -237px;}
.m-operatestep.f-smallstep01 label span:last-child.cur {background: #f04e46;}

.m-operatestep.f-smallstep02 {padding: 0 0 0 15px;} 
.m-operatestep.f-smallstep02 span {width:120px; font-size: 14px;}
.m-operatestep.f-smallstep02 label span.cur {color: #fff;background: url(../../Images/Common/sprite01.png) no-repeat 0 -194px;}
.m-operatestep label span.u-smallspan {width:80px;}
.m-operatestep label span.u-middlespan {width:97px;}
.m-operatestep.f-smallstep02 label span.u-smallspan.cur {color: #fff;background: url(../../Images/Common/sprite01.png) no-repeat 0 -237px;}
.m-operatestep.f-smallstep02 label span.u-middlespan.cur {color: #fff;background: url(../../Images/Common/sprite01.png) no-repeat 0 -280px;}
.m-operatestep.f-smallstep02 label span:last-child.cur {background: #f04e46;}


.g-secoanavi {margin: 0 0 15px 0; border-bottom: 1px solid #dfe0e0;}
.g-secoanavi .m-secoanavi a {margin: 0 5px 0 0; padding: 0 25px; font-size: 16px; color: #444444; line-height: 30px; border-bottom: 5px solid transparent; display: inline-block;}
.g-secoanavi .m-secoanavi a:hover {border-bottom: 5px solid #f04e46;}
.g-secoanavi .m-secoanavi a.cur {border-bottom: 5px solid #f04e46;}
.g-secoanavi .m-oaoperbtn {margin: -5px 0 0 0;}
.g-secoanavi .m-oaoperbtn a {padding: 0 15px; height: 30px; line-height: 30px; color: #fff; border: 1px solid #db252e; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #ec4049; display: inline-block;}
.g-secoanavi .m-oaoperbtn a:hover {opacity: 0.8;}

.u-subtitle .icon-point:before {content:"\e633"}


/*2016-10-24 视频弹出层*/
.g-mask {position:fixed;left:0;top:0;width:100%;height:100%;z-index:8000;background:rgba(0,0,0,0.5)}
.g-videolay {position:fixed; left: 100px; top: 50px; bottom:50px; right:100px;z-index:8500;}

/*2016-11-01编辑器清除样式*/
.m-newtextarea {padding:20px;}
.m-newtextarea ul { margin: auto; padding-left: 40px;}
.m-newtextarea ul li {margin: auto; }
.m-newtextarea ol { margin: auto; padding-left: 40px;}
.m-newtextarea ol li { margin: auto; }

.g-flashlay {position:relative;}
.icon-fullscreenCourse:before {content:"\e634";}
.g-flashlay .icon-fullscreenCourse {color:#FFF; font-size: 24px; font-weight:bold; position:absolute; right: 20px; top: -3px;cursor:pointer;}

/*2016-12-13  固定课程资料*/
/*.m-titlebox.m-titlefixedbg .g-titlenavi {position:fixed; top: 0;left: 50%; margin: 0 0 0 -590px; width: 1120px;z-index:39999;background:#f7e1c6;border-bottom:1px solid #ccc;}*/
.m-titlebox+.g-wrap {margin: 0 auto;}
.m-titlebox.m-titlefixedbg+.g-wrap {margin: 158px auto 0 auto;} 

.m-titlebox.m-titleboxfixed {position:fixed; top: 0; background:#f7e1c6;border-bottom:1px solid #ccc; left: 50%; margin: 0 0 0 -600px; width: 1180px;z-index:39999}
.m-titlebox.m-titleboxfixed+.g-wrap {margin: 158px auto 0 auto;}