/**/
html, body, div, p, ul, ol, li, h1, h2, h3, h4, h5
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html
{
    overflow-y: scroll;
}
html, body
{
    height: 100%;
}
body
{
    position: relative;
    font-family: "Microsoft YaHei","SimSun";
    font-size:14px;
}
pre
{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
}
a, span
{
    outline: none;
}
ul, ol, li
{
    list-style: none;
}
select,input,textarea
{
    outline: none;
    border: 1px solid #DDDDDD;
    font-family: "Microsoft YaHei","SimSun";
}
/*解决苹果浏览器获取焦点后出现小人 begin*/
input::-webkit-contacts-auto-fill-button 
{
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
/*解决苹果浏览器获取焦点后出现小人 end*/
select:focus,input:focus,textarea:focus
{
    border: 1px solid #52C3DD;
    outline: none;
}
button
{
    outline: none;
}
/* 清除浮动ie6,ie7BUG */
.clearfix
{ 
    *zoom:1;
}
.clearfix:after
{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; 
}
/* 隐藏插值表达式，在ms-controller属性应用样式 */
.ms-controller
{ 
    visibility: hidden;
}
/* 普通容器 */
.ordinary-container
{
    position:relative;
    margin:0 auto;
}
/* 普通固定容器 */
.ordinary-fix-container
{
    margin:0 auto;
}
a
{
    text-decoration: none;
    outline: none;
    margin: 0;
    padding: 0;
    color: #333333;
}
a:active
{
    color: #333333;
}
div.sui-dialog-layout 
{ 
    display: none; 
    *position: absolute; 
    left: 0; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    background: #000000; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); 
    opacity: 0.75; 
    zoom: 1; 
    z-index: 1; 
}
img
{
    border: none;
}
.sui-input-container.sui-input-container-link
{
    width: 300px;
}
body .pager-container .first:hover,
body .pager-container .pre:hover,
body .pager-container .next:hover,
body .pager-container .end:hover,
body .pager-container .num:hover,
body .pager-container .go:hover
{
    border-color: #51C3DD;
}
/*头像背景*/
.headBg
{
    position: absolute;
    z-index: 99;
    width: 173px;
    height: 95px;
    background:url(/images/model/layout/ia/cm/comment_1/headbg.png) no-repeat;
    top: -3px;
    left:-1px;
}
/*昵称*/
.nickName
{
    margin: 8px 0 0 80px;
    display: block;
    font-size: 14px;
    color: #333;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*查看主页*/
.homePage
{
    margin: 5px 0 0 80px;
    display: block;
    background:url(/images/model/layout/ia/cm/comment_1/home.png) no-repeat left center;
    text-indent: 18px;
    color:#666;
}
/*加好友*/
.mouseOverAdd
{
    margin-left: 80px;
    margin-top: 3px;
    display: block;
    background:url(/images/model/layout/ia/cm/comment_1/tianjiahaoyou.png) no-repeat left center;
    color: #666;
    text-indent: 18px;
}
/*分页*/
body .pager-container .goIptOut
{
    display: none;
}
body .pager-container
{
    margin-right: 0;
}
body .pager-container .first.disable,
body .pager-container .pre.disable,
body .pager-container .next.disable,
body .pager-container .end.disable
{
    visibility: visible;
    background-color: #F0F0F0;
    color: #999;
}
body .pager-container .first.disable:hover,
body .pager-container .pre.disable:hover,
body .pager-container .next.disable:hover,
body .pager-container .end.disable:hover
{
    border: 1px solid #E1E2E3;
}
/*分页*/
/*裁剪按钮begin*/
.up-img-edit-container .ok, .up-img-edit-container .cancel
{
    background: #52C3DD;
}
/*图片上传控件样式*/
.up-img-container li.add:hover
{
    border-color: #52C3DD;
}
.up-img-container li.add span
{
    background: url(/images/base/up_img_add_1.png) no-repeat -35px 0px;
}
.up-img-container li
{
    background: url(/images/base/load_img_1.gif) no-repeat center;
}
/*裁剪按钮end*/
/*文本编辑器内图片begin*/
.html-editor img
{
    display: block;
    margin: 0px auto;
    max-width: 95%;
}
/*文本编辑器内图片end*/
/*弹性放大动画begin*/
.bounce-in
{
    animation: 0.6s bounceIn 1s 1;
    -webkit-animation: 0.6s bounceIn 1s 1;
    -moz-animation: 0.6s bounceIn 1s 1;
    -ms-animation: 0.6s bounceIn 1s 1;
}
/*弹性放大*/
@keyframes bounceIn
{
    0% {
        opacity: 0; 
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% { 
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
@-webkit-keyframes bounceIn
{
    0% {
        opacity: 0; 
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% { 
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
@-moz-keyframes bounceIn
{
    0% {
        opacity: 0; 
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% { 
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
@-ms-keyframes bounceIn
{
    0% {
        opacity: 0; 
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% { 
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
@-o-keyframes bounceIn
{
    0% {
        opacity: 0; 
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% { 
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}
/*弹性放大动画 end*/
/*右侧飞入动画 begin*/
.right-fly
{
    animation: .5s rightFly 1;
    -webkit-animation: .5s rightFly 1;
    -moz-animation: .5s rightFly 1;
    -ms-animation: .5s rightFly 1;
}
/*右侧飞入*/
@keyframes rightFly
{
    0%{transform:translateX(200px);opacity:0;}
    100%{transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes rightFly
{
    0%{transform:translateX(200px);opacity:0;}
    100%{transform:translateX(0px);opacity:1;}
}
@-moz-keyframes rightFly
{
    0%{transform:translateX(200px);opacity:0;}
    100%{transform:translateX(0px);opacity:1;}
}
@-ms-keyframes rightFly
{
    0%{transform:translateX(200px);opacity:0;}
    100%{transform:translateX(0px);opacity:1;}
}
@-o-keyframes rightFly
{
    0%{transform:translateX(200px);opacity:0;}
    100%{transform:translateX(0px);opacity:1;}
}
/*右侧飞入动画 end*/
/*长文本分页 begin*/
.new-content-page-div
{
    margin-top: 20px;
    text-align: center;
}
a.new-content-page
{
    width: 30px;
    height: 30px;
    margin: 0 3px;
    text-align: center;
    background: #ffffff;
    display: inline-block;
    border: 1px solid #DDDDDD;
    line-height: 30px;
}
a.new-content-page-btn
{
    width: 60px;
}
a.new-content-page-click
{
    color: #FFFFFF;
    background: #52C3DD;
}
/*长文本分页 end*/


/**********************错误页提示begin********************************/
.page-state
{
    width:100%;
    text-align: center;
}
.infoPic
{
    width: 65px;
    height: 60px;
    display: inline-block;
    margin-top: 120px;
}
.fail-pic
{
    background: url(/images/model/moudle/volunteer/org_apply_1/org_apply_1.png) no-repeat;
}
.sucess-pic
{
    background: url(/images/model/moudle/volunteer/org_apply_1/org_apply_1_1.png) no-repeat;
}
/**********************错误页提示end********************************/
/*loading加载 begin*/
#loading_ing
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    display: none; 
    background: rgba(255,255,255,0);
}
.loading-in-img
{
    position: absolute;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
/*loading加载 end*/