* {
	margin: 0px; padding: 0px;
}
img {
	border: currentColor; border-image: none; cursor: pointer;
}
a {
	color: rgb(0, 0, 0); text-decoration: none;
}
body {
	font-family: "Microsoft YaHei","??????","MicrosoftJhengHei","???????","Helvetica", "Arial", "sans-serif"; font-size: 14px; background-color: rgb(255, 255, 255);
}
.show{
	text-shadow:1px 1px 0px rgb(220,220,220);
}
.loadingBox {
  background: rgba(1, 90, 174, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
}
.loadingBox .loadingIcon {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loadingBox .loadingIcon span {
  height: 64px;
  width: 64px;
  background: url(../logo.png) center center no-repeat;
  background-size: 100% 100%;
  -webkit-animation: rotateBox 2s linear infinite;
  -moz-animation: rotateBox 2s linear infinite;
  -ms-animation: rotateBox 2s linear infinite;
  -o-animation: rotateBox 2s linear infinite;
  animation: rotateBox 2s linear infinite;
}
.loadingBox .loadingMain {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100vw;
  height: 100vh;
  cursor: not-allowed;
}
.loadingBox p {
  color: #fff;
  font-size: 17px;
  font-weight:bolder;
  text-align: center;
}

@keyframes rotateBox {
  0 {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes key_left {
                0% {
                  margin-left: -600px;
                    opacity: 0;
                }
                25% {
                  margin-left: -450px;
                    opacity: 0.25;
                }
                50% {
                    margin-left: -300px;
                    opacity: .5;
                }
                75% {
                  margin-left: -150px;
                    opacity: 0.75;
                }
                100% {
                    margin-left: 0;
                    opacity: 1;
                }
            }
@keyframes key_right {
                0% {
                  margin-left: 600px;
                    opacity: 0;
                }
                25% {
                  margin-left: 450px;
                    opacity: 0.25;
                }
                50% {
                    margin-left: 300px;
                    opacity: .5;
                }
                75% {
                  margin-left: 150px;
                    opacity: 0.75;
                }
                100% {
                    margin-left: 0;
                    opacity: 1;
                }
            }
@keyframes mynewmove{
	from {top:0px;}
	to {top:200px;}
}
@-webkit-keyframes mynewmove{ /*Safari 和 Chrome*/
	from {top:0px;}
	to {top:200px;}
}

.mask {
	top: 0px; width: 100%; display: none; position: fixed; z-index: 10; _position: absolute;
}
.mask_s {
	top: 0px; width: 100%; height: 100%; text-align: center; color: blue; line-height: 20em; display: none; position: fixed; z-index: 999; _position: absolute;
}
.opacity {
	opacity: 0.7; background-color: rgb(255, 255, 255);
}
.s_opacity {
	opacity: 0.7; background-color: rgb(0, 0, 0);
}
em {
	color: rgb(255, 0, 0);
}
.containter {
	margin: auto; width: 100%; display: block; position: relative; min-width: 300px;
}
.goodslist {
	border: currentColor; border-image: none; overflow: hidden; margin-bottom: 60px; background-color: rgb(255, 255, 255);
}
.containter .head {
	width: 100%; height: 40px; line-height: 40px; letter-spacing: 0.1em; padding-top: 2px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.containter .head.t_bg {
	background: url("../images/t_bg.png") repeat-x; height: 30px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.containter .head.t_bg.spec {
	width: auto; margin-top: 0.5em; margin-right: 0.5em; margin-left: 0.5em;
}
.containter .head .tt {
	height: 40px; text-align: center; line-height: 40px;
}
.containter .head .tt span {
	background: url("../images/iocn_591.png") no-repeat left rgb(36, 131, 235) !important; padding: 0.6em 3em; border-radius: 1em; color: rgb(255, 255, 255);
}
.containter .head .tt.tt_m span {
	background: url("../images/must.png") no-repeat left !important;
}
.containter .head .tt.tt_n {
	height: 30px; text-align: center; line-height: 30px;
}
.containter .head .tt.tt_n span {
	background: rgb(36, 131, 235); padding: 0.5em 2.5em; border-radius: 1em; color: rgb(255, 255, 255);
}
.containter .head.bg {
	color: rgb(255, 255, 255); background-color: rgb(36, 131, 235);
}
.containter .head .l_span {
	padding-left: 0.5em; font-size: 12pt; font-weight: 600; float: left;
}
.containter .head .l_span.search {
	background: url("../images/iocn_591.png") no-repeat left !important; padding-left: 2rem;
}
.containter .head .l_rigth {
	float: right;
}
.goodslist .rad {
	width: 1rem; height: 1rem;
}
.goodslist .info {
	border-width: medium 2px 2px; border-style: none solid solid; border-color: currentColor rgb(36, 131, 235) rgb(36, 131, 235); padding: 1.3em 0.5em 0.2em; border-image: none; height: auto; color: rgb(102, 102, 102); margin-top: -0.8em; margin-right: 0.5em; margin-left: 0.5em;
}
.goodslist .info .p_panel {
	margin: auto; width: 20em; text-align: center;
}
.goodslist .p_info {
	border-radius: 3em; width: 3.2em; height: 3.2em; text-align: center; color: rgb(255, 255, 255); line-height: 3.2em; margin-top: 1em; float: left;
}
.goodslist .p_info.p_green {
	border: 0.5em solid rgb(145, 193, 245); border-image: none; background-color: rgb(36, 131, 235);
}
.goodslist .p_info.p_gray {
	border: 0.5em solid rgb(239, 239, 239); border-image: none; background-color: rgb(204, 204, 204);
}
.goodslist .p_info.p_red {
	border: 0.5em solid rgb(253, 164, 129); border-image: none; background-color: rgb(255, 0, 0);
}
.goodslist .p_info.p_orange {
	border: 0.5em solid rgb(255, 196, 127); border-image: none; background-color: rgb(255, 138, 0);
}
.goodslist .p_jt {
	width: 1em; height: 2.9em; margin-left: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 6px; border-bottom-style: solid; float: left;
}
.containter .s_info {
	width: 100%; height: 40px; line-height: 40px; letter-spacing: 0.1em; padding-top: 2px; padding-left: 6px;
}
.containter .s_info span {
	color: rgb(36, 131, 235); padding-left: 6px; font-size: 16px; border-left-color: rgb(36, 131, 235); border-left-width: 4px; border-left-style: solid;
}
.containter .c_info {
	padding: 1em; height: auto; color: rgb(0, 0, 0); overflow: hidden; margin-top: -0.8em; border-bottom-color: rgb(199, 225, 255); border-bottom-width: 10px; border-bottom-style: solid;
}
#goodsdeptmenu {
	width: 100%; height: auto; line-height: 50px; font-size: 16px; font-weight: bold; float: left; background-color: rgb(230, 230, 230);
}
#goodsdeptmenu ul {
	list-style-type: none;
}
#goodsdeptmenu ul li {
	list-style-type: none;
}
#goodsdeptmenu dl {
	margin: 0px; padding: 0px; display: inline;
}
#goodsdeptmenu dt {
	background: url("../images/downicon.png") no-repeat 95% rgb(255, 255, 255); width: 100%; height: 50px; color: rgb(51, 51, 51); line-height: 50px; font-family: "??????"; font-size: 16px; font-weight: bold; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: solid; display: block; cursor: pointer;
}
#goodsdeptmenu dt span {
	padding-left: 10px;
}
#goodsdeptmenu dd {
	width: 100%; height: 50px; color: rgb(51, 51, 51); line-height: 50px; padding-left: 20px; font-weight: normal; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: solid; display: none; background-color: rgb(247, 247, 247);
}
#goodsdeptmenu dd.bg {
	background: url("../images/downicon.png") no-repeat 90%; cursor: pointer;
}
#goodsdeptmenu dd a {
	color: rgb(51, 51, 51); line-height: 40px; padding-left: 25px; text-decoration: none; display: block;
}
#goodsdeptmenu dd a:hover {
	color: rgb(215, 34, 41); padding-left: 25px;
}
#goodsdeptmenu dd a:active {
	color: rgb(215, 34, 41); padding-left: 25px;
}
input[type='button'] {
	-webkit-appearance: none;
}
input[type='submit'] {
	-webkit-appearance: none;
}
input[type='reset'] {
	-webkit-appearance: none;
}
.bottom {
	width: 100%; text-align: center; bottom: 0px; padding-top: 4px; padding-bottom: 4px; float: left; position: fixed; z-index: 100; min-width: 300px; background-color: rgb(40, 40, 40);
}
.bottom a {
	width: 33%; text-align: center; color: rgb(255, 255, 255); padding-top: 4px; text-decoration: none; float: left;
}
.bottom a .active {
	color: rgb(255, 0, 0); text-decoration: none;
}
.bottom.g_bg {
	background-color: rgb(0, 155, 38);
}
.bottom.gy_bg {
	background-color: rgb(204, 204, 204);
}
.bottom.w_bg {
	background-color: rgb(255, 255, 255);
}
.bottom.w_bg a {
	width: 40%; height: 4em; line-height: 4em; font-size: 16px; margin-right: 5%; margin-left: 5%; background-color: rgb(0, 155, 38);
}
.g_ul {
	list-style: none; margin: 1em 0.5em; white-space: nowrap;
}
.g_ul li {
	height: 60px; vertical-align: top; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.g_ul2 li {
	height: 50px; line-height: 40px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.g_ul li .title {
	padding-top: 6px;
}
.g_ul li .ctn {
	color: rgb(102, 102, 102); font-size: 12px;
}
.g_ul li a:hover {
	color: rgb(255, 0, 0);
}
.g_ul li .rad {
	width: 1.5em; height: 1.5em; margin-top: 0.5em;
}
.g_ul li label {
	width: 25%; line-height: 1.5em; float: left; white-space: normal;
}
.g_ul li select {
	background: url("../images/select_bg.png") no-repeat right / 26px 26px; width: 72%; height: 2.5em; padding-right: 14px; float: left; -webkit-appearance: none; -moz-background-size: 26px 26px; appearance: none; -moz-appearance: none;
}
.g_ul li input {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: 70%; height: 2.5em; padding-left: 8px; float: left;
}
.g_ul li input.date {
	width: 7.3em;
}
.g_ul li input.uf {
	width: 5em; float: right;
}
.g_ul li textarea {
	width: 74%; height: 8em; margin-bottom: 1em; float: left;
}
.new_ul {
	list-style: none;
}
.new_ul li {
	border: 1px solid rgb(235, 233, 233); border-image: none; padding-bottom: 1.5em; vertical-align: top;
}
.new_ul li .title {
	background: rgb(239, 239, 239); padding: 0.5em; line-height: 2em; -ms-word-wrap: break-word;
}
.new_ul li .txt {
	border: currentColor; border-image: none; line-height: 2em; text-indent: 1em; overflow: hidden; -ms-text-overflow: ellipsis; min-height: 4em;
}
.new_ul li .dt {
	height: 2em; color: rgb(153, 153, 153); line-height: 2em; padding-right: 1em; font-size: 12px; margin-right: 2px; margin-left: 2px;
}
.new_ul li .dt .f_s {
	color: rgb(153, 153, 153); float: left;
}
.new_ul li .dt .r_s {
	float: right;
}
.blue {
	color: blue;
}
.txt {
	border: 1px solid rgb(204, 204, 204); border-image: none; height: 2.5em;
}
.u_search {
	margin: 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 70%; height: 2rem; line-height: 2rem; padding-left: 0.5em;
}
.u_search_btn {
	background: url("../images/fdj_03.jpg") no-repeat center rgb(0, 155, 38); border: 1px solid rgb(0, 155, 38); border-image: none; width: 40px; height: 2.1rem;
}
.chk {
	width: 1.5em; height: 1.5em;
}
.button {
	font: 16px/100% "Microsoft yahei", Arial, Helvetica, sans-serif; padding: 0.5em 1.5em; border-radius: 0.5em; text-align: center; text-decoration: none; margin-bottom: 0.3em; display: inline-block; cursor: pointer; font-size-adjust: none; font-stretch: normal; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); -webkit-border-radius: .5em; -moz-border-radius: .5em;margin-left:15%;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	top: 1px; position: relative;
}
.orange_btn1 {
	background: rgb(200, 200, 200); border: 1px solid rgb(180, 180, 180); border-image: none; color: rgb(254, 244, 233);
}
.orange_btn {
	background: rgb(247, 141, 29); border: 1px solid rgb(218, 124, 12); border-image: none; color: rgb(254, 244, 233);
}
.orange_btn:hover {
	background: rgb(244, 124, 32);
}
.orange_btn:active {
	color: rgb(252, 211, 165);
}
.red_btn {
	background: rgb(225, 38, 38); border: 1px solid rgb(218, 124, 12); border-image: none; color: rgb(255, 255, 255);
}
.red_btn:hover {
	background: rgb(230, 44, 44);
}
.red_btn:active {
	color: rgb(255, 255, 255);
}
.green_btn {
	background: rgb(100, 153, 30); border: 1px solid rgb(83, 131, 18); border-image: none; color: rgb(232, 240, 222);
}
.green_btn:hover {
	background: rgb(83, 128, 24);
}
.green_btn:active {
	color: rgb(169, 192, 140);
}
.blue_btn {
	background: rgb(36, 131, 235); padding: 0.6em 0px; border: 1px solid rgb(36, 131, 235); border-image: none; width: 90%; color: rgb(255, 255, 255); margin-top: 1em; margin-left: 5%;
}
.blue_btn:hover {
	background: rgb(36, 131, 235);
}
.blue_btn:active {
	color: rgb(169, 192, 140);
}
.copyright {
	width: 100%; text-align: center;
}
.news_f {
	height: 80px; text-align: center; color: rgb(255, 255, 255); line-height: 80px; font-size: 20px;
}
.arrow-left {
	width: 0px; height: 0px; border-top-color: transparent; border-right-color: rgb(255, 255, 255); border-bottom-color: transparent; border-top-width: 20px; border-right-width: 20px; border-bottom-width: 20px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;
}
.arrow-right {
	width: 0px; height: 0px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(255, 255, 255); border-top-width: 20px; border-bottom-width: 20px; border-left-width: 20px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.arrow-left_0 {
	border-right-color: rgb(22, 174, 212);
}
.arrow-left_1 {
	border-right-color: rgb(252, 235, 46);
}
.arrow-left_2 {
	border-right-color: rgb(253, 200, 17);
}
.arrow-left_3 {
	border-right-color: rgb(15, 234, 20);
}
.arrow-left_4 {
	border-right-color: rgb(18, 233, 225);
}
.arrow-left_5 {
	border-right-color: rgb(25, 254, 63);
}
.arrow-left_6 {
	border-right-color: rgb(22, 174, 212);
}
.arrow-left_7 {
	border-right-color: rgb(252, 235, 46);
}
.arrow-left_8 {
	border-right-color: rgb(253, 200, 17);
}
.arrow-left_9 {
	border-right-color: rgb(15, 234, 20);
}
.arrow-left_10 {
	border-right-color: rgb(18, 233, 225);
}
.arrow-left_11 {
	border-right-color: rgb(25, 254, 63);
}
.arrow-left_12 {
	border-right-color: rgb(22, 174, 212);
}
.arrow-left_13 {
	border-right-color: rgb(252, 235, 46);
}
.arrow-left_14 {
	border-right-color: rgb(253, 200, 17);
}
.arrow-left_15 {
	border-right-color: rgb(15, 234, 20);
}
.arrow-left_16 {
	border-right-color: rgb(18, 233, 225);
}
.arrow-left_17 {
	border-right-color: rgb(25, 254, 63);
}
.arrow-left_18 {
	border-right-color: rgb(22, 174, 212);
}
.arrow-left_19 {
	border-right-color: rgb(252, 235, 46);
}
.arrow-left_20 {
	border-right-color: rgb(253, 200, 17);
}
.arrow-left_21 {
	border-right-color: rgb(15, 234, 20);
}
.arrow-left_22 {
	border-right-color: rgb(18, 233, 225);
}
.arrow-left_23 {
	border-right-color: rgb(25, 254, 63);
}
.arrow-right_0 {
	border-left-color: rgb(22, 174, 212);
}
.arrow-right_1 {
	border-left-color: rgb(252, 235, 46);
}
.arrow-right_2 {
	border-left-color: rgb(253, 200, 17);
}
.arrow-right_3 {
	border-left-color: rgb(15, 234, 20);
}
.arrow-right_4 {
	border-left-color: rgb(18, 233, 225);
}
.arrow-right_5 {
	border-left-color: rgb(25, 254, 63);
}
.arrow-right_6 {
	border-left-color: rgb(22, 174, 212);
}
.arrow-right_7 {
	border-left-color: rgb(252, 235, 46);
}
.arrow-right_8 {
	border-left-color: rgb(253, 200, 17);
}
.arrow-right_9 {
	border-left-color: rgb(15, 234, 20);
}
.arrow-right_10 {
	border-left-color: rgb(18, 233, 225);
}
.arrow-right_11 {
	border-left-color: rgb(25, 254, 63);
}
.arrow-right_12 {
	border-left-color: rgb(22, 174, 212);
}
.arrow-right_13 {
	border-left-color: rgb(252, 235, 46);
}
.arrow-right_14 {
	border-left-color: rgb(253, 200, 17);
}
.arrow-right_15 {
	border-left-color: rgb(15, 234, 20);
}
.arrow-right_16 {
	border-left-color: rgb(18, 233, 225);
}
.arrow-right_17 {
	border-left-color: rgb(25, 254, 63);
}
.arrow-right_18 {
	border-left-color: rgb(22, 174, 212);
}
.arrow-right_19 {
	border-left-color: rgb(252, 235, 46);
}
.arrow-right_20 {
	border-left-color: rgb(253, 200, 17);
}
.arrow-right_21 {
	border-left-color: rgb(15, 234, 20);
}
.arrow-right_22 {
	border-left-color: rgb(18, 233, 225);
}
.arrow-right_23 {
	border-left-color: rgb(25, 254, 63);
}
.news_0 {
	background: rgb(22, 174, 212);
}
.news_1 {
	background: rgb(252, 235, 46);
}
.news_2 {
	background: rgb(253, 200, 17);
}
.news_3 {
	background: rgb(15, 234, 20);
}
.news_4 {
	background: rgb(18, 233, 225);
}
.news_5 {
	background: rgb(25, 254, 63);
}
.news_6 {
	background: rgb(22, 174, 212);
}
.news_7 {
	background: rgb(252, 235, 46);
}
.news_8 {
	background: rgb(253, 200, 17);
}
.news_9 {
	background: rgb(15, 234, 20);
}
.news_10 {
	background: rgb(18, 233, 225);
}
.news_11 {
	background: rgb(25, 254, 63);
}
.news_12 {
	background: rgb(22, 174, 212);
}
.news_13 {
	background: rgb(252, 235, 46);
}
.news_14 {
	background: rgb(253, 200, 17);
}
.news_15 {
	background: rgb(15, 234, 20);
}
.news_16 {
	background: rgb(18, 233, 225);
}
.news_17 {
	background: rgb(25, 254, 63);
}
.news_18 {
	background: rgb(22, 174, 212);
}
.news_19 {
	background: rgb(252, 235, 46);
}
.news_20 {
	background: rgb(253, 200, 17);
}
.news_21 {
	background: rgb(15, 234, 20);
}
.news_22 {
	background: rgb(18, 233, 225);
}
.news_23 {
	background: rgb(25, 254, 63);
}
.mask_win {
	top: 0px; width: 100%; display: none; position: fixed; z-index: 10; _position: absolute;
}
.opacity_win {
	background: rgb(145, 193, 245); width: 100%; height: 100%; opacity: 0.5;
}
.wins {
	left: 0%; top: 8%; width: 100%; display: none; position: fixed; z-index: 9999; _position: absolute;
}
.wins_panel {
	background: rgb(255, 255, 255); margin: auto; border-radius: 10px; border: 1px solid rgb(145, 193, 245); border-image: none; width: 100%; min-height: 300px; box-shadow: -6px 0px 6px #91c1f5, 6px 0px 6px #91c1f5, 0px -6px 6px #91c1f5, 0px 6px 6px #91c1f5; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.wins_panel h2 {
	color: rgb(14, 192, 54);
}
.wins_panel .a_div {
	width: 90%; text-align: center; line-height: 50px; margin-top: 10px; margin-left: 10px; border-top-color: rgb(233, 231, 231); border-bottom-color: rgb(233, 231, 231); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.g_btn {
	border-radius: 10px; border: 1px solid rgb(6, 97, 0); border-image: none; width: 310px; height: 34px; color: rgb(255, 255, 255); line-height: 34px; font-size: 16px; font-weight: 600; margin-top: 10px; cursor: pointer; background-color: rgb(33, 94, 33); -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.g_btn:hover {
	background-color: rgb(41, 111, 41);
}
.mui-preview-image.mui-fullscreen {
	position: fixed; z-index: 20; background-color: rgb(0, 0, 0);
}
.mui-preview-header {
	left: 0px; width: 100%; position: absolute; z-index: 10;
}
.mui-preview-footer {
	left: 0px; width: 100%; position: absolute; z-index: 10;
}
.mui-preview-header {
	top: 0px; height: 44px;
}
.mui-preview-footer {
	height: 50px; bottom: 0px;
}
.mui-preview-header .mui-preview-indicator {
	margin: 15px auto 4px; border-radius: 12px; width: 70px; text-align: center; color: rgb(255, 255, 255); line-height: 25px; font-size: 16px; display: block; background-color: rgba(0, 0, 0, 0.4);
}
.mui-preview-image {
	display: none; animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both;
}
.mui-preview-image.mui-preview-in {
	animation-name: fadeIn; -webkit-animation-name: fadeIn;
}
.mui-preview-image.mui-preview-out {
	background: none; animation-name: fadeOut; -webkit-animation-name: fadeOut;
}
.mui-preview-image.mui-preview-out .mui-preview-header {
	display: none;
}
.mui-preview-image.mui-preview-out .mui-preview-footer {
	display: none;
}
.mui-zoom-scroller {
	margin: 0px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: flex; position: absolute; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-backface-visibility: hidden;
}
.mui-zoom {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
}
.mui-slider .mui-slider-group .mui-slider-item img {
	width: auto; height: auto; max-height: 100%; max-width: 100%;
}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
	width: 100%;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
	display: inline-table;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
	vertical-align: middle; display: table-cell;
}
.mui-preview-loading {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.mui-preview-loading.mui-active {
	display: block;
}
.mui-preview-loading .mui-spinner-white {
	left: 50%; top: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; position: absolute;
}
.mui-preview-image img.mui-transitioning {
	transition:transform 0.5s, opacity 0.5s; -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
}
.mui-backdrop-action.mui-backdrop {
	background-color: rgba(0, 0, 0, 0.6);
}
.per_class{
	padding:10px; margin:10px; border:1px #CCC dotted; display:none;
		}