body::-webkit-scrollbar{width:20px;height: 4px;}
body::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.2)}
body::-webkit-scrollbar-track{box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.1);}
@media screen and (max-width: 768px){
    body::-webkit-scrollbar{width:0;}
    body::-webkit-scrollbar-thumb{background: none;box-shadow:none}
    body::-webkit-scrollbar-track{box-shadow: none;background: none;}
}
.relative{position: relative;}
.rebrowser{color:#00e;}
ul li{list-style: none;}
.panel-footer{padding:15px 20px !important;font-weight: normal}
h3{margin: 0 !important;padding:10px 0;}
.table{table-layout: fixed;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{vertical-align: middle !important;text-align: center;}
.mg-none{margin: 0;}
.pd-none{padding: 0;}
.fs-12{font-size: 12px;}
.fs-16{font-size: 16px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-30{margin-bottom: 30px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mr-40{margin-right: 40px;}
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.ml-30{margin-left: 30px;}
.pdlr-5{padding: 0 5px;}
.pdlr-20{padding: 0 20px;}
.pd-2{padding:2px;}
.pd-5{padding:5px !important;}
.pd-10{padding:10px;}
.pd-15{padding:15px;}
.pd-20{padding:20px;}
.pd-50{padding:50px;}
.header{padding:10px 50px;}
.text-left{text-align: left !important;}
.col-red {
    color: #da4040;
}
.col-orange {
    color: #f7bd30;
}

.col-blue {
    color: #1490cc;
}

.col-green {
    color: #5fb321;
}

.col-gold{
    color: #b49169;
}
.contentBd{border-radius: 3px;border:1px solid #ccc;}
.inputWidth{width:300px;margin:20px auto;}
.vertal-m{vertical-align: middle}
.inline-block{display: inline-block}
.pd-none{padding:0 !important;}
.width-60{width:60px;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;}
.width-100{width:100px;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;}
.width-70{overflow: hidden;float: left;width:70px;white-space: nowrap;text-overflow: ellipsis;}
.common-pd{padding:10px 20px;}
.nav .panel-body{padding:4px 4px;}
.width-250{width:250px;}
.btn-primary:hover{color:#333;background: #eee;border-color:#ccc;}
.none-box-shadow:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border:1px solid #ccc;}
.rightPosition{position: absolute;top:50%;transform: translateY(-50%);right:10px;}
/*弹窗*/
.windowpop{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    top: 0;
}
.windowpop .contentbox{
    padding: 15px;
    background: #fff;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    word-break: break-word;
}
.contentbox #closebtn{
    position: absolute;
    right: -20px;
    top: -28px;
    font-size: 36px;
    color: #555;
}
.mobile_windowpop{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #333;
    display: none;
    left: 0;
    top: 0;
}
.mobile_windowpop .imgcontentbox{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;

}
.mobile_windowpop .imgcontentbox img{
    width:100%;
    position:fixed;
    top: 50%;
    transform: translateY(-50%);
}
.pinch-zoom-container{height: 100%!important;}
.edui-editor.edui-default{width:100% !important;}
#edui11_iframeholder{width:100% !important;}
#ueditor_1 .view img{max-width: 100%;}
.edui-upload-video{max-width: 100%;}
@media screen and (max-width: 768px){
    .mobile-disblock{display: block;}
    .invoice{padding:10px;}
    .register-content{padding:10px 0;}
    .web-content{display:none;}
    .common-pd{padding: 10px;}
    #pages li{text-align: center;}
    #pages li span{display: inline-block;}
    .tavernContent a{font-size: 12px;margin-right: 2px;}
    .stone_temple{width:280px;}
     table td{padding:5px;}
     table font{font-size: 12px;}
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{padding:3px;}

    #searchinfo{width: 200px;}
    .usertab a{float:left;margin-right: 30px;font-size: 14px;}
    .usertab{width:100%;padding:10px;}
    .userbody{width:100%;padding:10px;}
    .userbody td{font-size: 12px;}
    .registerBox{font-size: 12px;}
    .registerBox td{padding:2px;font-size: 12px;}
    .paycontent{width:100%;margin: 0;}
    .payBtn{text-align: center;}
    .shouldpay{margin: 20px;}
    .paymentpage{padding:10px;}
    .payment_tip{padding:10px;margin: 10px 0;}
    .payment_img{width: 70px;height:auto;}
    .payment_smimg{width:40px;}
    .sm-tip{font-size: 12px;}
    .ukeytip{font-size: 14px;}
    .ukeycontent{width:100%;margin: 0;}
    .ukeycontent h4{text-align: left}
    .herotab a{float: left;
        width: 33.3%;
        font-size: 12px;
        padding: 5px;
    }

    /*.table .ellipsis{ display: -webkit-box;*/
        /*-webkit-box-orient: vertical;*/
        /*-webkit-line-clamp: 1;*/
        /*overflow: hidden;*/
        /*float: initial;*/
        /*max-width: 100%;*/
    /*}*/

}
@media (min-width: 769px) {
    .register-content{padding:10px;}
    .invoice{padding:10px;}
    .paycontent{width:550px;margin: 0 auto;}
    .payBtn{margin-left: 95px;}
    .mobile-content{display:none;}
    .stone_temple{width:500px;}
    #searchinfo{width: 250px;}
    .usertab a{display: block;margin-top: 20px;font-size: 16px;}
    .usertab{width:350px;padding:20px;}
    .userbody{padding:20px;}
    .registerBox{font-size: 16px;}
    .registerBox td{padding:10px;}
    .shouldpay{margin: 20px 30px;}
    .paymentpage{padding:10px 20px;}
    .payment_tip{padding:20px;margin: 20px;}
    .payment_img{width: 120px;height:auto;}
    .payment_smimg{width:60px;}
    .sm-tip{font-size: 16px;}
    .ukeytip{font-size: 16px;}
    .ukeycontent{width: 550px;margin: 0 auto;text-align: center}
    .ukeycontent h4{text-align: center}
    .herotab a{float: left;
        width: auto;
        font-size: 14px;
        padding: 10px 20px;
    }
    /*.table .ellipsis{ display: -webkit-box;*/
        /*-webkit-box-orient: vertical;*/
        /*-webkit-line-clamp: 1;*/
        /*overflow: hidden;*/
        /*float: left;*/
        /*max-width: 80%;*/
    /*}*/


}