@import "frameUI.css";
@import "listUI.css";
@import "treeUI.css";
@import "commonUI.css";
@import "viewUI.css";
@import "iconfont.css";
/*reset*/
html,body {
    /*font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif,simhei;*/
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 寰蒋闆呴粦, Arial, sans-serif;
    color: #111;
    background: #fff;
    overflow-x: hidden;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,button,select,textarea,input {
    margin: 0;
    padding: 0;
    font-family: inherit;
    /*font-size: inherit;*/
}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:bold;}
strong{font-weight: normal}
del,ins,s,a,a:hover{text-decoration:none;}
button,select,textarea,input{padding:0;margin:0;position:relative;}
buttton,input{
    outline: none;
}
textarea:disabled {
    color: #111;
    cursor: default;
    background-color: rgba(0,0,0,.01);
    border-color: rgba(118, 118, 118, 0.2);
}
em{font-style: inherit;}
*:focus {
    outline: none;
}
.clearfix::after {content:'';display:table;clear: both;}
.iconfont{
    display:inline-block;
    /*vertical-align: middle;*/
}
select::-ms-expand{
    display: none;
}
select{
    -webkit-appearance: none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: #fff url("../images/20x20/todown2.png") right center no-repeat;
    background-size: 12px auto;
    padding-right: 14px;
    padding-left: 5px;
}
option{
    border-radius: 0;
}
.erpicon_select{
    width: 12px;
    /*height: 12px;*/
    display: inline-block;
    background: #fff url("../images/20x20/todown.png") center no-repeat;
    background-size: 8px auto;
}
.frposition{
    position: absolute;
    right: 0px;
    top:0;
    bottom:0;
    /*float: right;*/
    /*margin-top: 8px;*/

}
/*select::-ms-expand { display: none; }*/
/*.l-grid-row-cell-inner a{color:#008bbf;}*/
a:active{star:expression(this.onFocus=this.blur());}
/*a,a:hover{color:#0076F6;text-decoration:none;}*/
img{vertical-align: middle;}
input[type="radio"],input[type="checkbox"] {
    position: relative;
    top: 1px;
    margin-right: 3px;
    cursor: pointer;
}


/*input:focus {*/
/*    outline: 0;*/
/*}*/

label{cursor:pointer;}

/*checkbox 妯℃敼*/

input[type='checkbox'] {
    cursor: pointer;
    position: relative;
    top: 3px;
    width: 15px;
    height: 15px;

    font-family: "iconfont" !important;
    /*font-size: 16px;*/
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type='checkbox']::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}
input[type='checkbox']:checked::after {
    content: '\e64c';
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}
input[type='checkbox']:disabled,
input[type='checkbox']:checked:disabled::after{
    background-color: #ccc;
    border-color:#ccc;
    cursor: default;
}
.disabledClass,
.disableCss,
input[type="text"]:disabled {
    background-color: #fcfcfc;
    cursor: default;
}
input[disabled="disabled"]+label,
input[disabled="disabled"]{
    cursor: default;
    color: #808080;
}

/*宸�*/
.ml5{ margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
/*鍙�*/
.mr5{ margin-right: 5px;}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr30{margin-right: 30px}
/*涓�*/
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
/*涓�*/
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
/*娴姩*/
.fl{float:left}
.fr{float:right}
/*鍓婇櫎娴姩*/
.clearboth:before,.clearboth:after ,
.clearfix:before,.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.flex{
    /*display: -webkit-flex;*/
    display: flex;
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
}
.flex01{
    /*-webkit-flex: 1;*/
    /*-ms-flex: 1 ;*/
    flex: 1;
    /*-webkit-box-flex: 1;*/
    /*-moz-box-flex: 1;*/
}
.wd30{width:30px;}
.wd40{width:40px;}
.wd50{width:50px;}
.wd55{width:55px;}
.wd60{width:60px;}
.wd70{width:70px;}
.wd80{width:80px;}
.wd90{width:90px;}
.wd100{width:100px;}
.wd110{width:110px;}
.wd120{width:120px}
.wd130{width:130px}
.wd140{width:140px}
.wd150{width:150px}
.wd240{width:240px}

.colorblue{color:#3b5998}
.font14{font-weight:700;}
.font12{font-size: 12px}
.font40{font-size: 40px}
.font400{font-weight: 400}
.font20{
    font-size: 20px;
}
/* 婊氬姩鏉℃牱寮� */
::-webkit-scrollbar{width:7px;height:8px;}
/*::-webkit-scrollbar-track{background-color:#ddd;}*/
::-webkit-scrollbar-thumb{background-color: #f1f1f1;border-radius:5px;}
::-webkit-scrollbar-thumb:hover {background-color:#e0e0e0;}
::-webkit-scrollbar-thumb:active {background-color:#e0e0e0;}

#page{margin:0 auto; overflow-y:hidden;}


#menuPanel .btn{margin:0 5px}


.WdateFmtErr{color:red;font-weight:700;}
.datatypeSelect{float:left;margin-right:3px;border:1px solid #e0e0e0;}
.timeDiv{clear:both;overflow:hidden;padding:5px 0;text-align:center;}




.td-odd td:nth-child(odd){width:70px;text-align:right}
.pad10{padding:10px}
.pad-10{padding:0 10px}
.bg-none{background:0 0}
.font-weight{font-weight:700}

/* 鏂囨湰妗嗚緭鍏ユ彁绀� */
.tip-yellow {
    z-index:1000;
    text-align:left;
    border:1px solid #939393;
    padding:7px;
    min-width:50px;
    max-width:530px;
    color:#8c3901;
    background-color:#fef9d9;
    border-radius:5px;

}
.tip-yellow td{padding:0;}
.tip-yellow .tip-inner{margin-top:-2px;padding:0 3px 1px 3px;font:700 12px/14px 'trebuchet ms',arial,helvetica,sans-serif;}

/*鎺т欢鐨勬彁绀� 榧犳爣婊戣繃鏃舵樉绀� 鐢ㄤ簬娴嬭瘯搴撳彲浠ョ淮鎶ゆ帶浠剁殑鎻忚堪*/
.tips{position:fixed;z-index:9999;padding:5px;max-width:300px;min-width:220px;border:1px solid #ddd;border-radius:5px;background:#fff;text-align:left;text-decoration:none;}
.tips .tipsname{float:left;color:#333;text-align:left;text-decoration:none;font-weight:400;}
.tipscontent{color:#333;text-align:left;text-decoration:none;font-weight:400;}
.tips .tipsAdd,.tips .tipsEdit{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:5px;width:20px;height:20px;border-radius:20px;text-decoration:none;font-weight:400;line-height:20px;}
.tips .tipsAdd{border:1px solid #fa692a;background:#fff url(../images/20x20/add.png) center no-repeat;color:#fa692a;}
.tips .tipsEdit{border:1px solid #50b4e6;background:#fff url(../images/20x20/editor.png) center no-repeat;color:#50b4e6;}

/*EnlargerImg.js鎺т欢 鍥剧墖鏀惧ぇ*/
.imglist_enlarger{ background:#333; width:100%; height: 28px; line-height: 28px; padding: 10px 0; position:absolute; left:0; bottom:0; z-index:9999; text-align:center; overflow: hidden;}
.imglist_enlarger li{ display: inline-block;padding: 0 3px;  font-size:15px;}
.imglist_enlarger li a {color: #fff; display: inline-block;padding: 0 8px 0 7px;text-decoration: none;}
.imglist_enlarger li a:hover { background: #999; border-radius: 2px; color: #fff;}
.imglist_enlarger li a img { display: inline-block;float: left;padding: 3px 5px 0 0;}

.forminput{width:120px;height:22px;border:1px solid #e0e0e0;background:#fff;line-height:22px}

.tab_box{width:100%}
.tab_box_title{text-align:right;line-height:30px}
.tab_box_content{width:100%}
/*.tab_box_content ul{position:relative;float:left;margin-top:5px;padding:10px 5px;width:99%;border:1px solid #e0e0e0}*/
.tab_box_close{position:absolute;top:12px;right:5px}
.disk_source_title{padding-left:5px;width:99.5%;height:29px;border-bottom:1px solid #b9c4ca}
.disk_source_title span{float:left;display:block;margin-top:5px;width:97px;height:25px;text-align:center;line-height:25px;cursor:pointer}
/*灏忛〉绛�*/
.lineheight0{
    line-height: 0;
}
.lineheight30{
    line-height: 30px;
}
.toolBar_btn li{
    float:left;
    margin-left: 6px;
}




/*jquery.autocomplete.js 杈撳叆鏂囨湰鑷姩濉厖鏍峰紡*/
.autocomplete-suggestions{max-height:300px;overflow-x:hide;overflow-y:scroll;border:1px solid #e0e0e0;background:#fff}
.autocomplete-suggestion{margin-bottom:3px;padding:3px;}
.autocomplete-selected{background-color:#e2e2e2;}
.slide_iframestyle{overflow:hidden;background:#fff;box-shadow:0 0 20px #333}



/* 鐢ㄥ埌鐨勫湴鏂规湁鐐规潅锛屾殏鏃舵敞閲� */
/*.page{height:20px; margin:5px 10px 0px 0px;float:left; width:100%;color:#666;}*/
/*.page span{float:left;line-height:26px;margin-right:8px;}*/
/*.page font{height:24px; float:left; line-height:24px;}*/
/*.page a{float:left; margin-right:5px;display:block;padding:0px 8px; border:#dcdcdc 1px solid;color:#666;font-size:12px;}*/
/*.page a:hover,.page a.select{color:#fff;background:#2a71b8;text-decoration:none;}*/
/*.page span strong{color:#0000ff;}*/
.empty{position:relative;width:14px;height:14px;border-radius:100%;background:#ccc;transform:rotate(45deg);-webkit-transform:rotate(45deg);cursor:pointer}
.empty:after,.empty:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:#fff}
.empty:after{width:8px;height:1px}
.empty:before{height:8px;width:1px}
a.add{line-height: 20px; background:url(../images/20x20/add.png) left center no-repeat; display:inline-block; padding:0 0 0 18px; font-weight:bold;color:#4c4c4c;}





/*澶村儚瑁佸壀鎺т欢*/

.headbody{ font-size:12px; color:#999; }
.OButton,.BButton{border-radius:2px; display:inline-block; height:22px; line-height:22px; padding:0 7px 0 19px; color:#FFF;}
.headinfo{ padding:20px 0 0 0; overflow:hidden;}
.headleft{ float:left; width:300px; height:300px; border:1px solid #e0e0e0; margin:0 37px 0 0;}
.headright{ float:left; height:302px; border-left:1px solid #e0e0e0; padding:8px 0 0 33px; width:288px; line-height:16px; color:#fa7d00;}
.headright dl{ color:#999; width:300px; padding:29px 0 0 0; overflow:hidden;}
.headright dl dt{ float:left; width:180px; text-align:center; }
.headright dl dt div{height:180px;overflow:hidden;}
/* .headright dl dt img{ width:180px;} */
.headright dl dt span{ display:block; height:34px; line-height:34px;}
.headright dl dd{ float:left; width:74px; text-align:center; padding:0 0 0 20px;}
.headright dl dd ul li{ overflow:hidden;padding:0 0 36px 0 ;}
.headright dl dd ul li div{margin: auto;}
.headright dl dd ul li span{ display:block; padding:8px 0 0 0;}

/* jquery.Jcrop.css v0.9.12 - MIT License */
.jcrop-holder {
    direction: ltr;
    text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
    background: #ffffff url(../images/12x12/Jcrop.gif);
    font-size: 0;
    position: absolute;
}
.jcrop-vline {
    height: 100%;
    width: 1px !important;
}
.jcrop-vline.right {
    right: 0;
}
.jcrop-hline {
    height: 1px !important;
    width: 100%;
}
.jcrop-hline.bottom {
    bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
    height: 100%;
    width: 100%;
    /* "turn off" link highlight */
    -webkit-tap-highlight-color: transparent;
    /* disable callout, image save panel */
    -webkit-touch-callout: none;
    /* disable cut copy paste */
    -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    width: 7px;
    height: 7px;
    font-size: 1px;
}
.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}
.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px;
}
.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%;
}
.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%;
}
.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}
.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0;
}
.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0;
}
.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}
.jcrop-dragbar.ord-n {
    margin-top: -4px;
}
.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}
.jcrop-dragbar.ord-w {
    margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=70) !important;
    opacity: .70!important;
}
.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
    max-width: none;
}
/*鍗囩骇鐗堟湰鎻愮ず*/
.w-upgrade{
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.w-upgrade .tipxBox{
    border-radius: 10px;
    width: 300px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.w-upgrade .w-upgrade_btn{
    /* 	display: -webkit-box; */
    /* 	display: -webkit-flex; */
    /* 	display: flex; */
    padding:15px;
    overflow:hidden;
    text-align:center;

}
.w-upgrade_btn>a{
    /* 	-webkit-flex: 1; */
    /* 	flex: 1; */
    display:inline-block;
    width:90px;
    text-align: center;
    padding: 8px 10px;

    border-radius: 3px;
    color: #fff;
    margin: 0 10px;
}
.w-upgrade_btn>a.cancel{
    background: #bfbfbf;
}
.w-upgrade_btn>a.upgrade{
    background: #f9891b;
}
.w-upgrade .w-content{
    padding: 25px 25px 10px 25px;
    font-size: 16px;
    text-align: left;
    overflow:hidden;
    /* 	display: -webkit-box; */
    /* 	display: -webkit-flex; */
}
.w-content .msg_text{
    /* 	-webkit-flex: 1; */
    /* 	flex: 1; */
    width:185px;
    padding-left: 15px;
    line-height: 25px;
    float:left;
}
.app_msg{
    float:left
}
.w-content img{
    margin-top: 8px;
    width: 35px;
}

/*********Pop-up*****************/
.pop-up{background:#ffffff; border:#ddd solid 2px;height:90px;display:block;}
.pop-up .header{ display:block; }
.pop-up .header .img{ float:left;padding-right:10px; width:75px;height:75px;padding-left: 5px;}
.pop-up .header .text{width:200px;float:left; display:block; overflow:hidden; text-align:left;}
.pop-up .header .text ul li{color:#999; font-size:12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pop-up .header .journal{word-break:keep-all; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pop-up .header .blue{ color:#3fa9e3; font-size:12px;  letter-spacing:-0.7px;}
.pop-up .header a{color:#333; font-size:12px; text-decoration:none;}
.pop-up .ico{ display:block; padding-top:10px; text-align:left; padding-left:10px; height:16px; padding-right: 10px;}
.pop-up .ico ul li{ float:left; margin-right:10px;}
.pop-up .botton{float:right; border:#cccccc solid 1px; height:20px; background:#F2F2F2; line-height:18px;}
.pop-up .botton a{background:#f2f2f2; display:block; float:left;  padding-right:8px; text-decoration:none;}
.pop-up .botton a:hover{ color:#3fa9e3}
.pop-up .botton a.attention{background: url(../images/20x20/right.png) no-repeat 5px 5px #f2f2f2;padding-left:25px; }
.pop-up .botton .noAtten{background: url(../images/20x20/add.png) no-repeat 5px 1px #f2f2f2;padding-left:25px; }
.pop-up .botton .mutual{background: url(../images/20x20/qianyi.png) no-repeat 5px 1px #f2f2f2;padding-left:25px;}
.pop-up .arrow{ /*background:url(../images/20x20/layer_arrow.png) no-repeat left center; */position:relative; left:15px; display:block; width:14px; height:15px; top:19px;}
.pop-up .arrow_up{ /*background:url(../images/20x20/layer_arrow_up.png) no-repeat left center;*/ position:relative; left:15px; display:block; width:14px; height:15px; top:19px;}
.pop-up a{cursor: pointer;}
.pop-up .ico a{cursor: pointer;vertical-align: middle}
.pop-up .ico a img{width:16px; margin-right:3px}
[person-pop]{cursor: pointer;}

.person_btn img{margin-right:3px;}
.remark{width:160px;color:#333;
    float:left;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*mobileDialog.css*/
.w-fixed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index: 15}
.w-fixed .tipxBox{position:absolute;top:50%;left:50%;border-radius:5px;background:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.min-width{width:250px}
.w-fixed .bbox{width: 100%;border-top:1px solid #eee}
.bbox>span{padding:10px 0;text-align:center;font-size:16px;float:left;width:49%;box-sizing: border-box;
    cursor: pointer;}
.bbox>span.bcancel{border-left:1px solid #eee}
.bbox>span.blogin{color:#e94812}
.w-content{padding:25px;text-align:left;text-align:center;font-size:16px}
.w-content img{width:40px;margin-top:0;}
.w-content .msg{margin-right:10px;vertical-align:middle}
.success{margin-top:10px}
/* 涓�闂竴闂� */
.tankle {
    -webkit-animation: twinkling 1s infinite;
    animation: twinkling 1s infinite;
}
@-webkit-keyframes twinkling {
    0% {
        opacity: 0;
    }

    100%{
        opacity:1;
    }
}
@-webkit-keyframes twinkling {
    0% {
        opacity: 0;
    }

    100%{
        opacity:1;
    }
}

.HOTer{
    /*background: url(../images/20x20/HOTer.gif) center no-repeat;*/
    background:#f00;
    text-align: center;
    line-height: 18px;
    color:#fff;
    font-size: 12px;
}

/*闅忕毊鑲よ壊鐨勮�冨嫟鍥炬爣鑳屾櫙*/
.colorRadius{
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #ccc;
    vertical-align: middle;
}
.colorRadius>img{
    margin-top: 4px;
}
/* workarounds */

/*鍔ㄦ��*/
.dynamic-body{padding-bottom:15px}
.dynamic-bodylist {
    padding: 10px 20px 10px 10px;
    border-bottom: 1px solid #e7eaec;
    min-height: 90px;
}
.dynamic-bodylist:last-child{border-bottom:0}
.dynamic-more{border:1px solid #d9d9d9;background:#fafafa;text-align:center;line-height:30px}
.dynamic-more a{display:block}
.dynamic-avatar {
    position: relative;
    float: left;
    margin-left: -100%;
    width: 90px;
    text-align: center;
}

.dynamic-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin:0 auto;

}
.dynamic-r{float:left;width:100%}
.dynamic-rin{margin-left:15px}
.dynamic-img img{max-width:65px}
.dynamic-listt{padding:0 0 10px 88px;cursor:pointer}
.dynamic-listb{padding:0 0 0 88px}
.dynamic-avatar_name {
    font-size: 12px;
    color: #4c4c4c;
    margin-top: 5px
}

.photoinfo{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: #fff;
    margin:0 auto;
    text-align: center;
    line-height: 50px;
}
.photoinfo>.iconfont{
    font-size: 24px;
}

/*!
 * jQuery UI CSS Framework 1.9.0
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ ; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ ; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ ; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    position: absolute;
    cursor: default;
    z-index: 999;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
    padding-bottom: 25px;
    min-width: 160px;
}

.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item {
    margin: 0;
    /*padding: 0;*/
    zoom: 1;
    /*width: 100%;*/
}

.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
.ui-menu-item input[type='checkbox']{
    top: 6px;}
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }

/**
 * Swiper 3.1.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: October 10, 2015
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.faceContent{width:392px; position:absolute;border:1px solid #aaa;border-top:none;z-index:9999; text-align:center;padding:3px;padding-bottom:6px;background:#fff;}
.faceContent a img{float:left;cursor:pointer;margin:1px 1px; border:#cacaca 1px solid}
.faceContent a:hover img{border:1px solid #f51d69}
.ic_close-circle-fill{
    position: relative;
}
.ic_close-circle-fill:before{
    position: relative;
    z-index: 9;
}
/*.ic_close-circle-fill:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left:50%;*/
/*    top:50%;*/
/*    margin-top: -5px;*/
/*    margin-left: -5px;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background: #fff;*/
/*    border-radius: 100%;*/
/*    z-index: 1;*/
/*}*/


.dialog-content {
		display: flex;
		flex-direction: column;
		/*gap: 24px;*/
		padding: 10px;
	}
	.form-item {
		margin-bottom: 12px;
	}
	.form-label {
		font-size: 14px;
		color: #4b5563;
		margin-bottom: 8px;
	}
	.required {
		color: #ef4444;
	}
	.version-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}
	.version-button {
		padding: 5px 24px;
		font-size: 16px;
		font-weight: 500;
		border: 2px solid #e5e7eb;
		white-space: nowrap;
		cursor: pointer;
		border-radius: 16px;
		background: #fff;
        text-align: center;
	}
	.version-button--selected {
		color:#e94812;
		border-color:#e94812;
	}
	.version-desc {
		font-size: 12px;
		color: #6b7280;
		font-weight: 400;
		margin-top: 2px;
	}
	.user-count {
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.count-button_wrap{
		display: inline-flex;
		align-items: center;
		border-radius: 16px;
		border: 1px solid #e5e7eb;
	}
	.count-button {
		width: 32px;
		height: 32px;
		/*border: 1px solid #e5e7eb;*/
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		background: #fff;
		border-radius: 16px;
		border: none;
        text-align: center;
	}
	.count-number input{
		border: none;
		background: transparent;
		font-size: 16px;
	}
	.count-number {
		font-size: 14px;
		border-left: 1px solid #e5e7eb;
		border-right: 1px solid #e5e7eb;
	}
	.current-users {
		font-size: 14px;
		color: #6b7280;
	}
	.plan-container {
		display: grid;
		gap: 12px;
		grid-template-columns: repeat(3, 1fr);
	}
	.plan-button {
		padding: 5px 24px;
		font-size: 16px;
		border: 1px solid #e5e7eb;
		white-space: nowrap;
		position: relative;
		cursor: pointer;
		border-radius: 16px;
		background: #fff;
        text-align: center;
	}
	.plan-button--selected {
		color:#e94812;
		border-color:#e94812;
	}
	.plan-price {
		font-size: 12px;
		color: #6b7280;
		margin-top: 5px;
	}

	.plan-tag {
		position: absolute;
		top: -8px;
		right: -8px;
		background-color: #ef4444;
		color: white;
		font-size: 12px;
		padding: 2px 8px;
		border-radius: 4px;
	}
	.renewal-date {
		font-size: 14px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-bottom:10px;
	}
	.renewal-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.renewal-date__label, .total-price__label {
		color: #6b7280;
	}
	.total-price__amount {
		color: #ef4444;
		font-size: 20px;
		font-weight: 500;
	}
	.payment-methods {
		display: flex;
		gap: 12px;
	}
	.payment-button {
		padding: 8px 24px;
		font-size: 14px;
		border: 1px solid #e5e7eb;
		display: flex;
		align-items: center;
		gap: 8px;
		white-space: nowrap;
		cursor: pointer;
		border-radius: 16px;
		background: #fff;
        text-align: center;
	}
	.payment-button--selected {
		color:#e94812;
		border-color:#e94812;
	}