html {
    -webkit-text-size-adjust: none;
    /*解决chrome浏览器下字体不能小于12px*/
    ;
}

body {
    color: #333;
}

a {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus
{
    text-decoration: none;
    outline: none;
}

html {
    zoom: 1;
}

html * {
    outline: 0;
    zoom: 1;
    /*-webkit-box-sizing: content-box;
    box-sizing:  content-box*/
}

html button::-moz-focus-inner {
    border-color: transparent !important;
}

body {
    overflow-x: hidden;
    font-size: 12px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: '微软雅黑';
}

fieldset,
a img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
    /*去掉苹果的默认UI来渲染按钮*/
}

em,
i {
    font-style: normal;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

/* 清除浮动*/

.colwrapper {
    overflow: hidden;
    zoom: 1/*for ie*/
    ;
    margin: 5px auto;
}

/* 高度自适应 */

.strong {
    font-weight: normal;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.show {
    display: block;
    visibility: visible;
}

.hide {
    display: none;
    visibility: hidden;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.transparent {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    /** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.break {
    word-wrap: break-word;
    overflow: hidden;
    /*word-break:break-all;*/
}

.tal {
    text-align: left
}

.tar {
    text-align: right;
}

/*文字两侧对齐*/

.justify {
    text-align: justify;
    text-justify: distribute-all-lines;
    /*ie6-8*/
    text-align-last: justify;
    /* ie9*/
    -moz-text-align-last: justify;
    /*ff*/
    -webkit-text-align-last: justify;
    /*chrome 20+*/
}

.toe {
    /*超出省略号*/
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

img {
    max-width: 100%;
    height: auto;
}

strong {
    font-weight: normal;
}

/*select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/

/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 +------------------------------------------------------------------------------
 */

a {
    color: #333;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    text-decoration: none;
}

a:hover {
    color: #0271e4;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #ff8b00;
}

body {
    font-family: '微软雅黑';
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    background: #fff;
}

.lft,
.fl {
    float: left;
}

.rgt,
.fr {
    float: right;
}

.form-show {
    display: block;
}

.form-hide {
    display: none;
}

::-webkit-input-placeholder {
color: #cbcbcb; text-overflow: ellipsis;
}
:-moz-placeholder {
color: #cbcbcb; text-overflow: ellipsis;
}
::-moz-placeholder {
color: #cbcbcb; text-overflow: ellipsis;
} /* for the future */
:-ms-input-placeholder {
color:#cbcbcb; text-overflow: ellipsis;
}
/*滚动条样式*/
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      font-size: 18px;
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px;
    }
.swiper-scrollbar-drag{
    background: #b6d1b2;
}
.swiper-slide{
    padding: 0;
}
.login {
    height: 624px;
    width: 1010px;
    position: absolute;
    left: 50%;
    margin-left: -505px;
    top: 50%;
    margin-top: -312px;
    background: #f2f2f2;
    box-shadow: 4px 4px 45px #a4a5a0;
    border-radius: 10px;
}

.login .inner {
    padding: 50px;
    background: #f2f2f2;
    border-radius: 8px;
    padding-bottom: 80px;
}

.login .fl {
    width: 400px;
}

.login .fl .logo {
    width: 131px;
    height: 114px;
    display: block;
    margin: 0 auto;
    margin-bottom: 60px;
}

.login .fl .txt {
    color: #bdbdbd;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;

}

.login .fl .txt p {
    margin-bottom: 20px;
}

.login .fl .txt p em {
    padding: 0 20px;
}

.login .fl .txt img {
    width: 360px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.login-switch {
    width: 70px;
    height: 70px;
    line-height: 52px;
    position: absolute;
    cursor:pointer;
    right: 0;
    top: 0;
    z-index: 3;
}

.login-ew h3 {
    font-size: 18px;
    text-align: center;
}

.login-ew p {
    font-size: 16px;
    text-align: center;

}



span,em,h3,p,img,a{
-webkit-user-select:none;

   -moz-user-select:none;

   -ms-user-select:none;

   user-select:none;    
}

.login-ew img {
    width: 190px;
    height: 192px;
    display: block;
    margin: 10px auto;
    display:block;
}

.login-ew .text {
    width: 190px;
    height: 192px;
    display: block;
    margin: 10px auto;
    display:none;
}

.login-ew .text p
{
    padding-top: 40%;
    color: white;
    font-weight: bold;
}

.login-ew div .refresh
{
   margin-top:10px;
   text-align:center;
}

.login-ew div .refresh a:hover
{
    color:red;
}

.login .fl .code {
    text-align: center;

}

.login .fl .code img {
    display: block;
    width: 154px;
    height: 154px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.login .fl .code span {
    color: #2d81ca;
    font-size: 16px;

}

.login .fr {
    width: 405px;
    background: #3daceb;
    border-radius: 8px;
    position: relative;
    margin-top: 100px;
}

.login .fr .avarat {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto;
    border: 4px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: -80px;
    z-index: 3;
}

.login .fr .avarat img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: block;
}

.login-form {
    border-radius: 8px;
    padding: 0 75px;
    box-sizing: border-box;
    position: relative;
    padding-top: 80px;
    width: 405px;
    height: 387px;
    background: url(../images/form-bg.png) no-repeat top center;
    background-size: 100%;
    z-index: 2;
    overflow: hidden;

}

.login-ew {
    background: url(../images/login_bgsm.png) no-repeat top center;
    background-size: 100%;
}

.login .inpt {
    margin-bottom: 25px;
}

.login .inpt .text {
    border: 1px solid #E5E5E5;
    height: 28px;
    padding: 10px 0;
    width: 100%;
    border-radius: 8px;
    text-indent: 20px;
    font-size: 16px;
    border: none;
    color: #666;
    font-family: "微软雅黑", arial, Helvetica, sans-serif;
}

.login .ck {
    line-height: 22px;
    height: 22px;
    color: #938e8e;
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
}

.login .ck a {
    font-size: 16px;
    color: #2d81ca;
    float: right;
}

.login .ck i {
    width: 22px;
    height: 22px;
    background: #2d81ca;
    border-radius: 5px;
    display: block;
    float: left;
    margin-right: 15px;

}

.login .ck span {
    cursor: pointer;
}

.login .ck i.on {
   background:url(../images/cked.png) no-repeat center center;
}

.login .fr .form-code {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.login .fr .form-code img {
    width: 153px;
    height: 154px;
    display: block;
}

.login .fr .form-code.active {
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;

}

.login .fr .form-code.active img {
    display: block;
    width: 192px;
    height: 190px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-left: -95px;
    left: 50%;
    margin-top: -95px;
}

.login .btn {
    height: 80px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #2d81ca;
    border: none;
    right: 0;
    letter-spacing: 5px;
    cursor: pointer;
}

.login .btn:hover {
    background: #075497;
}

#siderBar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 238px;
    background: url(../images/bg2.png) repeat-x top;
    background-size: auto 100%;
    height: 100%;
    color: #dbdada;
    z-index: 999;

}

#siderBar.active {
    width: 60px;
}

#siderBar.active ul li span {
    display: none;
}

#siderBar ul li .sub dd a{
    text-align: left;
}

#siderBar.active ul li:hover .sub {
    
}

#siderBar.active ul li.on {
    background: none;
}

#siderBar.active ul li:hover {
    background: none;
}

#siderBar.active ul li a {
    padding: 0;
    background: none;
    text-align: center;
}

#siderBar.active ul li a i {}

#siderBar.active .logo {
    background: #fff;
    width: 60px;
    height: 70px;
    top: 0;
    margin-bottom: 0;
}

#siderBar.active .logo a {
    width: 60px;
    height: 60px;
    padding-top: 8px;
    background: url(../images/logo3.png) no-repeat center;
    background-size: 100%;

}

#siderBar.active .sider-btn {
    width: 77px;
    height: 18px;
    background: url(../images/ico08.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    right: auto;
    cursor: pointer;
}

#siderBar .sider-btn {
    width: 30px;
    height: 18px;
    background: url(../images/ico02.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 108px;
    right: 0;
    cursor: pointer;
}

#siderBar .logo {
    background: url(../images/logo-bg.png) no-repeat 8px top;
    width: 203px;
    height: 157px;
    margin: 0 auto;
    background-size: 200px  144px;
    margin-bottom: 30px;
    position: relative;
    top: -33px;
}

#siderBar .logo a {
    display: block;
    width: 168px;
    height: 170px;
    margin: 0 auto;
    padding-top: 37px;
    background: url(../images/logo2.png) no-repeat center;
     background-size: 156px  128px;
}
#siderBar ul {
    position: absolute;
    width: 100%;
    left:0px;
    top: 125px;
    bottom:0px;
    overflow-y: auto;
}
#siderBar.active ul {
    top: 70px;
}
#siderBar ul li {
    margin-bottom: 12px;
    position: relative;
    display: block;
    width: 100%;
    /**height: 35px;**/
    height: 30px;
}

#siderBar ul li a {
    font-size: 17px;
    color: #fff;
    line-height: 40px;
    text-align: left;
    display: block;
    padding: 0 20px 0 30px;
    background: url(../images/ico01.png) no-repeat 212px  center;
    background-size: 6px 10px;
}

#siderBar ul li.on {
    background: url(../images/li-bg.png) no-repeat left top;
    background-size: 3px 40px;
}

#siderBar ul li:hover {
    background: url(../images/li-bg.png) no-repeat left top;
    background-size: 3px 40px;
}

#siderBar ul li.on a {
    background: url(../images/ico09.png) no-repeat 212px   center;
    background-size: 6px 10px;
}


#siderBar ul li i {
    display: inline-block;
    background: url(../images/s1.png) no-repeat center;
    width: 22px;
    height: 22px;
    background-size: 100%;
    margin-right: 10px;
    position: relative;
    vertical-align: top;
    top: 9px;
}

#siderBar ul li i.ico1 {
    background: url(../images/s1.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico2 {
    background: url(../images/s2.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico3 {
    background: url(../images/s3.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico4 {
    background: url(../images/s4.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico5 {
    background: url(../images/s5.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico6 {
    background: url(../images/s6.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico7 {
    background: url(../images/s7.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico8 {
    background: url(../images/s8.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico9 {
    background: url(../images/s9.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico10 {
    background: url(../images/s10.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico11 {
    background: url(../images/s11.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico12 {
    background: url(../images/s12.png) no-repeat center;
    background-size: 100%;
}

#siderBar ul li i.ico13 {
    background: url(../images/s13.png) no-repeat center;
    background-size: 100%;
}
#siderBar ul li  .sub-container
{
    
    position: fixed;
    left: 238px;
      display: none;
    }

#siderBar ul li .sub {
   
    width: 210px;
    background: #fff;
    border: 1px solid #d7e1ea;
    border-radius: 0 5px 5px 0;
    box-shadow: 4px 4px 10px #d3e0f0;
    overflow-y:auto;
    max-height:95vh;
  

}
#siderBar.active ul li .sub {
    left: 60px;
}
#siderBar ul li .sub dd {
    position: relative;
}


#siderBar ul li .sub dd a {
    display: block;
    padding: 0 0 0 40px;
    /**line-height: 45px;**/
    line-height:40px;
    font-size: 15px;
    color: #000;
}

#siderBar ul li .sub dd:hover,.right-menu dd:hover {
    background: url(../images/sub-libg.png) no-repeat center;
    background-size: 100%;

}

#siderBar ul li .sub dd:hover a {
    color: #fff;
}

#siderBar ul li .sub .sub-li 
{
    position: fixed;
    /* right: -200px; */
    width: 200px;
    left:446px;
    top: 0;
    background: #fff;
    padding: 0;
    border: 1px solid #d7e1ea;
    border-radius: 0 5px 5px 0;
    box-shadow: 4px 4px 10px #d3e0f0;
    display: none;
}


.right-menu{
    margin-top: 12px;
    height: auto;
    margin-right: 0px;
    border: 1px solid #ccc;
    width: 140px;
    position: absolute;
    right: -20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 4px 4px 10px #d3e0f0;
    display: none;
}

.right-menu dl dd a{
    text-align: center;
    display: block;
    padding: 0 0 0 0px;
    line-height: 38px;
    font-size:15px;
    color: #000;
    background: url(../images/ico01.png) no-repeat 234px center;
    background-size: 6px 10px;
}

.right-menu dl dd a:hover{
    color: #fff;
}

#siderBar ul li .sub dd:hover .sub-li a {
    color: #000;
}

/*
#siderBar ul li:hover .sub {
    display: block;
}
*/

#siderBar ul li:hover .sub dd:hover .sub-li {
    display: block;
}

#siderBar ul li .sub dd:hover .sub-li dd:hover a {
    color: #fff;
}

.header {
    height: 55px;
    line-height: 35px;
    text-align: center;
    color: #000000;
    padding: 21px 50px 0 12px;
    font-size: 14px;
    padding-bottom: 20px;



}

.header .nav {
    display: block;
    float: left;
    position: relative;
    width: calc(100% - 260px);
    display: block;
    /* position: absolute; */
    /* left: 40px; */
    /* right: 245px; */
    /* width: 745px; */
    
    

}

.header .nav .prev {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/prev.png) no-repeat center;
    width: 35px;
    height: 35px;
    display: block;
    background-size: 100%;
}

.header .nav .next {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/next.png) no-repeat center;
    width: 35px;
    height: 35px;
    display: block;
    background-size: 100%;
}

.header .nav .bd {
    overflow: hidden;
    position: relative;
    margin: 0 50px;
    height: 35px;
    padding-bottom: 5px;
    text-align: left;
     -webkit-box-sizing: content-box;
    box-sizing:  content-box
    
}

#tast-content-ul {
    position: relative;
    text-align: left;
    height: 35px;
    left: 0;
   
}


.header .nav .pannel-list {
    height: 35px;
    text-align: left;
    position: relative;
/*
    position: absolute;
    width: 100000%;
    transition: all .2s;
    -webkit-transition: all .2s;
*/
}

.header .nav ul {
/*    display: inline-block;*/
    white-space: nowrap;
}
.header .nav ul li {
    margin: 0 10px;
    padding: 0 35px;
    font-size: 16px;
    position: relative;
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow:  0px 3px 3px #e0e9ed;
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #E0E0E0;
    
}

.header .nav ul li.cur{
    background: #26accf;
    
    text-decoration: none; 
    
    border: 1px solid  #ffffff00;
    
}
.header .nav ul li a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 35px;
    text-decoration: none; 
     color:#8c8c8c;
}

.header .nav ul li.cur a
{
    color:#fff;
}



.header .nav ul li i.ico1 {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../images/ico03.png) no-repeat center;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -8px;
     opacity: 0.24;

}


.header .nav ul li i.ico2 {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../images/gb.png) no-repeat center center;
    background-size:12px 12px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    z-index: 1;
     opacity: 0.24;
}

.header .nav ul li.cur i.ico1
{
    background: url(../images/ico03_h.png) no-repeat center center;
     opacity: 0.64;
}

.header .nav ul li.cur i.ico2
{
    background: url(../images/gb_h.png) no-repeat center center;
    background-size:12px 12px;
    opacity: 0.64;
  
}

.header .nav ul li.cur i.ico1:hover,.header .nav ul li.cur i.ico2:hover
{
    opacity: 1;
}

.header .news {
    float: right;
    padding: 0 18px 25px 30px;
    position: relative;
    top: 7px;
    z-index: 99;
    cursor: pointer;
    width:100px;
}

.header .user:hover {
    color: #6dbdff;
    
}

.header .news .num {
    font-size: 12px;
    height: 20px;
    width: 20px;
    display: none;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    background: #f4543c;
    color: #fff;
    float: left;
    margin-right: 8px;
    
}

.header .news img {
    display: block;
    width: 17px;
    height: 20px;


}

.news-sub {
    
    height: 495px;
    padding-bottom: 75px;
    border: 1px solid #ccc;
    width: 360px;
    position: absolute;
    right: -90px;
    top: 46px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 4px 4px 10px #d3e0f0;
   

}

.header .news.hover{
    overflow: hidden;
}
.header .news.hover .sjx{
    display: none;
}
.news-sub .sjx {
    display: block;
    width: 34px;
    height: 12px;
    background: url(../images/sjx.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 208px;
    top: -12px;
}

.news-sub .news-list {
    height:400px;
     

}

.news-sub .news-list li {
    text-align: left;
    padding: 0 15px;
    font-size: 16px;
    color: #585858;
    line-height: 30px;

}

.news-sub .news-list li a {
    padding: 15px;
    display: block;
    border-bottom: 1px solid #bdbdbd45;

}

.news-sub .news-list li a:hover h4 {
    color: #6dbdff;
}

.news-sub .news-list li a:hover {
    color: #000;
}

.news-sub .news-list li h3 {
    font-size: 18px;


}

.news-sub .news-list li h3 em {
    float: right;
    font-size: 12px;
    color: #999;
}

.news-sub .news-list li h3 em .time {
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url(../images/ico05.png) no-repeat center;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: top;
    position: relative;
    top: -2px;
}

.news-sub .news-list li p {
    color: #585858;
}

.news-sub .news-list li p .tip {
    width: 24px;
    height: 20px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url(../images/ico04.png) no-repeat center;
    background-size: 100%;
    margin-left: 10px;
    vertical-align: top;
    position: relative;
    top: 5px;
}

.news-sub .news-list li h4 {
    color: #585858;
}

.news-sub .news-btn {
    padding: 15px 0 20px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.news-sub .news-btn a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 35px;
    line-height: 35px;
    border-radius: 25px;
    padding: 0 15px 0 15px;
    color: #fff;
    font-size: 18px;
    margin: 0 10px;
}

.news-sub .news-btn a.reading {
    background: #5fae3d;
}

.news-sub .news-btn a.reading:hover {
    background: #428a23;
}

.news-sub .news-btn a.pass:hover {
    background: #e6b546;
}

.news-sub .news-btn a i {
    width: 24px;
    height: 24px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.news-sub .news-btn a.reading i {
    background: url(../images/ico06.png) no-repeat center;
    background-size: 100%;

}

.news-sub .news-btn a.pass i {
    background: url(../images/ico07.png) no-repeat center;
    background-size: 100%;

}

.news-sub .news-btn a.pass {
    background: #ffc543;
}

.header .user {
    float: right;
    font-size: 14px;
    line-height: 34px;
    float: right;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.header .user img {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    margin-top: -8px;
    margin-right: 10px;
    border-radius: 50%;
}




#content {
    position: absolute;
    bottom: 0;
    left: 238px;
    top: 0;
    right: 0;
}

.Conframe {
    position: absolute;
    left: 0px;
    top: 74px;
    overflow: hidden;
    padding-bottom:5px;
    right: 0;
    bottom: 0;
    z-index: 9;
    padding-top: 0;
    background: #f0f5f8;
}

#appiframe {
    border: none;
    height: 100%;
    width: 100%;
}


 /* 模态框 */
  .app .modal-dialog {
    position: relative;
    top: 50%;
    transform: translateY(-50%)!important;
    width: 960px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: none;
  }
  .app .modal-dialog .modal-content {
    box-shadow: none;
  }
  .app .modal-dialog .modal-header {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
    border-radius: 8px 8px 0 0;
    height: 54px;
  }
  .app .modal-dialog .modal-title {
    font-size: 18px;
    color: #4F4F4F;
    font-weight: bold;
  }
  .app .modal-dialog .close {
    font-size: 21px;
    color: #4F4F4F;
    margin-top: 2px;
    opacity: 1;
  }
  .app .modal-dialog .modal-body {
    padding-top: 12px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom: 0;
  }
  #global-confirm-modal .modal-dialog .modal-body{
    padding-bottom: 32px;
  }
  .app .modal-dialog .modal-footer {
    padding: 10px 24px;
    border: none;
  }
  
  
  
  .app .modal-dialog .modal-btn {
    padding: 8px 18px;
    font-size: 14px;
    color: #4F4F4F;
    text-align: center;
    line-height: 1;
    border-radius: 4px;
    outline: none;
    margin-right: 6px;
    margin-left:6px;
  }
  
  .app .modal-dialog .modal-btn.modal-extra {
    /*background-image: linear-gradient(232deg, #3FCE4C 0%, #1EC48B 52%, #3A59C3 100%);*/
    background: url(/Home/images/bg2.png);
    box-shadow: 0 4px 8px 0 rgba(51,118,180,0.32);
    color: #FFFFFF;
    border: none;
  }
  
  .app .modal-dialog .modal-btn.modal-cancel {
    border: 1px solid #E0E0E0;
  }
  
  .app #global-confirm-modal .close {
    margin-right: 16px;
    margin-top: 16px;
  }
  .app #global-confirm-modal .modal-dialog {
    width: 340px;
  }
  .app #global-confirm-modal .modal-header {
    box-shadow: none;
    border-bottom: none;
    padding: 0;
  }
  .app #global-confirm-modal .modal-title {
    margin-top: 20px;
    text-align: center;
  }
  .app #global-confirm-modal .modal-body {
    text-align: center;
    font-size: 18px;
    color: #4F4F4F;
    line-height: 28px;
  }
  .app #global-confirm-modal .modal-footer {
    text-align: center;
  }
  
  
  
  #global-loading-modal .modal-dialog
  {
      width:120px; 
     
  }
  
  #global-loading-modal .modal-content
  {
     
     text-align:center; 
     border: 1px solid rgba(20, 100, 163, 0.16); 
     border-radius: 5px
  }
  
  #global-loading-modal .modal-body
  {
     padding:7px;   
     text-align:center;   
  }
  
 
  
  #global-loading-modal .modal-body p
  {
     font-size:14px;
     
  }
  
  #global-loading-modal .modal-body img
  {
     width: 1.5rem;
     position:absolute; 
     margin-left: -37px;
  }
  
   #global-loading-modal .modal-body center
  {
     color:#115c9d96;  
      position:absolute; margin-top:-2px;margin-left: 37px;
  }
  
   
 #global-select-modal .modal-content ul li
  {
     height: 50px; 
     line-height: 43px; 
     text-align: center; 
     font-size: 15px;    
     color: #000;
     padding:5px;
     cursor:pointer;
  }
  
  #global-select-modal .modal-content
  {
      
    border:0px;    
  }
   
   #global-select-modal .modal-content ul li:hover 
   {
     background: url(../images/sub-libg.png) no-repeat center;
     background-size: 100%;
   }
   
    #global-select-modal .modal-content ul li:first-child:hover
   {
     border-radius:6px 6px 0px 0px;
     background: url(../images/sub-libg.png) no-repeat center;
     background-size: 100%;
   }
   
   #global-select-modal .modal-content ul li:last-child:hover
   {
     border-radius:0px 0px 6px 6px;
     background: url(../images/sub-libg.png) no-repeat center;
     background-size: 100%;
   }
   
   
   
   #global-select-modal .modal-content ul li:hover a
   {
      color:#fff;
   }
   
   
   
/* layer 弹出框样式修改 */

.layui-layer-iframe iframe
{
    padding:10px;    
}


.layui-layer .layui-layer-content .text{
    text-align: center;
    font-size: 18px;
    color: #4F4F4F;
    line-height: 28px;
    padding: 10px 20px;
}

.layui-layer-btn a,.layer-select li a
{
    border-color: #1E9FFF !important;
    background-color: #1E9FFF !important;
    color: #fff !important;
}

.layui-layer-btn a:last-of-type
{
    border-color: #dedede !important;
    background-color: #fff !important;
    color: #333 !important;
}

.layer-select li 
{
    padding-top: 5px;
    padding-bottom: 5px;

}

.layer-select.layui-layer-btn
{
    text-align: center !important;
}