html,body{background: #f8f8f8;font-family: '微软雅黑','Microsoft Yahei','hiragino sans gb w3','Arial';color: #333;font-size: 14px;}
* {margin: 0;padding: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;outline: none;}
button,input,textarea{background: none;outline: none;border: 0;font-family: '微软雅黑','Microsoft Yahei','hiragino sans gb w3','Arial';font-size: 14px;}
a{color: #333;text-decoration: none;}
a:hover,a:visited{text-decoration: none;}
a:hover{color: #2196F3;}
ul,ul li{float: left;list-style: none;}
i,em{font-style: normal;}
img{outline: none;border: 0}
.ellipsis{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.wrap {width: 1100px;margin: 0 auto;}
.wrap:after,.clearfix:after{display: table;content: ' ';clear: both;}
.row{float: left;width: 100%;margin-bottom: 8px;}
.bgfff{background: #fff;}
.container{margin: 0 auto;}
.fl{float: left !important;}
.fr{float: right !important;}
.ft{ float:right; }
.header,.main,.footer{*display:inline-block;min-width: 1100px;}
.header{background: #fff;margin-bottom: 8px;}
.fixed-search{display: none;position: fixed;top: 0;left: 0;right: 0;height: 50px;background: #00c4ab;background: rgba(0,196,173,.9);z-index: 100;padding-top: 6px;}
.fixed-search .white-logo{float: left;width: 103px;height: 38px;background-image: url(../images/hdimg1.png);background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hdimg1.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hdimg1.png',sizingMethod='scale')";}
.footer{background: #222;padding: 20px 0 20px;margin-top: 10px;}
.header>.top{height: 36px;line-height: 36px;border-bottom: 1px solid #f6f6f6;}
.header .local>span{color: #FF5722;}
.header .t-right>li{position: relative;margin-left: 20px;}
.t-right>.sign>a{margin-right: 20px;}
.t-right>.sign>div{display: inline-block;position: relative;}
.sign>.login>.loginBox{display: none;position: absolute;left: -90px;top: 35px;width: 321px;background: #fff;border: 1px solid #eee;box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);z-index: 10;padding: 0 20px;}
.sign>.login:hover>.loginBox{display: block;}
.loginBox .lbp>a{color: #0e8ed8;padding: 10px 0;}
.loginBox>div{border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;padding: 15px 0 0;font-size: 0;text-align: center;}
.loginBox>div>a{width: 33.33%;font-size: 14px !important;}
.loginBox .icon{width: 56px;height: 56px;background-position-x: -94px;}
.icon-fb{background-position-y: 0;}
.icon-tc{background-position-y: -56px !important;}
.icon-msg{background-position-y: -112px !important;}
.header .t-right>li a,.header .t-right>li>span{display: inline-block;font-size: 12px;cursor: pointer;}
.icon{display: inline-block;vertical-align: middle;background: url(../images/icon.png);}
.icon-arr-down{width: 10px;height: 10px;background-position: -78px -168px;margin-left: 3px;}
.icon-gif{width: 12px;height: 18px;background: url(../images/call.gif);vertical-align: text-top;margin-right: 5px;}
.supersaver{display: inline-block;height: 22px;line-height: 22px;font-size: 13px;color: #222;padding: 0 8px;background: #fad87a;background-image: linear-gradient(-135deg, #ffe8a8 0%, #fad87a 100%);border-radius: 2px;margin-left: 5px;}
.unlogin>div{display: inline-block;margin-left: 20px;}
.gf-wechat{display: none;position: absolute;top: 35px;left: -40px;padding: 8px;text-align: center;background: #fff;border: 1px solid #eee;box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);z-index: 10;}
.gf-wechat>img{display: block;width: 126px;height: 126px;margin-bottom: 4px;}
.gf-wechat p{line-height: 16px;font-size: 12px;}
.gf-wechat p>a{color: #0e8ed8;margin-top: 4px;}
.t-right>.wap:hover .gf-wechat{display: block;}
.t-right>li:hover .icon-arr-down{transform: rotate(180deg);}
.siteBox{display: none;position: absolute;width: 1100px;top: 35px;right: 0;height: 311px;background: #fff;z-index: 10;border: 1px solid #eee;box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);padding: 30px;}
.t-right>li:hover>.siteBox{display: block;}
.siteBox>ul{width: 100%;height: 100%;}
.siteBox>ul>li{height: 100%;padding-left: 30px;border-left: 1px solid #ececec;}
.siteBox>ul>li:first-child{padding-left: 0;border-left: 0;}
.siteBox>ul>li.w502{width: 502px;}
.siteBox>ul>li.w176{width: 176px;}
.siteBox>ul>li.w128{width: 128px;}
.siteBox>ul>li.w102{width: 102px;}
.siteBox>ul>li.w102>div{margin-bottom: 20px;}
.siteBox .w502>ul{float: left;margin-right: 40px;}
.siteBox li p>a{font-size: 16px !important;color: #ff6c49;}
.siteBox li li{float: none;height: 26px;line-height: 26px;}
/*header*/
.header>.middle{padding: 21px 0 10px;}
.logo{float: left;width: 185px;height: 70px;margin-top: 4px;background-image: url(../images/titlelogo.png);background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.weixin28.com/pc/images/titlelogo.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.weixin28.com/images/titlelogo.png',sizingMethod='scale')";}
.searchBox{display: inline-block;width: 458px;margin-left: 140px;}
.searchBox .ipt{position: relative;border: 2px solid #03a9f4;height: 40px;line-height: 38px;padding-left: 36px;padding-right: 100px;margin-bottom: 5px;border-radius: 2px;}
.searchBox .ipt>input{width: 100%;height: 100%;}
.searchBox .ipt>button{position: absolute;right: 0;top: 0;bottom: 0;width: 100px;text-align: center;color: #fff;font-size: 18px;background: #03a9f4;}
.searchBox .s-d>a{display: inline-block;margin-left: 20px;font-size: 12px;color: #b5b5b5;}
.fixed-search .searchBox .ipt{height: 38px;line-height: 36px;background: #fff;border: 1px solid #fff;}
.searchBox1{display: inline-block;width: 458px;margin-left: 140px;margin-top: 10px;}
.searchBox1 .ipt{position: relative;border: 2px solid #03a9f4;height: 40px;line-height: 38px;padding-left: 36px;padding-right: 100px;margin-bottom: 5px;border-radius: 2px;}
.searchBox1 .ipt>input{width: 100%;height: 100%;}
.searchBox1 .ipt>button{position: absolute;right: 0;top: 0;bottom: 0;width: 100px;text-align: center;color: #fff;font-size: 18px;background: #03a9f4;}
.searchBox1 .s-d>a{display: inline-block;margin-left: 20px;font-size: 12px;color: #b5b5b5;}
.fixed-search .searchBox1 .ipt{height: 38px;line-height: 36px;background: #fff;border: 1px solid #fff;}
.icon-search{position: absolute;top: 9px;left: 6px;width: 22px;height: 22px;background-position: -50px -312px;}
.fixed-search .icon-search{top: 7px;}
.c_red{color: #f00 !important;}
.fbwxq{float: right;height: 40px;line-height: 40px;font-size: 16px;color: #fff !important;text-align: center;border-radius: 2px;}
.erweima-white{width: 16px;height: 16px;background-position: -50px -336px;margin: 0 8px 4px 0;}
.fixed-search .fbwxq{height: 38px;line-height: 38px;background: #fff;color: #00c4ab !important;}
.fixed-search .erweima-white{background-position-y: -352px;}
.header>.bottom{height: 40px;line-height: 40px;background: #3F51B5;}
.nav>li{position: relative;margin-left: 2px;}
.nav>li>a{display: block;width: 118px;text-align: center;font-size: 18px;color: #fff;}
.nav>li:hover>a,.nav>.cur>a{background: #ff5722;}
.sj-white{display: inline-block;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: #fff transparent transparent transparent;margin: 0 0 -4px 4px;}
.nav>li:hover .sj-white{transform: rotate(180deg);margin-bottom: 2px;}
.fuli .icon{display: block;width: 48px;height: 48px;margin: 0 auto;}
.icon-hongbao{background-position-y: 0;}
.icon-youhuiquan{background-position-y: -48px;}
.icon-xinpinshiyong{background-position-y: -96px;}
.icon-weixinzhushou{background-position-y: -144px;}
.icon-beijngsaiche{background-position-y: -192px;}
.icon-weishangzixun{background-position-y: -240px;}
.icon-weixinyingxiao{background-position-y: -288px;}
.icon-paihangbang{background-position-y: -336px;}
.nav>li>.sub-nav{display: none;position: absolute;left: 0;right: 0;top: 40px;background: #039BE5;padding: 8px 0;z-index: 10;}
.nav>li:hover>.sub-nav{display: block;}
.sub-nav>a{display: block;height: 38px;line-height: 38px;color: #fff;font-size: 16px;text-align: center;}
.sub-nav>a:hover{background: #ff5722;}
.footer p{font-size: 16px;color: #fff;}
.footer-nav>li{width: 150px;}
.footer-nav>li>p{margin-bottom: 15px;}
.footer .row{margin-bottom: 20px;}
.footer a{color: #a5a6a8;font-size: 14px;}
.footer a:hover{color: #fff;}
.footer .fr>.wechat-code{display: inline-block;margin-left: 86px;}
.footer .wechat-code>p{text-align: center;margin-bottom: 20px;}
.footer .wechat-code>img{width: 116px;height: 116px;padding: 4px;background-color: #fff;}
.coo-brand>li{margin: 30px 40px 20px 0;}
.coo-brand span{display: block;width: 94px;height: 28px;background: url(../images/icon.png);background-position-x: -522px;}
.coo-brand>li:hover span{background-position-x: -426px;}
.coo-brand .brand1{background-position-y: 0;}
.coo-brand .brand2{background-position-y: -30px;}
.coo-brand .brand3{background-position-y: -60px;}
.coo-brand .brand4{background-position-y: -90px;}
.coo-brand .brand5{background-position-y: -120px;}
.coo-brand .brand6{background-position-y: -150px;}
.coo-brand .brand7{background-position-y: -180px;}
.coo-brand .brand8{background-position-y: -210px;}
.footer .link{margin-top: 15px;font-size: 0;border-bottom: 1px solid #434343;padding-bottom: 30px;}
.footer .link>a{display: inline-block;font-size: 14px;margin: 0 10px 5px 0;}
.footer .footer-logo{float: left;width: 123px;height: 46px;background: url(../images/footer-logo.png);}
.footer .txt{display: inline-block;width: 620px;color: #bfbfbf;text-align: center;margin-left: 20px;}
.footer .txt>span{display: inline-block;margin-top: 10px;color: #757575;}
.footer .safe{float: right;font-size: 0;}
.footer .safe img{margin-left: 25px;}
.tags-tab{border-bottom: 1px solid #e0e0e0;}
.tags-tab ul>li{position: relative;height: 38px;line-height: 38px;margin-right: 30px;cursor: pointer;}
.tags-tab ul>li:hover,.tags-tab ul>.cur{color: #00c4ab;}
.tags-tab ul>li:hover:after,.tags-tab ul>.cur:after{position: absolute;content: '';left: 0;right: 0;bottom: -1px;height: 2px;background: #00c4ab;}
.tags-tab .mtags{display: inline-block;border: 1px solid #ff6f4d;color: #ff6c49;font-size: 12px;padding: 0 10px;height: 20px;line-height: 18px;margin-top: 9px;}
.tags-item,.side-a a>span,.fr-side .link-kefu{display: none;}
.tags-item>li{width: 33.33%;border-left: 1px solid #e0e0e0;padding-left: 20px;}
.tags-item>li:first-child{border-left: 0;padding-left: 0;}
.tags-item>li>span{float: left;width: 33.33%;padding-right: 10px;height: 30px;line-height: 30px;}
.fr-side{position: fixed;right: 0;width: 36px;top: 0;bottom: 0;background: #3d4645;background: rgba(42,51,50,.9);z-index: 101;padding-top: 15%;}
.side-a{float: left;width: 100%;}
.side-a>li{position: relative;width: 100%;font-size: 12px;padding: 10px 0;}
.side-a>.li2{padding: 10px;}
.side-a>.li2,.side-a>li:hover{background: #00c4ab;}
.side-a li>a{display: block;color: #fff;text-align: center;}
.side-a hr{float: left;width: 16px;height: 1px;border: none;border-top: 1px solid #6b6b6b;margin: 15px 10px;}
.side-a li:hover>a span{display: block;position: absolute;top: 16px;width: 85px;height: 30px;line-height: 30px;text-align: center;background: #484848;color: #fff;right: 43px;font-size: 14px;}
.side-a li:hover>a span:after{position: absolute;content: '';top: 9px;right: -10px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #484848;}
.fr-side .icon,.help-qq .icon{width: 26px;height: 26px;background-position-x: -50px;}
.side-qq{background-position-y: -128px;margin-left: -5px;}
.side-tousu{background-position: -248px -159px !important;}
.side-hezuo{background-position-y: -206px;}
.side-fabu{background-position-y: -232px;}
.side-fankui{background-position-y: -258px;}
.side-wechat{background-position-y: -154px;}
.side-tel{background-position-y: -180px;}
.backTop{position: absolute;left: 5px;bottom: 10px;background-position-y: -286px;}
.floor-box .backTop{position: inherit;}
.fr-side li:hover>.link-kefu{display: block;position: absolute;top: -135px;right: 36px;width: 326px;background: #fff;z-index: 10;padding: 0 20px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.18);border: 1px solid #eee;}
.fr-side .link-kefu>div{margin-bottom: 10px;}
.fr-side .lkp1{height: 45px;line-height: 45px;font-size: 18px;border-bottom: 1px solid #d8d8d8;margin-bottom: 10px;}
.fr-side .kf-code>span{display: inline-block;width: 136px;text-align: center;margin-top: 5px;}
.kf-code>span>img{width: 136px;height: 136px;border: 1px solid #dcdcdc;padding: 5px;}
.fr-side .link-qq{margin-top: 10px;font-size: 0;}
.fr-side .link-qq>a,.help-qq>a{display: inline-block;height: 32px;line-height: 32px;cursor: pointer;font-size: 14px;color: #fff;background: #04d6f6;background-image: linear-gradient(-180deg, #04d6f6 0%, #02ace9 100%);padding: 0 20px;border-radius: 4px;margin-left: 8px;}
.fr-side .link-qq>a:first-child,.help-qq>a:first-child{margin-left: 0;}
.fr-side .link-tel{font-size: 18px;}
.fr-side .link-tel>span{color: #1993da;}
.fr-side .worktime{height: 30px;line-height: 30px;background: #f6f6f6;color: #a3a3a3;margin: 0 -20px;padding: 0 20px;}
/*2019新增样式*/
.a_mu{border:1px solid #ffffff;border-width:0 1px 1px;background:#ffffff; border-top:0px;}
.yl5361_nav{height:70px;overflow:hidden;background:#FFF;padding:5px 0 0 0;}
.yl5361_nav div{float:left;width:270px;background:url(../images/yl5361_nav.png);background-repeat:no-repeat;background-position:left 5px;overflow:hidden;padding-left:66px;height:59px;}
.yl5361_nav .ico2{background-repeat:no-repeat;background-position:left -69px;}
.yl5361_nav .ico3{background-repeat:no-repeat;background-position:left -152px;}
.yl5361_nav .ico4{background-repeat:no-repeat;background-position:left -232px;}
.yl5361_nav li a{height:25px;width:68px;float:left;font-size:13px;text-align:center;line-height:25px;text-decoration:none;border-radius:30px;}
.yl5361_nav li{overflow:hidden;height:25px;line-height:25px;text-align:center;width:68px;float:left;font-size:13px;margin-top:5px;list-style:none;}
.yl5361_nav li a:hover{color:#ffffff;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2);background:#ff5722;}
.yl5361_nav li.subm{border-left:1px dashed #DDDDDD;border-right:1px dashed #DDDDDD;}
.qq_bind{margin-top:-3px;}#toptb .qq_bind{margin-top:2px;}
.banner { position: relative; clear: both; margin-top: 1px; width: 745px; margin: 0 auto; }
#img img { display: none; border: 0; }
#SwitchNav { position: absolute; top: 271px; right: 0px; }
    #SwitchNav div { float: right; margin-right: 0px; width: 200px; height: 256px; background-image: url(../images/adbg.jpg); background-repeat: no-repeat; }
    #SwitchNav ul { padding-top: 6px; }
    #SwitchNav .nocurrent { display: block; width: 14px; height: 14px; }
    #SwitchNav li { float: left; width: 14px; height: 14px; overflow: hidden; margin-left: 12px; _margin-left: 6px; margin-right: 14px; _margin-right: 20px; cursor: pointer; text-indent: 999px; list-style: none; }
    #SwitchNav .current { display: block; width: 14px; height: 14px; background-image: url(../images/adbg2.jpg); }

/*首页幻灯位置*/
.hdleft{width:800px;float:left;overflow:hidden;}
.hdright{width:384px;float:right;overflow:hidden;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:800px; height:300px; margin:0px auto; background:#333; position:relative; overflow:hidden; margin-top:1px;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:120px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:120px; right:10px; z-index:10;}
#playBox .smalltitle {width:800px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}
/*AD*/
.corner1{position: absolute;top: -15px;left: -15px;z-index: 1;background-image: url(../images/icon.png);background-position-y: -190px;}
.yanshen1{width: 26px;height: 42px;background-position-x: -152px;}
.ding1{width: 48px;height: 48px;background-position-x: -182px;}
/*index*/
.idx-section{float: left;width: 280px;height: 247px;padding: 0 20px 17px 20px;margin-right: 10px;background: #fff;}
.idx-section>.idx-block{float: left;width: 100%;padding-top: 12px;}
.idx-section>.idx-block a{font-size: 13px;color: #0e8ed8;line-height: 22px;}
.idx-section>.idx-block label>a{font-size: 14px;}
.idx-section>.idx-block:first-child{height: 41px;line-height: 40px;border-bottom: 1px solid #ededed;padding-top: 0;font-size: 18px;}
.idx-section>.idx-block:first-child>label>a{font-size: 18px;}
.idx-block>div{float: left;width: 150px;}
.idx-block>label{float: left;width: 90px;}
.idx-section>.idx-block:first-child a,.c_cs,.idx-section>.idx-block a:hover{color: #ff6c49 !important;}
.idx-block .split{font-size: 13px;color: #aeaeae;padding: 0 3px;}
.idx-hot{display: block;width: 100%;padding-top: 10px;border-top: 1px solid #ededed;}
.fr>.idx-section{width: 292px;margin-right: 0;}
.kjrk>a{float: left;width: 33.33%;text-align: center;font-size: 12px !important;}
.kjrk .icon{display: block;margin: 0 auto;width: 42px;height: 42px;background-position-x: -50px;}
.kjrk-weixinhongbao{background-position-y: 0;}
.kjrk-qipaidaili{background-position-y: -42px;}
.kjrk-chaojitaocan{background-position-y: -82px;}
.kjrk-xinyupingtai{background-position: -322px -170px !important;}
/*h-list*/
.h-list,.pf-index{width: 100%;background: #fff;}
.h-list>li,.pf-index>li{width: 14.28%;height: 210px;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;position: relative;}
.hover-border{position: relative;z-index: 1;padding: 15px 15px 10px;}
.h-list .img{display: inline-block;width: 100%;position: relative;height: 0;padding-bottom: 100%;}
.h-list .img>img{position: absolute;border-radius: 10px;}
.h-list .title{height: 25px;}
.h-list p>span,.info>p>span{display: inline-block;line-height: 20px;color: #757575;font-size: 12px;}
.icon-eye{width: 18px;height: 18px;background-position: -94px -170px;margin: 0 4px 2px 0;}
.h-list>li:nth-child(7n),.wx-qun>.h-list>li:last-child,.pf-index>li:nth-child(5n){border-right: 0;}
.h-list>li:hover:after,.pf-index>li:hover:after{position: absolute;content: '';top: 0;right: -1px;bottom: -1px;left: 0;border: 3px solid #03a9f4;}
.cut-line{height: 50px;line-height: 30px;text-align: center;position: relative;}
.cut-line:after{position: absolute;content: '';left: 0;right: 0;top: 17px;height: 1px;background: #a6a6a6;background: linear-gradient(to right, rgba(236,236,236,0), rgba(166,166,166,1), rgba(236,236,236,0));}
.cut-line>span{position: relative;z-index: 1;background: #f8f8f8;padding: 0 20px;font-size: 24px;}
.cut-line>span:after{position: absolute;content: '';top: 34px;left: 0;right: 0;margin: 0 auto;width: 0;height: 0;border-width: 8px;border-style: solid;border-color: #03a9f4 transparent transparent transparent;}
.title-line{height: 38px;line-height: 38px;border-bottom: 1px solid #e0e0e0;background: #fff;padding: 0 15px;}
.title-line>span{position: relative;font-size: 16px;}
.title-line>.bl{font-size: 17px;padding-left: 15px;}
.title-line>.bl:after{position: absolute;content: '';left: 0;width: 6px;background: #03a9f4;top: 3px;height: 18px;}
.title-line>.fr>a{display: inline-block;margin-left: 15px;}
.more{color: #0e8ed8;}
.list-box{float: left;width: 100%;background: #fff;}
.area-wechat{padding: 10px;}
.area-wechat>li{position: relative;width: 98px;height: 38px;line-height: 36px;text-align: center;border: 1px solid #d3d3d3;border-radius: 3px;margin: 5px;cursor: pointer;}
.area-wechat>li:hover{border-color: #03a9f4;}
.area-wechat>li>span{margin-left: 4px;font-size: 12px;color: #0e8ed8;}
.area-wechat>li .city{display: none;position: absolute;width: 326px;top: 35px;left: -1px;background: #fff;border: 1px solid #03a9f4;z-index: 2;padding: 10px 0;}
.area-wechat>li:hover:after{position: absolute;content: '';left: 0;bottom: -1px;width: 96px;height: 2px;background: #fff;z-index: 2;}
.area-wechat>li .city>a{float: left;margin-left: 15px;line-height: 24px;color: #0e8ed8;}
.area-wechat>li:hover .city{display: block;}
.area-wechat>li.left .city{right: -1px;left: inherit;}
.wx-qun{width: 542px;margin-bottom: 16px;}
.wx-qun>.h-list>li{width: 33.3333%;border-bottom: 0;}
.ball-pulse{color: #aaa;background: #EDF4F4;font-size: .3rem;margin-bottom: .2rem;width: 100%;text-align: center;float: left;margin-top:20px;}
.pf-index>li{width: 20%;height: 200px;padding: 17px;}
.pf-index>li>a{display: block;position: relative;z-index: 1;width: 100%;height: 90%;}
.pf-index img{width: 100%;height: 150px;}
/*微商资讯*/
.wszx{width: 346px; border:1px solid #e0e0e0;background-color:}
.wszx ul{width: 100%;padding: 5px 15px;}
.wszx ul>li{width: 100%;border-top: 1px dashed #e0e0e0;padding: 11px 0;}
.wszx ul>li:first-child{border-top: 0;}
.wszx ul>li>a,.coupon-list>li>a{display: flex;float: left;width: 100%;position: relative;}
.wszx .img{float: left;width: 68px;height: 68px;margin-right: 10px;}
.img>img{width: 100%;height: 100%;}
.wszx .title{height: 40px;overflow: hidden;}
.info{flex: 1;display: table\9;}
.info>.bottom{position: absolute;bottom: 0;width: 75%;}
.zxhd{width: 738px;}
.coupon-list{width: 100%;padding-bottom: 16px;}
.coupon-list>li{width: 345px;height: 140px;margin: 16px 0 0 16px;padding: 16px;border: 1px solid #eee\9;border-bottom: 5px solid #ffe4d1;box-shadow: 0 0 3px 0 rgba(0,50,0,.25);border-radius: 0 0 4px 4px;}
.coupon-list>li:hover{box-shadow: 0 0 12px 0 rgba(0,0,0,.3);}
.coupon-list .img{float: left;width: 108px;height: 108px;margin-right: 15px;}
.coupon-list .info>.bottom{width: 61%;}
.coupon-list .ljlq,.btn-orange{position: absolute;right: 0;bottom: 0;width: 94px;height: 32px;line-height: 32px;background: #F44336;border-radius: 2px;color: #fff !important;text-align: center;}
.ffq{text-align: center;}
.ffq em{color: #ff6f4d;font-size: 14px;}
.gzh>li{height: 230px;}
.gzh>li .img1{display: block;text-align: center;}
.gzh>li .img1>img{width: 100px;height: 100px;border-radius: 100%;}
.sub-title,.sub-title>a{height: 34px;overflow: hidden;font-size: 12px;color: #757575;}
.guanzhu{text-align: center;margin-top: 15px;}
.gzh-gz{display: inline-block;width: 96px;height: 30px;line-height: 28px;text-align: center;border: 1px solid #03a9f4;color: #03a9f4;border-radius: 100px;}
.gzh-gz:hover{background: #03a9f4;color: #fff;}
/*h-listad*/
.h-listad,.pf-index{width: 100%;background: #fff; border:1px solid #e0e0e0;background-color:}
.h-listad>li{width: 14.28%;height: 182px;border-right: 1px solid #e0e0e0;position: relative;}
.hover-border{position: relative;z-index: 1;padding: 14px 14px 10px;}
.h-listad .img{display: inline-block;width: 100%;position: relative;height: 0;padding-bottom: 100%;}
.h-listad .img>img{position: absolute;}
.h-listad .title{height: 25px;color: #eee;}
.h-listad p>span,.info>p>span{display: inline-block;line-height: 20px;color: #757575;font-size: 12px;}
.icon-eye{width: 18px;height: 18px;background-position: -94px -170px;margin: 0 4px 2px 0;}
.icon-re{width: 18px;height: 18px;background-position: -149px -154px;margin: 0 4px 2px 0;}
.icon-wen{width: 18px;height: 18px;background-position: -150px -169px;margin: 0 4px 2px 0;}
.icon-money{width: 18px;height: 18px;background-position: -166px -154px;margin: 0 4px 2px 0;}
.h-listad>li:nth-child(7n),.wx-qun>.h-list>li:last-child,.pf-index>li:nth-child(5n){border-right: 0;}
.h-listad>li:hover:after,.pf-index>li:hover:after{position: absolute;content: '';top: 0;right: -1px;bottom: -1px;left: 0;border: 1px solid #03a9f4;}
/*微信助手*/
.wxzs{width: 100%;padding-bottom: 16px;}
.wxzs>li{width: 255px;height: 102px;border: 1px solid #d3d3d3;border-radius: 4px;margin: 16px 0 0 16px;padding: 12px;}
.wxzs>li:hover{border-color: #03a9f4;}
.wxzs>li>a{display: flex;width: 100%;}
.wxzs .img{float: left;width: 78px;height: 78px;margin-right: 10px;}
.pingfen{line-height: 20px;margin: 8px 0;}
.pingfen>span{font-size: 14px !important;margin-left: 10px;}
.pingfen>i{display: inline-block;width: 14px;height: 14px;background-image: url(../images/icon.png);background-position: -78px -128px;}
/*登录、注册*/
.passTop{margin-bottom: 0;border-bottom: 1px solid #eee;}
.passTop .logo,.search-top .logo{width: 210px;height: 80px;}
.wjmm{display: inline-block;font-size: 26px;margin: 35px 0 0 30px;}
.passTop>.wrap{padding: 15px 0;}
.passBottom{background: url(../images/login-bg.png);}
.passBottom>.wrap{padding: 94px 50px 104px;}
.passport-box{float: right;width: 336px;height: 400px;background: #fff;position: relative;padding: 15px 32px;}
.passport-box .item{height: 40px;border: 1px solid #aeaeae;margin-top: 16px;}
.passport-box .item>.w168{float: left;width: 168px;}
.passport-box input{width: 100%;height: 38px;line-height: 18px;padding: 10px 16px;}
.getVerify{width: 99px;height: 32px;margin-top: 3px;background: #03a9f4;text-align: center;color: #fff;}
.getVerify[disabled]{background: #eee;color: #aeaeae;}
.passport-box .error{min-height: 32px;color: #f63b38;font-size: 12px;padding-top: 4px;}
.passport-box>p{text-align: center;color: #666;font-size: 12px;margin-top: 8px;}
.passport-box>p>a{font-size: 12px;}
.btn-default{display: inline-block;cursor:pointer;width: 100%;height: 40px;line-height: 38px;border: 1px solid rgba(0,0,0,.05);background: #03a9f4;border-radius: 2px;color: #fff !important;text-align: center;font-size: 16px;}
.passOther{position: absolute;left: 0;right: 0;bottom: 0;height: 48px;background: #f6f6f6;padding: 12px 0;text-align: center;}
.passOther>a{color: #03a9f4;font-size: 16px;}
.tab{border-bottom: 1px solid #eee;text-align: center;}
.tab>span{display: inline-block;width: 50%;font-size: 16px;height: 50px;line-height: 48px;position: relative;cursor: pointer;}
.tab>.cur{color: #03a9f4;}
.tab>.cur:after{position: absolute;content: '';left: 0;right: 0;bottom: -1px;height: 1px;background: #03a9f4;}
.other-login{float: left;width: 206px;border-right: 1px solid #ddd;padding-right: 18px;}
.other-login .icon{width: 24px;height: 24px;background-position-x: -94px;text-indent: -9999px;margin: 0 10px;}
.login-qq{background-position-y: -190px;}
.login-wechat{background-position-y: -214px;}
.login-weibo{background-position-y: -238px;}
.popLogin{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.44);z-index: 100;}
.popBox{position: absolute;width: 352px;height: 416px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: #000;filter: alpha(opacity=50);background: rgba(255,255,255,.43);}
.popBox>.passport-box{margin: 8px;border: 1px solid #aeaeae;}
.popBox .getVerify{width: 97px;}
.popBox>.close{position: absolute;right: 16px;top: 16px;width: 16px;height: 16px;background-position: -115px -171px;z-index: 1;}
/*滑块*/
#slider {position: relative;height: 40px;background-color: #eee;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none;margin-top: 16px;}
#slider_bg {position: absolute;left: 0;top: 0;height: 100%;background-color: #7AC23C;z-index: 1;}
#label {width: 40px;position: absolute;left: 0;top: 0;height: 40px;line-height: 38px;border: 1px solid #cfcfcf;z-index: 3;cursor: move;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;}
#labelTip {position: absolute;left: 0;width: 100%;height: 100%;font-size: 13px;color: #787878;line-height: 40px;z-index: 2;background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: slidetounlock 3s infinite;-webkit-text-size-adjust: none;}
#label.handler_ok_bg{background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;}
.unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
@keyframes slidetounlock{
    0%     {background-position:-200px 0;}
    100%   {background-position:200px 0;}
}
@-webkit-keyframes slidetounlock{
    0%     {background-position:-200px 0;}
    100%   {background-position:200px 0;}
}
/*msg-box*/
#mb_box{width: 100%; height: 100%; z-index: 99999; position: fixed; background-color: black; top: 0px; left: 0px; opacity: 0.6;}
#mb_con{z-index: 999999; width: 300px; position: fixed; background-color: white;}
#mb_ico{display: block; position: absolute; right: 10px; top: 10px; height: 18px; line-height: 16px; cursor: pointer; color: #a3a3a3;font-size: 12px;}
#mb_ico:hover{color: black;}
#mb_msg{padding: 30px 20px 20px; line-height: 20px; text-align: center;}
#mb_msg.mb_msg{text-align: left;padding-bottom: 10px;}
#mb_info{font-size: 16px; color: #434343;}
.mb_msg #mb_info{font-size: 14px;}
#mb_btnbox{margin: 10px 0 30px; text-align: center;}
#mb_btn_ok,#mb_btn_no,#mb_linked{display: inline-block;width: 120px; height: 40px;line-height: 38px; color: #fff; border: 1px solid #03a9f4; border-radius: 2px;}
#mb_btn_ok{background: #03a9f4;}
#mb_btn_no,#mb_linked{color: #03a9f4;margin-right: 30px;}
.mb_msg .c_666{margin-top: 6px;}
.mb_title{font-size: 16px;text-align: center;margin-bottom: 8px;font-weight: bold;}
/*search*/
.search-top{padding: 70px 0 50px;text-align: center;}
.search-top>.logo{float: none;display: inline-block;margin-bottom: 50px;}
.form-search{width: 748px;height: 56px;border: 1px solid #03a9f4;padding: 10px 45px 10px 25px;background: #f3fcfb;margin: 0 auto 10px;text-align: left;border-radius: 72px;position: relative;}
.form-search>input{width: 100%;height: 36px;line-height: 36px;font-size: 16px;}
.form-search>.btn-search{position: absolute;right: 25px;top: 19px;width: 18px;height: 18px;background-position: -94px -264px;cursor: pointer}
.search-top>.cjss>a{display: inline-block;color: #666;margin-left: 16px;}
.search-ret{height: 46px;border-bottom: 1px solid #ebebeb;line-height: 45px;padding: 0 16px;}
.search-ret>p{text-align: center;font-size: 20px;color: #00cbc0;}
.autoBox{display: none;position: absolute;left: 25px;right: 25px;top: 55px;border: 1px solid #00c6be;line-height: 30px;background: #fff;z-index: 10;padding: 10px 0;}
.autoBox>.ssjl{color: #666;cursor: pointer;padding: 0 10px;}
.autoBox>.ssjl:hover{background: #f3fcfb;}
.nolist{text-align: center;color: #888;}
/*修改手机号码*/
.steps{display: inline-block;width: 550px;background: url(../images/step1.png) no-repeat center top;padding-top: 50px;text-align: center;font-size: 0;margin: 60px 275px 0;}
.steps2{background-image: url(../images/step2.png);}
.steps3{background-image: url(../images/step3.png);}
.steps>span{display: inline-block;width: 33.33%;font-size: 16px;color: #aeaeae;}
.steps>.cur,.steps3>span{color: #03a9f4;}
.updateSuc{position: relative;width: 370px;left: -41px;margin-bottom: 30px;}
.updateSuc>p:first-child,.payBox .suc>p:first-child{color: #03a9f4;font-size: 18px;margin-bottom: 15px;}
.icon-face{width: 26px;height: 26px;margin-right: 10px;background-position: -152px 0;}
/*分页*/
.page{float: left;width: 100%;height:36px;text-align: center;margin: 10px 0;font-size: 0;}
.page>.page-num>a{display: inline-block;min-width: 60px;border:1px solid #cecece;line-height: 30px;text-align: center;color: #555;background: #fff;font-size: 14px;margin: 0 2px;}
.page .first,.page .prev,.page .next,.page .last{padding: 0 10px;}
.page>.page-num>.cur{background: #03a9f4;border-color: #03a9f4;color: #fff;}
.page>.page-num>.disabled{color: #999;}
.page a[href^="http"]:hover{border-color: #03a9f4;}
.f32{font-size: 32px !important;}
.f20{font-size: 20px !important;}
.c_666{color: #666;}
/*侧边楼层*/
.floor-box{display: none;width: 60px;height: 316px;position: fixed;right:50%;margin: auto 570px auto 0;top: 0;bottom: 0;z-index: 9999;}
.floor-box ul li{width: 60px;height: 28px;padding:6px 0;text-align: center;border-top: 1px solid #fff;background: #747a79;font-size: 12px;color: #fff;line-height: 14px;cursor: pointer;}
.floor-box ul li:first-child{border-top: 0;}
.floor-box ul li:hover,.floor-box ul .active{background: #00c4ab;}
.floor-box ul li>span{font-size: 12px;color: #fff;line-height: 14px;}
.star{position: relative;display: inline-block;width: 69px;background: url(../images/sprite.png) -121px -29px;height: 12px;overflow: hidden;margin-right: 10px;}
.star-in{position: absolute;left: 0;top: 0;background: url(../images/sprite.png) -121px -45px;height: 12px;}
.breadbar,.breadbar>a{font-size: 12px;color: #757575;}
.breadbar{margin-bottom: 8px;}
@media screen and (max-width: 1300px){
    .floor-box {
        left: 0;
    }
}
/*登录、注册推广*/
.swiper-login{display: inline-block;width: 544px;height: 400px;font-size: 0;margin-left: 30px;}
.swiper-login .swiper-pagination{bottom: 0;}
.swiper-login a{display: inline-block;padding: 5px;background: #fff;margin: 0 0 6px 6px;}
.swiper-h-list>a{width: 130px;height: 160px;}
.swiper-h-list>a>img{width: 120px;height: 120px;margin-bottom: 5px;}
.swiper-v-list>a{width: 266px;height: 106px;}
.swiper-v-list>a>img{float: left;width: 96px;height: 96px;margin-right: 8px;}
.swiper-v-list>a>div{display: inline-block;width: 150px;}
.swiper-login .title{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.swiper-login .ellipsis{font-size: 12px;color: #666;}
.swiper-login .swiper-pagination-switch{width: 16px;height: 5px;background: #aeaeae;border: 0;}
.swiper-login .swiper-active-switch{width: 32px;background: #eee;}
/*首页底部广告*/
.ad99{position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;}
.ad99 .wrap{position: relative;top: 65px;height: 80px;}
.ad99 .ad-zk>a{position: absolute;left: 0;right: 0;bottom: 0;height: 80px;text-indent: -9999px;z-index: 1;}
.ad99 .wrap>.close-ad{position: absolute;right: 0;top: -82px;width: 36px;height: 36px;background: url(../images/x02.png);z-index: 10;}
.ad99 .ad-sq{display: none;position: absolute;left: 0;bottom: 0;width: 120px;height: 120px;}
/*投诉*/
.complaint-top{height: 120px;background: url(../images/complaint.png) center center / cover;}
.complaint-top .wrap{font-size: 36px;color: #fff;font-weight: bold;padding: 45px 0 0 350px;}
.complaint-box{padding: 30px 150px;}
.complaint-box textarea{width: 100%;height: 153px;border: 1px solid #aeaeae;border-radius: 2px;resize: none;margin: 8px 0 15px;padding: 13px 15px;}
.complaint-box .txt{width: 272px;height: 32px;border: 1px solid #aeaeae;border-radius: 2px;line-height: 30px;padding: 0 8px;}
.complaint-box .others{margin-top: 60px;text-align: center;}
.complaint-box .others>.btn-default{width: 272px;margin-bottom: 20px;}
.complaint-box .others>p{font-size: 12px;color: #666;line-height: 20px;}

.notice{display: block;margin-left: 50px;line-height: 36px;color: #f00;}
.notice:hover{text-decoration: underline;}
.icon-flag{width: 24px;height: 28px;background-image: url(../images/icon-flag.png);vertical-align: middle;background-size: 100%;}


#drag{
    position: relative;
    background-color: #e8e8e8;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 16px;
}
#drag .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    cursor: move;
}
.handler_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
#drag .drag_bg{
    background-color: #7ac23c;
    height: 40px;
    width: 0;
}
#drag .drag_text{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: slidetounlock 3s infinite;
    -webkit-text-size-adjust: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none;
}