.modal-body {position: fixed;top: 0;width: 100%;height: 100%;z-index: 1000;padding: 0;}
.modal-box {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.85);}
.modal-content {position: relative;background-color: #fff;box-shadow: 0 0 0 0;border: 0;}
.lui-btn {width: 40%;height: 30px;line-height: 30px;text-align: center;display: inline-block;border-radius: 5px;border: 1px solid #ddd;font-size: 16px;}
.lui-btn.cancel-btn {float: left;margin-left: 10px;}
.lui-btn.cancel-btn:active {background-color: #efefef;}
.lui-btn.affirm-btn {float: right;margin-right: 10px;background-color: #f15353;color: #fff;border: 1px solid red;}

#sys_msg .modal-content {width: 150px;background: rgba(0,0,0,.5);text-align: center;font-size: 14px;color: #fff;padding: 10px;top: calc(50% - 25px);left: calc(50% - 75px);}

#confirm .modal-content {width: 70%;left: 15%;top: calc(50% - 88px);border-radius: 3px;}
#confirm .content-title {height: 35px;line-height: 35px;text-align: center;font-size: 18px;margin-top: 10px;padding-top: 15px;}
#confirm .content-text {min-height: 50px;padding: 10px;text-align: center;line-height: 18px;font-size: 16px;}
#confirm .btn-box {padding: 15px 0;text-align: center;}

#bulletin .modal-content {width: calc(100% - 70px);top: calc(50% - 222px);left: 15px;padding: 10px 20px;border-radius: 5px;}
#bulletin .notice-content p {font-size: 14px;color: #333;margin: 0 0 10px 0;}
#bulletin .title-box {padding: 10px 0;}
#bulletin .title-text {text-align: center;font-size: 18px;color: #f15353;}
#bulletin .close-btn-box {width: 0;height: 0;position: relative;left: calc(100% - 5px);bottom: 40px;}
#bulletin .close-btn {width: 15px;}

#alert .modal-content {width: 288px;left: calc(50% - 144px);top: calc(50% - 165px);border-radius: 5px;}
#alert .modal-img-box {text-align: center;padding: 40px 0 15px;}
#alert .modal-img {width: 100px;}
#alert .title-box {text-align: center;font-size: 21px;color: #333;margin-bottom: 5px;font-weight: 700;}
#alert .content-text {text-align: center;font-size: 16px;color: #666;}
#alert .confirm-btn {cursor: pointer;width: 50%;height: 35px;line-height: 35px;background-color: #f15353;border: 1px solid red;color: #fff;margin: 25px 25% 35px;}
#alert .confirm-btn:active {background-color: #F46C6C;}

#sheet .modal-content {position: absolute;width: 100%;background-color: rgba(0,0,0,0);bottom: -120px;}
#sheet .option-list {background-color: #fff;width: 90%;height: 35px;line-height: 35px;text-align: center;margin: 10px auto;border-radius: 3px;font-size: 16px;}
#sheet .option-list:active {background-color: #f1f1f1;}
#sheet .cancel {background-color: #f15353;color: #fff;}
#sheet .cancel:active {background-color: #F46C6C;}

#image .modal-content {position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0);}
#image .bigimg {width: 70%;position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;}
#image .close-icon {position: absolute;width: 50px;right: calc(15% - 50px);top: 81px;}

#imageArr .modal-content {position: relative;background-color: rgba(0,0,0,0);height: 100%;}
#imageArr .modal-box {z-index:98;}
#imageArr .banner {margin: auto;position: relative;width: 70%;height: 100%;}
#imageArr .ban-wrap {width: 80%;margin: auto;position: relative;top: calc(50% - 300px);z-index:99;}
#imageArr .banner li {text-align: center;width: 100%;display: none;min-height:600px;position:relative;}
#imageArr .banner li:first-of-type {display: block;}
#imageArr .banner li img {max-height: 600px;max-width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#imageArr .banner li a {display: block;width:4%;min-width:60px;padding:10px 22px;border:1px solid #aaa;position: absolute;top:43%;left:50%;margin-left:-26%;text-align: center;border-radius:1px ;}
#imageArr .banner li a:hover {color:#fff;background:#373e6a ;border:1px solid #373e6a ;}
#imageArr .banner .btn {width:55px;height:56px;position: absolute;display: block;z-index:99;top: calc(50% - 28px);transition: all .3s;}
#imageArr .banner .prev {background:url(../images/index/prev.png) no-repeat;left:40px;}
#imageArr .banner .next {background:url(../images/index/next.png) no-repeat;right:40px;}
#imageArr .banner h3 {position: absolute;top: 0;text-align: center;left: 0;width: 100%;color: #fff; font-size: 0.75rem; background: rgba(0, 0, 0, 0.55); height: 2.5rem;line-height: 2.5rem;}

#video .modal-content {position: absolute;background-color: rgba(0,0,0,0);width: 50%;height: 600px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
#video video {max-height: 600px;width: 100%;}
#video .close-icon {position: absolute;width: 50px;right: -50px;top: 0;}