/*公共样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border: none;
    outline: none;
}
html,body {
    height: 100%;
}
body {
    font-family: Arial,"Microsoft YaHei";
    color:#222;
    font-size: 16px;
}
ul,ol {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
a {
    color:#333;
    text-decoration: none ;
}
a:hover {
    color:#344dcb;
}
em,i {
    font-style: normal;
}
input,select,textarea,button{
    outline: none;
    padding-top: 0;
    padding-bottom: 0;
    border:none;
    font-family: "Microsoft YaHei";
}

table{
    border-collapse: collapse;
}


.ph-swiper1 .swiper-button-prev {
    left: -30px;
    background: url("../images/left-button.png") no-repeat;

}
.ph-swiper1 .swiper-button-prev::after,.swiper-button-next::after {
    content: "";
}
.ph-swiper1 .swiper-button-next {
    right:-40px;
    background: url("../images/right-button.png") no-repeat;
}


#carousel {
    width:100%;
    /* border:1px solid #222; */
    height:300px;
    position:relative;
    clear:both;
    overflow:hidden;
    background:#FFF;
}
#carousel img {
    visibility:hidden; /* hide images until carousel can handle them */
    cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}
#callback-output{
    width: 100%;
    min-height: 50px;
    background: #fff;
    padding: 8px;
    height:500px;
    overflow-y:scroll;
}