@CHARSET "UTF-8";
/* reset
========================================== */
html{/*max-width: 1920px; min-width: 1200px; */margin: 0 auto;}
body{font-family:"Microsoft YaHei", Verdana, Arial !important; font-size:14px; color:#8f6a3e; 
/* overflow-x: hidden;  */
background-color: #fff; /*max-width: 1920px; min-width: 1200px;*/ margin: 0 auto; }
a{color:#00b8ff; text-decoration:none; display:inline-block; text-align:center;}
input{border:1px solid; margin:0; padding:0;}
.clickable{margin-top: 10px; cursor:pointer;}
.p12{padding:12px;}
.ft10{font-size:10px;}
.mt13{margin-top: 13px !important;}
.mt17{margin-top: 17px !important;}
.mt160{margin-top: 160px !important;}
.mb8{margin-bottom:8px !important;}
.w70{width: 70px !important;}
.w75{width: 75px !important;}
.w95{width: 95px !important;}
.w180{width: 180px;}
.w200{width: 200px;}
.w250{width: 250px;}
.corange{color:#ff8500;}
.cbrown{color:#8f6a3e;}
.bg-orange{background:#ff8500; border:none!important;}
.text-over{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.clear{zoom:1;}
.clear:after{content:""; display:block; clear:both;}
body.modal-open{overflow: hidden;}
body.modal-open .modal{overflow: auto;}
/* header ??????
========================================== */
#header{width: 100%; margin: 0 auto; background: #fff;}
#header .top_bg{background:rgb(62,124,143,1); border-bottom: 2px solid rgb(255,195,0);}
#header .top{width:1200px; height:42px; margin:0 auto; position:relative;}
#header .wp .set, #header .top .set, #header .top .set2, #header .top .set3{float:right;}
#header .wp .set{color:#8f6a3e; font-weight:bold; position: relative; margin-bottom:10px;}
#header .wp .set div{float: left; position: relative; text-align:left;margin-top: 10px;}
#header .wp .set div div{color: #8f6a3e; font-size: 15px; margin-top:8px;}
#header .wp .set img{
	width: 100%;
}
#header .top .login{max-width:738px; height:32px; float:right; padding:6px 0 0 0;}
#header .top .set3{position: relative; margin-right: 8px;}
#header .top .set3 a{color:white;}
#header .top .set3 a:hover{color:rgb(255,195,0);}
#header .top .set2{background: rgb(53,110,144,1); width:200px; height: 42px; overflow: hidden; transform: skew(-20deg); line-height: 42px; color: #fff; text-align: center; z-index: 99; position: relative;}
#header .top .set2 div{transform: skew(20deg);}
#header .top .set2 img{transform: skew(0deg);}
#header .top .set{max-width: 520px; height:42px; overflow:hidden; transform: skew(-20deg); background: rgb(255,195,0);position: relative;}
#header .top .set a{font-size: 15px;}
#header .top .set ul li{transform: skew(20deg); display: block; height: 45px; float: left; text-align: center; line-height: 45px; font-size: 16px; margin: 0px 5px;}
#header .top .set a{color:#8f6a3e;}
#header .top .set a:hover{color:#fff;}
#header .top .set .down-li a{max-width: 120px; height: 30px; margin-top: 10px; line-height: 30px; color:#8f6a3e}
#header .top .set .down-li a:hover{color:#fff;}
#header .top .set .down-li #ptclient{background-color: #ffb567;}
#header .top .set .down-li #ptvpn{background-color:#d0d0d0;}
#header .top .set8{ display:none;}
#header .top .logonum02{ display:none;}

#header .top .login div{position:relative; width:155px; height:32px; float:left; margin-right:11px;}
#header .top .login input{width:155px; height:24px; line-height:24px; padding:0 0 0 5px; color:#8f6a3e; font-size:12px; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px;}
/* ?????????????????? ??????????????? */
#header .top .login .forsub{max-width:240px; margin-right:0px;}
#header .top .login .codeimg img{position:absolute; top:2px; right:2px;}
#header .top .login .forsub input{max-width: 100px; height: 28px; line-height: 28px; background:url(../images/loginanbg.gif); float:left; padding:0; color:#fff; cursor:pointer;}
#header .top .login .forsub input:hover{background:#ffea00; color:#eb340a;}
#header .top .login .forsub a{display: inline-block; margin-left: 6px; width:60px; height:24px; line-height:24px; background:#bba15b; float:left; font-size:12px; color:#fff; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px;}
#header .top .login .forsub a:hover{background:#e16d00;}
#header .top .login .password a{height:20px; padding: 0 4px; line-height: 20px; position:absolute; background:#d4b278; top:2px; right:0; color:#fff; border-radius: 2px;}
#header .top .help ul li{display:block; height:38px; float:left; text-align:center; line-height:38px; font-size:12px;}
#header .top .help a{display:block; height:38px; text-align:left; line-height:38px; color:#8f6a3e; font-weight:700; font-size:16px}
#header .top .ptvpndownload a{width:100px; display: inline-block; width: 60px; background: #bba15b; font-size: 12px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 6px 12px;}
#header .top .ptvpndownload a:hover{background:#e16d00;}
#header .set.login_bg{background: rgb(239,239,239); border-radius: 12px; border: 1px solid #dfdfdf; margin-top:9px;}
#header .finger{top: 13px; width: 60px; text-align: center !important;}
#header .login-before{width:65%; background: #fff; border-radius: 5px;}
.w89{width: 89%;}
.w11{width: 11%;}
/*.w20 >img{width: 100px;}*/
#header .login-before input[type="text"],
#header .login-before input[type="password"]{width:155px; height:24px; line-height:24px; padding:0 0 0 5px; color:#8f6a3e; font-size:16px; border: 2px inset; border-radius: 2px;}
#header input[type="button"]{height: 56px; width: 90px; font-size: 20px;}
#header .login-before #loginBtn{background: rgb(255,195,0); color:#000;}
#header .login-before #registerBtn{background: #000; color:#fff;}
#header #logoutBtn{background: rgb(255,126,0); color:#fff;}
#header .login-before .codeimg img{position:absolute; top:2px; right:2px; cursor:pointer;}
#header .login-before .password a{height:20px; padding: 0 4px; line-height: 20px; position:absolute; background:#d4b278; top:3px; right:3px; color:#fff; border-radius: 2px;}
#header .login-before .username, #header .login-before .password, #header .login-before .codeimg{margin: 15px 6px;}
/* other
========================================== */
i.HOT, img.HOT{float: right; position: absolute; top: -20px; left: 92px;}
.ques{background:url(../images/question.png) no-repeat; width:99px; height:39px; position: absolute !important;top: -35px;left: 5px;}
.ques a{font-size: 12px; color: #fff; position: relative; left: 15px; top: 5px;}
.ques .close{width: 20px; height: 20px; float: right !important; cursor: pointer;}
.btn-yellow, .btn-brown{padding:3px; color: #8f6a3e;}
.btn-gray{background-color: #aaa8a5 !important;}
.btn-orange{background-color: #ff8d2e !important;}
.btn-brown{background-color: #e0d1c0 !important;}
.btn-yellow{background-color: #ffcc12 !important;}
.btn-pink{background-color: #ff5959; padding: 25px 45px; color: #fff;}
.hearder-sprite{background-image: url(../images/header_spritesheet.png); background-repeat: no-repeat; display: inline-block;}
.sprite-HOT{width: 28px; height: 15px; background-position: -5px -5px;}
.sprite-arrow{width: 18px; height: 18px; background-position: -43px -5px; position:relative; top:4px;}
.sprite-account-btn{width: 57px; height: 44px; background-position: -71px -5px;}
.sprite-account-btn:hover{width: 57px; height: 44px; background-position: -5px -59px;}
.sprite-sitemail-btn{width: 43px; height: 38px; background-position: -72px -59px;}
.sprite-sitemail-btn:hover{width: 43px; height: 38px; background-position: -138px -5px;}
.sprite-finger{width: 32px; height: 30px; background-position: -138px -53px;}
.sprite-question{width: 99px; height: 39px; background-position: -72px -107px;}
/* ??????
========================================== */
.nav_wp{height:100%;position: relative;}
.nav_wp_new{height:36px;background:#f6eee6;z-index: 12; position: relative;}
.nav:before, .nav:after, .dropdown:before, .dropdown:after{content: ''; display: table;}
.nav:after, .dropdown:after{clear: both;}
.wp{width:1200px;margin: 0 auto;position: relative; }
.nav-list .nav-item{float: left; width: 10%; height: 34px;font-weight: bold;}
.nav-list .nav-item.hover:hover{background:#fff;}
.nav-list .nav-item>a{width: 120px; height: 23px; line-height: 18px; text-align: center; margin-top: 10px; font-size: 17px; letter-spacing: 3px; font-style: normal; position:relative;}
.nav-list .nav-item.hover > a{border-left: 1px solid #fff; border-right: 1px solid #fff;}
.nav-list .nav-item.hover:hover > .dropdown_wp{display:block; height:203px;}
.nav-list .nav-item.hover:hover > .dropdown_wp .dropdown{display: block;}
.nav-list .nav-item .text-tip{position:absolute; right:30px; bottom:55px; color:#ff0302; font-size:12px; font-weight:normal;}
.nav-list .bg_red{background:#ff5454;}
.nav-list .bg_red a, .nav-list .bg-orange a{color:#fff;}
/* ????????????
========================================== */
.dropdown_wp:hover, .dropdown:hover{display: block;}
.dropdown_wp{background: rgba(255,255,255,.95); box-shadow: 1px 3px 6px rgba(0,0,0,.3); z-index: 99; position: absolute; display:none; left: 0;margin-top: 1px; width:100%;}
.dropdown{display: none;}
.dropdown [class*="col-"]{float: left;}
.dropdown .col-3 .dow1{width: 90px; height: 33px; line-height: 33px; text-align: center; display: inline-block; background: rgb(255,84,84); border: 1px solid #fff; color: #fff; transition: all 0.3s linear;}
.dropdown .col-4{width: 33.33333333%;}
.dropdown .col-3{width: 25%;}
.dropdown .col-33{width:15%;}
.dropdown-box{position:relative; transition: background .5s; float:left;}
.dropdown-box:hover{background: rgba(246,238,230,.95);}
.dropdown-box>a{display: block;}
.dropdown-box .pic-wp{display: flex; height: 157px;}
.dropdown-box .pic-wp img{width:100%;}
.dropdown-box .pic-wp .icon, .dropdown-box .pic-wp{transition: transform .2s ease-in-out;}
.dropdown-box:hover .icon, .dropdown-box:hover{transform: translateY(5px);}
.dropdown-box .tit, .dropdown-box .link{color: #fff; font-weight:normal;}
.dropdown-box .tit{background: #e89b24; height: 46px; line-height: 46px; font-size: 16px; font-weight: normal; text-align: center; border-right: 1px solid #fff;}
.dropdown-box .tit:hover{background: #ffc300;}
.dropdown-box.down .tit{background: rgb(255,84,84);}
.dropdown-box .qrcode{width:95px;height:95px; margin-top: 10px; margin-left: 5px;}
.dropdown-box .ptqrcode{display: inline-block; margin: 20px; margin-left: 70px; padding: 4px; height: 73px; background:rgb(255,156,0);}
.dropdown-box .ptdownloadtxt{position: absolute; top: 117px; left: 54px; line-height: 18px; color: #d12121; font-weight: normal;}
.dropdown-box .ptdownloadtxt span{background:#fff;}
.dropdown-box h1, .dropdown-box h3{text-align:left; margin-left: 20px;}
.dropdown-box h1{color:#634931; font-size:24px; margin-top: 20px;}
.dropdown-box h3{color:#a06f35; font-size:14px; margin-top: 5px;}
.dropdown-box .link:hover{color:red;}
.dropdown-box .slot-sprites{width: 100%; height: 100%; display:inline-block; text-align: center;}
.dropdown-box .icon-PT{background: url(../images/t1.png) center no-repeat;}
.dropdown-box .icon-TTG{background: url(../images/t2.png) center no-repeat;}
.dropdown-box .icon-NT{background: url(../images/t3.png) center no-repeat;}
.dropdown-box .icon-QT{background: url(../images/t4.png) center no-repeat;}
.dropdown-box .icon-AG{background: url(../images/t5.png) center no-repeat;}
.dropdown-box .icon-PT:hover{background: url(../images/s1h.png) center no-repeat;}
.dropdown-box .icon-TTG:hover{background: url(../images/s2h.png) center no-repeat;}
.dropdown-box .icon-NT:hover{background: url(../images/s3h.png) center no-repeat;}
.dropdown-box .icon-QT:hover{background: url(../images/s4h.png) center no-repeat;}
.dropdown-box .icon-AG:hover{background: url(../images/s5h.png) center no-repeat;}
/*.dropdown-box .live-sprites{background: url('../images/live-sprites.png') no-repeat top left; display:inline-block;}*/
/*.dropdown-box .icon-188bet{background-position: 0 0; width: 165px; height: 106px;}*/
/*.dropdown-box .icon-agin{background-position: 0 -116px; width: 94px; height: 53px;}*/
/*.dropdown-box .icon-ea{background-position: 0 -179px; width: 79px; height: 65px;}*/
/*.dropdown-box .icon-ebet{background-position: 0px -241px; width: 120px; height: 43px;}*/
/*.dropdown-box .icon-bbin{background-position: 0 -299px; width: 100px; height: 32px;}*/
/*.dropdown-box .icon-ptclient{background-position: 0 -412px; width: 233px; height: 105px; position: relative; top: 10px; left: 35px;}*/
/*.dropdown-box .icon-ea{margin-top:7px;}*/
/*.dropdown-box .icon-ebet{margin-top:10px;}*/
/*.dropdown-box .icon-agin, .dropdown-box .icon-bbin, .dropdown-box .icon-ea{position:relative; top:40px; left:5px;}*/
/*.dropdown-box .icon-ebet{position:relative; top:35px; left:5px;}*/
/*.dropdown-box .icon-188bet{position: relative; top: 25px; margin-left: 20px;}*/
/*.dropdown-box .icon-keno{position:relative; top: 47px; left: 10px;}*/
/*.dropdown-box .ebetqrcode{display: inline-block; margin-top:5px;}*/
/*#down-sports .dropdown-box:nth-child(1) h1{margin-left: 49px; margin-top: 56px;}*/
/*#down-sports .dropdown-box:nth-child(1) h3{margin-left: 32px;}*/
/*#down-sports .dropdown-box:nth-child(2) h1{margin-left: 49px; margin-top: 56px;}*/
/*#down-sports .dropdown-box:nth-child(2) h3{margin-left: 32px;}*/
/* footer
========================================== */
.footer-nav{/*max-width: 1920px; min-width: 1200px;*/ margin:0 auto;border-top:1px solid #8f6a3e; padding:15px 0; overflow:hidden; text-align: center;}
.footer-nav a{width:125px; height:30px; border-left:1px solid #7d6549; display:inline-block; font:400 18px/34px "Microsoft Yahei"}
.footer-nav a:hover{color:#f60;}
.footer-nav a.first{border-left:none;}
#footer-bg{ overflow:hidden; min-height:208px; background:#46668652; font-size:13px; margin:0 auto;}
.footer{width:1200px; overflow:hidden; margin:15px auto;}
 .footer > div{float:left; overflow:hidden;}
 .footer h2{display:block; width:100%; height:54px; line-height:54px; font-size:16px; text-align:left; text-indent:5px;color: #fff;}
 .footer ul li{display:inline-block;}
 .footer .left{width: 30%;}
 .footer .left dl{text-align: center;}
 .footer .left img{width: 100%;}
.footer .left dd{color: #000000;font-size: 22px;}
.footer .right{width: 70%;}
.footer .right .fl:nth-child(1){width:20%;}
.footer .right .fl:nth-child(2){width:75%;}
.ptpagcor{background: #466b7e; color: #c7af98; margin: 8px 0 8px 0; padding: 3px 0 3px 0; vertical-align: middle; text-align: center; border-radius: 30px;}
.ptpagcor i{display: inline-block; background: url(../images/pagcor-long2.jpg) no-repeat center top; width: 125px; height: 16px; position: relative; top: -1px;}
.copyright{color: #040404; text-align: center; line-height: 1.7; font-size: 16px; border-top:1px solid #785a3e;}
.copyright p{margin:10px 0;}
i{display:block;}
.footer .right li{width:130px;height: 39px;background: #46697e; border: 1px solid #775a3f; margin: 2px;}
 .footer .right li i{margin:0 auto;}
 .footer .browser{margin: 10px 0px 25px;}
 .footer .browser li{margin-right:10px;}
 .footer li a{display:block;}
.browser-sprite{background: url('../images/foot-browser-sprite.png') no-repeat top left; width: 70px; height: 65px;}
.browser-sprite.chrome{background-position: 0 0;}
.browser-sprite.firefox{background-position: 0 -75px;}
.browser-sprite.ie9{background-position: 0 -150px; width: 88px;}
.license-sprite{background: url('../images/foot-ceza-sprite.png') no-repeat top left; height: 27px; position: relative;top:5px;}
.license-sprite.pagcor{background:url("../images/platform-pagcor.png") no-repeat top left; background-size: 120px 30px; width: 120px;}
.license-sprite.adult{background-position: 0 -37px; width: 27px;}
.license-sprite.cag{background-position: 0 -74px; width: 101px; height: 24px;}
.license-sprite.tsf{background-position: 0 -108px; width: 70px; height: 30px;}
.platform-sprite{background: url('../images/foot-platform-sprite.png') no-repeat top left; height: 26px; position: relative;}
.platform-sprite.ag{background-position: 0 0; width: 92px; height: 31px; top:5px;}
.platform-sprite.bbin{background-position: 0 -41px; width: 94px; height: 33px;}
.platform-sprite.bet{background-position: 0 -84px; width: 58px; height: 38px;}
.platform-sprite.dt{background:url("../images/platform-dt3.png") no-repeat; width: 120px; height: 42px;}
.platform-sprite.ea{background-position: 0 -179px; width: 49px; height: 38px;}
.platform-sprite.mg{background-position: 0 -227px; width: 124px; height: 32px; top:5px;}
.platform-sprite.nt{background-position: 0 -269px; width: 119px; top:5px;}
.platform-sprite.pt{background-position: 0 -305px; width: 122px; top:5px;}
.platform-sprite.qt{background-position: 0 -341px; width: 126px; height: 25px; top:5px;}
.platform-sprite.ttg{background-position: 0 -376px; width: 120px; height: 31px; top:5px;}
.platform-sprite.png{background:url("../images/platform-png.png") no-repeat; width: 120px; height: 42px;}

/* Other
========================================== */
.input{font-size: 14px; text-decoration: none; border: 1px solid rgb(255, 102, 0); line-height: 22px; height: 22px; /*float: left;*/ text-decoration: none; padding-right: 1px; padding-left: 5px; background:#e0dbd5; color:#000;}
#screen{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:9998; filter:alpha(opacity=80); opacity:0.8; display:none;}
.top-ban{width:100%; height:145px; background:url('../images/20160519.jpg') no-repeat 0 0;}
.top-ban .top-close{position: relative; top: 10px; left: 5px; font-size: 60px; z-index: 999; cursor:pointer; color:white; width: 40px; height: 40px;}
.top-ban .w940{width:1000px; height: 145px; margin:0 auto; position:relative;}
body.phone .leftbox{display:none;}
#bookCount{color: #ff8500; position: absolute; top: -15px; left: 26px;}
/*#sponsor{position: relative;cursor: pointer; max-width: 1920px; min-width: 1200px; margin: 0 auto;}*/
/*#sponsor-banner{background:url('../images/star.jpg') no-repeat center top; width:100%; height:100px;}*/
/*#sponsor-close{width: 30px; height: 30px; position: absolute; top: 8px; right: 0px; float:right; z-index: 999; cursor: pointer; background:url('../images/banner-close.png') no-repeat}*/
/* suspend ????????????, suspend2 ????????????
========================================== */
.suspend{width:63px; position:fixed; top:120px; right:0; overflow:hidden; z-index:8000; _position: absolute;}
.suspend dl dt{width:63px; height:196px; position:absolute; top:0; left:0; cursor:pointer; background: url('../images/online.png') no-repeat 0 0;}
.suspend2{width:63px; position:fixed; top:318px; right:0; overflow:hidden; z-index:9000; _position: absolute;}
.suspend2 dl dt{width:63px; height:227px; position:absolute; top:0; left:0; cursor:pointer; background: url('../images/online2.png') no-repeat 0 0;}
.suspend dl, .suspend2 dl{padding-left:63px;}
#livebox, #phone-box, #subscribe{position: absolute; top: 0; left: 0; z-index: 9999; width: 690px; height: 400px; display: none; background-color: #fff; border: none;}
#phone-box{width: 540px; height: 250px;}
#subscribe{width:790px; height:540px;}
#livebox h2{display:block; width:490px; height:75px; position:absolute; top:0; left:0;}
#livebox .closebg, #phone-box .closebg, #subscribe .closebg{display:block; width:55px; height:55px; line-height:55px; text-align:center; font-family:Arial; font-size:30px; color:#fff; position:absolute; top:0px; right:0px; background:#666; cursor:pointer;}
#livebox .closebg .closed, #phone-box .closebg .closed, #subscribe .closebg .closed{display:block; width:55px; height:55px; line-height:55px; text-indent:-9999px; font-family:Arial; font-size:30px; color:#fff; background:url(../images/close.png) no-repeat center center; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#livebox .closed:hover, #phone-box .closed:hover, #subscribe .closed:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.subscribe-box{width:677px; height:350px; border:1px solid #bababa; margin:55px auto 0; overflow:hidden;}
.subscribe-box .subscribe-head{height:52px; line-height:52px; color:#fff; background-color:#ff7c00;}
.subscribe-box .subscribe-head span{padding-left:70px; background:url('../images/letter.jpg') no-repeat 30px center;}
.subscribe-box .light{border:none;}
.subscribe-box .light .info{color:#a46f3b; text-align:center; font-size:14px;}
.subscribe-box input.rsstxt{height:50px; line-height:50px; padding:0 5px; background-color:#f6f4f5; border: 1px solid #bababa;}
.subscribe-box .rssbook{margin:70px auto 0;}
.subscribe-box .rssbutton{margin-top:30px; text-align:center; border:none; float:none;}
.subscribe-box .rssbutton input{width:143px; height:42px; display:inline-block; border:none; background-color:#ff7c00; font:400 20px/42px "Microsoft Yahei"; text-align:center; color:#fff;}
.subscribe-box .rssbutton input:hover{background: #ce6807;}
.qy-service{position: fixed; top: 260px; z-index: 9000; /*overflow: hidden;*/ right:0;}
.qy-service li{position: relative; padding-top: 1px;position: relative;width: 55px; height: 55px;}
.qy-service li p{width: 47px; height: 55px; background-color: #b5a16b; text-align: left; color:#634931; font-size: 12px; cursor: pointer; line-height: 55px;position: absolute;right:0px;top:0;padding-left: 8px;}
.qy-service li p a{color:#634931;}
.qy-service li:hover p{background-color: #e3ce95;}
.qy-service li.more{height: 22px; line-height: 22px; background-color: #644e39; color:#fff; text-align: center;}
.qy-service li i{display: inline-block; width: 40px; height: 40px; background: url("../images/t-online-icons.png") no-repeat; vertical-align: middle; margin: 0 auto;}
.qy-service li.cs-live i{background-position: 5px 2px;}
.qy-service li.cs-mail i{background-position: 6px -58px;}
.qy-service li.cs-qq i{background-position: 3px -110px;}
.qy-service li.cs-phone i{background-position: 4px -175px}
.qy-service li.experience-gold i{background-position: 2px -236px;}
.qy-service li.cs-wechat i{background-position: 0 -288px;}
.qy-service li.cs-code i{background-position: 2px -343px}
.qy-service li.cs-wechat:hover .wechat-show{left: -178px; opacity: 1; transition: .5s;}
.qy-service li.cs-code:hover .code-show,
.qy-service li.cs-wechat:hover .wechat-show,
.qy-service li.cs-mail:hover .mail-show{left: -178px; opacity: 1; transition: .5s;}
.qy-service li span{display: block;}
.qy-service li.cs-vip i{background: url(../images/icon-vip.png) no-repeat top left -3px; width: 45px; height: 45px; background-size: 100% 95%;}
.qy-service li.cs-vip:hover i{background: url(../images/icon-vip-hover.png) no-repeat top left -3px; width: 45px; height: 45px; background-size: 100% 95%;}
.qy-service .wechat-show,.qy-service .code-show ,.qy-service .mail-show{position: absolute; width: 160px; height: auto; left: 0; opacity: 0; top:-44px; z-index: -1; transition: .5s;}
.qy-service .t_show span{padding:7px; position: relative;}
.qy-service .t_show span em{position: absolute; width: 0; height: 0; border-style: solid; border-width: 8.5px 0 8.5px 17px; top:50%; margin-top: -30px; right:-17px;}
.qy-service .cs-wechat span em{border-color: transparent transparent transparent #8fc622;}
.qy-service .code-show span em,.qy-service .mail-show span em{border-color: transparent transparent transparent #c8b37c;}
.qy-service .t_show span strong{font-size: 22px; color:#fff; display: block; text-align: center; line-height: 28px; font-weight: bold;}
.qy-service li>div i{width: 26px; height: 30px; display: inline-block; vertical-align: text-bottom;}
.qy-service li i.app-ios{background-position: -7px -402px;}
.qy-service li i.app-a{background-position: -5px -444px;}
.qy-service .cs-wechat span:nth-child(1) strong{text-shadow: -2px -1px 2px #629200;}
.qy-service .cs-wechat span:nth-child(2) strong{text-shadow: -2px -1px 2px #98770d;}
.qy-service .wechat-show span:nth-child(1){background-color: #91c822;}
.qy-service .wechat-show span:nth-child(2){background-color: #ffc300;}
.qy-service .code-show span:nth-child(1){background-color: #c8b37c;}
.qy-service .code-show span:nth-child(2){background-color: #91c822;}
.qy-service .mail-show{top:0; height: 55px; text-align: center; background-color: #c8b37c; line-height: 44px;}
.qy-service .mail-show span em{margin-top: -10px;}
.qy-service .code-show span strong{font-size: 18px;}
.qy-service li .shrink{width: 150px; right:-103px}
.qy-service li.cs-mail .shrink{width: 180px; right:-133px}
.qy-service li .shrink:hover{right: 0; transition: 0.3s;}
.qy-service li p .cs-kinds{height: 100%; color: #fff; text-align: center; margin-left: 10px; font-size: 18px; display: inline-block;}
.qy-service li p .cs-vip{height: 100%; color: #fff; text-align: center; margin-left: 10px; font-size: 18px; display: inline-block;}