﻿  
/*.maskModel{position: fixed;visibility: hidden;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
    #fixedModel.active>.maskModel {visibility: visible;background-color: rgba(0,0,0,0.5);}*/
    
    
    /*操作菜单公共样式*/
    #operation {position: fixed;bottom:4.5rem;width: 10rem;right: 1.75rem;text-align: right;height:0rem}
    #operationIcon {/*background:rgb(245,72,74);*/background:#db483a; bottom: 1.25rem;right: 1.25rem;width: 3rem;height: 3rem;line-height: 3rem;text-align: center;border-radius: 50%;padding: 0.5rem;cursor: pointer;position: fixed;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
    #operationIcon span{display:block;width:3rem;height:3rem;text-align:center;}
    #operation>ul {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
    #operation>ul>li {position: absolute;top: 0;left: 0;height: 0em;width: 100%;line-height: 2em;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    #operation>ul>li span {font-size: .8rem;padding-right: 1em;color: #FFFFFF;line-height:0rem;}
    #operation>ul>li div {width: 2rem;height: 2rem;line-height: 2rem;font-size:1rem;text-align: center;border-radius: 50%;color: #FFFFFF;box-shadow: 0 0 1px 1px 0 0 1px 1px rgba(39, 39, 39, 0.38);float: right;font-size:1rem;}
        #operation > ul > li.list-li-0 {opacity: 1;-moz-transform: translateY(-200%); -ms-transform: translateY(-200%);-o-transform: translateY(-200%);-webkit-transform: translateY(-200%);transform: translateY(-200%);}
        #operation > ul > li.list-li-1 {opacity: 1;-moz-transform: translateY(-400%);-ms-transform: translateY(-400%);-o-transform: translateY(-400%);-webkit-transform: translateY(-400%);transform: translateY(-400%);}
        #operation > ul > li.list-li-2 {opacity: 1;-moz-transform: translateY(-600%);-ms-transform: translateY(-600%);-o-transform: translateY(-600%);-webkit-transform: translateY(-600%);transform: translateY(-600%);}
        #operation > ul > li.list-li-3 {opacity: 1;-moz-transform: translateY(-800%);-ms-transform: translateY(-800%); -o-transform: translateY(-800%);-webkit-transform: translateY(-800%);transform: translateY(-800%);}
        #operation > ul > li.list-li-4 {opacity: 1;-moz-transform: translateY(1000%);-ms-transform: translateY(-1000%);-o-transform: translateY(-1000%);-webkit-transform: translateY(-1000%);transform: translateY(-1000%);}

    #fixedModel.active{    z-index: 9999;position: fixed;height: 100%;width: 100%;top:0;left:0}  
    #fixedModel.active>.fixedCancel {position: absolute;top: 0;left: 0;width: 100%;height: 100%;visibility: visible;background-color: rgba(0,0,0,0.5);}
    #fixedModel.active #operation>ul>li{height:2em;}
    #fixedModel.active #operation>ul>li span{height:2em;line-height:2em;}
    /*操作主题：默认*/
    #fixedModel .theme-default {}
    #fixedModel .theme-default #operationIcon{background-image:url(../images/icons/plus32.png)!important;background-position:center!important;background-size:70%!important;background-repeat:no-repeat!important;width: 3rem;height: 3rem;line-height: 3rem;}
    #fixedModel.active .theme-default #operationIcon{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    #fixedModel .theme-default #operation {}
    #fixedModel .theme-default #operation > ul > li.list-li-0 div{background:#4cbdfe}
    #fixedModel .theme-default #operation > ul > li.list-li-1 div{background:#f7914f}
    #fixedModel .theme-default #operation > ul > li.list-li-2 div{background:#70ca90}
    #fixedModel .theme-default #operation > ul > li.list-li-3 div{background:#609cff}
    #fixedModel .theme-default #operation > ul > li.list-li-4 div{background:#66CCCC}
    #fixedModel .theme-default #operation > ul > li div:before {font-family: iconfont;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased;*margin-right: .3em;text-decoration: inherit;display: inline-block;speak: none;}
    #fixedModel .theme-default #operation > ul > li.list-li-0 div{background-image:url(../images/icons/plus32.png)!important;background-position:center!important;background-size:70%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-default #operation > ul > li.list-li-1 div:before{content: "\e610";}
    #fixedModel .theme-default #operation > ul > li.list-li-2 div:before{content: "\e61c";}
    #fixedModel .theme-default #operation > ul > li.list-li-3 div:before{content: "\e62b";}
    #fixedModel .theme-default #operation > ul > li.list-li-4 div:before{content: "\E620";}
    #fixedModel .contentMolde {z-index:8999; position: fixed;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition-delay: 0.2s;}

    /*操作主题：发红包*/
    #fixedModel .theme-luo-fahongbao{}
    #fixedModel .theme-luo-fahongbao #operationIcon{background-image:url(../images/theme/luo-fahongbao/h.png);background-position:center!important;background-size:95%!important;background-repeat:no-repeat!important;background-color:rgba(0,0,0,0)!important}
    #fixedModel.active .theme-luo-fahongbao #operationIcon{background-image:url(../images/theme/luo-fahongbao/h-1.png)}
    #fixedModel .theme-luo-fahongbao #operation {}
    /*#fixedModel .theme-fruits #operation > ul > li.list-li-0 div{background:#4cbdfe}
    #fixedModel .theme-fruits #operation > ul > li.list-li-1 div{background:#f7914f}
    #fixedModel .theme-fruits #operation > ul > li.list-li-2 div{background:#70ca90}
    #fixedModel .theme-fruits #operation > ul > li.list-li-3 div{background:#609cff}*/
    #fixedModel .theme-luo-fahongbao #operation > ul > li.list-li-0 div{background-image:url(../images/theme/luo-fahongbao/l-1.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-luo-fahongbao #operation > ul > li.list-li-1 div{background-image:url(../images/theme/luo-fahongbao/l-2.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-luo-fahongbao #operation > ul > li.list-li-2 div{background-image:url(../images/theme/luo-fahongbao/l-3.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-luo-fahongbao #operation > ul > li.list-li-3 div{background-image:url(../images/theme/luo-fahongbao/l-4.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-luo-fahongbao #operation > ul > li.list-li-4 div{background-image:url(../images/theme/luo-fahongbao/l-5.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}


    /*操作主题：功夫熊猫*/
    #fixedModel .theme-kungfu-panda{}
    #fixedModel .theme-kungfu-panda #operationIcon{background-image:url(../images/theme/kungfu-panda/h.png);background-position:center!important;background-size:95%!important;background-repeat:no-repeat!important;background-color:rgba(0,0,0,0)!important}
    #fixedModel.active .theme-kungfu-panda #operationIcon{background-image:url(../images/theme/kungfu-panda/h-1.png)}
    #fixedModel .theme-kungfu-panda #operation {}
    /*#fixedModel .theme-fruits #operation > ul > li.list-li-0 div{background:#4cbdfe}
    #fixedModel .theme-fruits #operation > ul > li.list-li-1 div{background:#f7914f}
    #fixedModel .theme-fruits #operation > ul > li.list-li-2 div{background:#70ca90}
    #fixedModel .theme-fruits #operation > ul > li.list-li-3 div{background:#609cff}*/
    #fixedModel .theme-kungfu-panda #operation > ul > li.list-li-0 div{background-image:url(../images/theme/kungfu-panda/p-1.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-kungfu-panda #operation > ul > li.list-li-1 div{background-image:url(../images/theme/kungfu-panda/p-2.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-kungfu-panda #operation > ul > li.list-li-2 div{background-image:url(../images/theme/kungfu-panda/p-3.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-kungfu-panda #operation > ul > li.list-li-3 div{background-image:url(../images/theme/kungfu-panda/p-4.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
    #fixedModel .theme-kungfu-panda #operation > ul > li.list-li-4 div{background-image:url(../images/theme/kungfu-panda/p-5.png)!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important}
