/**
 * 优服网弹出框共用css
 * 2017/2/28 by 武东
 */
 .yfPromptMask,.yfTipMask{
            position: fixed;
            background: rgba(0,0,0,.2);
            z-index: 1000;
            width:100%;
            height:100%;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);    /*兼容ie8以下半透明*/
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
            display: none;
            left:0;
            top:0;
        }
        .yfPromptContent,.yfTipContent{
            position: fixed;
            background: #fff;
            display: none;
            border-radius: 5px;
            padding-bottom: 20px;
        }
        .yfPromptContent{
            z-index: 1500;
            width:380px;
        }
        .yfTipContent{
            z-index: 2000;
            width:280px;
        }
        .yfTitle{
            height:40px;
            line-height:40px;
            padding:0 20px;
            background: #ff9500;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            border-radius: 5px 5px 0 0 ;
            position: relative;
            letter-spacing: 2px;
        }
        .yfClose{
            color: #fff;
            font-size: 21px;
            position: absolute;
            right:20px;
            cursor: pointer;
            font-style: normal;
            font-weight: bold;
            -webkit-transition: .3s;
            -moz-transition: .3s ;
            -ms-transition: .3s ;
            -o-transition: .3s ;
            transition: .3s ;
        }
        .yfClose:hover{
            color: #eee;
        }
        .yfTxt{
            text-align: center;
            padding:40px 15px;
            color: #333333;
        }
        .yfTxt p{
            font-size: 18px;
            color: #333;
            line-height: 26px;
        }
        .yfTxt span{
            font-size: 12px;
            color: #4c4c4c;
            display: inline-block;
            margin-top: 20px;
        }
        .yfTxt .yfTipTypeContent{
            text-align: center;
        }
        .yfTxt .yfTipTypeContent i{
            display: inline-block;
            margin-right: 20px;
            height:50px;
            width: 50px;
            vertical-align: middle;
        }
        .yfTxt .yfTipTypeContent i.success{
            background: url("../images/yf_tip_success.png") no-repeat left top;
        }
        .yfTxt .yfTipTypeContent i.warning{
            background: url("../images/yf_tip_warning.png") no-repeat left top;
        }
        .yfTxt .yfTipTypeContent i.error{
            background: url("../images/yf_tip_error.png") no-repeat left top;
        }
        .yfTxt .yfTipTypeContent .tipTypeText{
            display: inline-block;
            margin-top:0;
            font-size: 16px;
            max-width: 130px;
            text-align: left;
            vertical-align: middle;
        }
        .yfFoot{
            text-align: center;
        }
        .yfFoot a{
            height:30px;
            line-height:30px;
            width:100px;
            margin:0 15px;
            display: inline-block;
            border-radius: 5px;
            color: #333;
            border:1px solid #ccc;
            cursor: pointer;
            -webkit-transition: .5s;
            -moz-transition: .5s ;
            -ms-transition: .5s ;
            -o-transition: .5s ;
            transition: .5s ;
        }
        .yfFoot a.yfConfirm{
            background: #ff9500;
            color: #fff;
            border-color: #ff9500;
        }
        .yfFoot a.yfConfirm:hover{
            background: #fba220;
            border-color:#fba220;
        }
        .yfFoot a.yfCancel:hover{
            background: #f2f2f2;
        }

        /*加载框样式*/
        .yfLoadMask{
            position: fixed;
            top: 0;
            left:0;
            right:0;
            bottom:0;
            background: rgba(0,0,0,0.2);
            z-index: 2000;
        }
        .yfLoadBox{
            position: absolute;
            top:30%;
            left:50%;
            margin-left: -160px;
            width:320px;
            height:180px;
            background: #fff;
            box-shadow: 0 0 0px #fff;
            -webkit-box-shadow: inset hoff voff blur color;
            -moz-box-shadow: inset hoff voff blur color;
            box-shadow: inset hoff voff blur color;
            border-radius: 3px;
            -webkit-animation:yfLoadingShadow 1s infinite alternate linear;
            -o-animation:yfLoadingShadow 1s infinite alternate linear;
            animation:yfLoadingShadow 1s infinite alternate linear;
        }
        .yfLoadBox p{
            margin-top: 20px;
            text-align: center;
            font-size: 14px;
            color: #333;
        }
        .yfLoadingContainer {
            width: 90px;
            height: 90px;
            margin:20px auto 0;
        }
        .yfLoadingContainer>div{
            width: 33%;
            height: 33%;
            background-color: #ff9500;
            float: left;
            -webkit-animation: yfLoadingBlock 1.3s infinite ease-in-out;
            animation: yfLoadingBlock 1.3s infinite ease-in-out;
        }
        .yfLoadingContainer .block1{
            border-top-left-radius: 7px;
        }
        .yfLoadingContainer .block3{
            border-top-right-radius: 7px;
        }
        .yfLoadingContainer .block7{
            border-bottom-left-radius: 7px;
        }
        .yfLoadingContainer .block9{
            border-bottom-right-radius: 7px;
        }
        .yfLoadingContainer .block4,
        .yfLoadingContainer .block8{
            -webkit-animation-delay: 0.1s;
            -moz-animation-delay: 0.1s;
            -o-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }
        .yfLoadingContainer .block1,
        .yfLoadingContainer .block5,
        .yfLoadingContainer .block9{
            -webkit-animation-delay: 0.2s;
            -moz-animation-delay: 0.2s;
            -o-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }
        .yfLoadingContainer .block2,
        .yfLoadingContainer .block6{
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            -o-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }
        .yfLoadingContainer .block3{
            -webkit-animation-delay: 0.4s;
            -moz-animation-delay: 0.4s;
            -o-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }
        @-webkit-keyframes yfLoadingBlock {
            0%{
                -webkit-transform: scale3D(1,1,1);
                -moz-transform: scale3D(1,1,1);
                -ms-transform: scale3D(1,1,1);
                -o-transform: scale3D(1,1,1);
                transform: scale3D(1,1,1);
            }
            35% {
                -webkit-transform: scale3D(0,0,1);
                -moz-transform: scale3D(0,0,1);
                -ms-transform: scale3D(0,0,1);
                -o-transform:scale3D(0,0,1) ;
                transform:scale3D(0,0,1);
            }
            70%{
                -webkit-transform: scale3D(1,1,1);
                -moz-transform: scale3D(1,1,1);
                -ms-transform: scale3D(1,1,1);
                -o-transform: scale3D(1,1,1);
                transform: scale3D(1,1,1);
            }
        }
        @keyframes yfLoadingBlock {
            0%, 70%, 100% {
                -webkit-transform: scale3D(1,1,1);
                -moz-transform: scale3D(1,1,1);
                -ms-transform: scale3D(1,1,1);
                -o-transform: scale3D(1,1,1);
                transform: scale3D(1,1,1);
            }
            35% {
                -webkit-transform: scale3D(0,0,1);
                -moz-transform: scale3D(0,0,1);
                -ms-transform: scale3D(0,0,1);
                -o-transform:scale3D(0,0,1) ;
                transform:scale3D(0,0,1);
            }
        }
        @keyframes yfLoadingShadow {
            0%{
                -webkit-box-shadow:0 0 5px #fff;
                -moz-box-shadow:0 0 5px #fff;
                box-shadow:0 0 5px #fff;
            }
            100%{
                -webkit-box-shadow:0 0 30px #fff;
                -moz-box-shadow:0 0 30px #fff;
                box-shadow:0 0 30px #fff;
            }
        }
/*优服共用弹出框样式以上*/


/* 协议弹出框start */
.dialog_xy_modal{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgb(0, 0, 0);
opacity:0.15; filter:alpha(opacity=15); z-index:1000; display:none; }
.dialog_xy{
    width: 680px; height:540px;
    position: fixed;
    z-index: 10000;
    display: block;
    overflow: hidden;
/* border: 5px solid #66491c; */
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;background: #fff;
/* box-shadow: 0 3px 10px #000; */
top:50%; left:50%; margin:-275px 0 0 -350px; display:none;}

.dialog_title{    position: relative;
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    background: #f3f3f3;
    font-size: 14px;
    color: #000;
    font-family: "Microsoft YaHei"; text-align:center}
.dialog_close{cursor: pointer;
    display: block;
    position: absolute;
    z-index: 100000;
    top: 10px;
    right: 10px;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url(../images/dialog.png) no-repeat;
    font-size: 0; text-indent:-999em;}
.dialog_content{padding: 15px;
    overflow:hidden;
     }
.protocol{height:420px; margin-bottom:20px; overflow-x:hidden; overflow-y:scroll;font-size: 14px;
    color: #333;
    line-height: 2; text-align:justify; text-justify:inter-ideograph}
.protocol-con{ padding-right:10px;}
.protocol-button button {
    margin: 0 auto;
    display: block;
    width: 230px;
    height: 40px;
    color: #fff;
    background: #f39700;
    border: 0;
    font-size: 16px; 
    font-family: "Microsoft YaHei","Hiragino Sans GB"; cursor:pointer; outline:none;
}
/* 协议弹出框end */