body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,input,button,textarea,th,td,pre,code{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} button{outline: none;border:nonecustomize} img{border:0} li{list-style:none} body{font-size: 14px;color: #333;font-family:'Microsoft Yahei','Simsun';background-color: #F5F6F7;} .graybody{background-color: #F5F6F7;} input{line-height: normal;vertical-align: middle; -webkit-appearance:none;} ::-moz-placeholder{color: #C8CBCC;opacity: 1!important;} :-ms-input-placeholder{color: #C8CBCC;} ::-webkit-input-placeholder{color: #C8CBCC;} textarea {-webkit-appearance: none;} .clear{clear:both} .clearfix:after{clear: both;content: '\0020';display: block;height: 0;} a{color:#545454;text-decoration:none;} .green{color:#390} .red{color:#f00} .blue{color:#36c} .gray{color:#454545} .orange{color:#f60} .lightblue{color:#00B0FE;} .mtop5{margin-top: 5px;} .mtop10{margin-top: 10px;} .mtop15{margin-top: 15px;} .fr{float: right;} .color666{color:#666666} .color6f7{color:#6f7070} a:hover{} .wid{width: 1200px;margin-left:auto;margin-right:auto;} .wid2{} .mcenter{text-align: center;} /*#fixed_1212{position:fixed;top:40%;right:4%;display: block;cursor:pointer;z-index: 1000;}*/ #promotion_1212{background:url('../images/1212_bg.png') center no-repeat;} #promotion_1212 .banner{text-align: center;} #promotion_1212 .banner img{width:1200px} #promotion_1212 .coupons{cursor:pointer;position: absolute;left: 50%;transform: translate(-50%);bottom: -56px;} #promotion_1212 .coupons ul li{padding: 37px 12px 0 19px;border-right:1px solid #ddd;border-image: linear-gradient(#fff 20%,#e73784 50%,#ac0e87 70%,#fff 80%) 30 30;box-sizing:border-box;float:left;background-color:#fff;width:20%;height:178px;} #promotion_1212 .coupons ul li dl dt{letter-spacing:-4px;line-height: 72px;float:left;font-weight:bold;font-size:72px;color:#f2005b} #promotion_1212 .coupons ul li dl dt span{font-size: 21px;font-weight: normal} #promotion_1212 .coupons ul li dl dd{float:right;vertical-align:bottom;} #promotion_1212 .coupons ul li dl dd p{color:#f2005b;font-size:21px;font-weight: bold;margin-bottom:14px;} #promotion_1212 .coupons ul li dl dd a{color:#fff;display: block;background:#cf00ba;font-size:16px;line-height: 27px;text-align: center;padding:0 12px;border-radius: 15px;} #promotion_1212 .coupons ul li dl>p{clear:both;font-size: 20px;text-align: center} #promotion_1212 .coupons ul li:last-of-type{border-right:0} #promotion_1212 .coupons ul li:first-of-type{cursor:default;border-right:0;text-align:center;background-color:#cf00ba;padding-top:23px} #promotion_1212 .coupons ul li:first-of-type img{width:172px;height: 91px;} #promotion_1212 .coupons ul li:first-of-type p{color:#fff100;font-size: 24px;margin-top:14px;} #promotion_1212 #recommenapi{margin-top: -85px;position: relative;} #promotion_1212 #discount_zone{margin-top: 122px;padding-bottom:87px;position: relative;} #promotion_1212 h3.title{margin:auto;font-size:52px;color:#f2005b;width:706px;height:135px;line-height:135px;text-align:center;background:url('../images/1212_titlebg.png') center no-repeat;} #promotion_1212 .list{background:url('../images/1212_listbg.png') center no-repeat;padding:81px 25px 0;width: 1200px;height: 990px; margin-top: -16px;} #promotion_1212 .list .item{transition: all .2s linear;margin: 0 20px 27px 0;text-align:center;border-top:1px solid;width:224px;height:300px;background:#fff url('../images/1212_itembg.png') center bottom no-repeat;float:left} #promotion_1212 .list .item:hover{transform: translate3d(0,-2px,0);box-shadow: 0 15px 15px rgba(0,0,0,.2);} #promotion_1212 .list .item:nth-of-type(5n+5){margin-right:0} #promotion_1212 .list .item a{display: block;width:100%;height:100%;} #promotion_1212 .list .item img{padding-top: 56px;padding-bottom: 48px;margin:auto;} #promotion_1212 .list .item .item_tip{margin:0 auto 10px;text-align: left;box-sizing:border-box;padding:0 16px;color:#116ce9;width:160px;line-height: 24px;background: url('../images/1212_itemtipbg.png') center no-repeat;background-size:100% 100%;border:none;border-radius: 0;} #promotion_1212 .list .item .item_tip span{float: right;color:#fff} #promotion_1212 .list .item .apiname{box-sizing:border-box;width:100%;padding: 0 17px 0 21px;text-align: left} #promotion_1212 .list .item .apiname h3{width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 17px;font-weight: normal;display: inline-block;} #promotion_1212 .list .item .apiname span{float: right;color:#ff5147;} #promotion_1212 .list .item .apiname i{font-size: 12px;color:#333;font-style: normal} #promotion_1212 .list .item .apiname b{font-size: 16px;} #promotion_1212 .list .item p{margin-bottom:13px;display:inline-block;line-height:20px;padding: 0 10px;border: 1px solid #116ce9;color:#116ce9;border-radius:5px;} #promotion_1212 .list .item .buy{margin-top:19px;display: inline-block;background:#02bbfb;padding:0 23px;color:#fff;line-height:29px;border-raduis:5px;} #promotion_1212 .list .moreapi{border:none;background:url("../images/1212_moreapibg.png") center no-repeat;} #promotion_1212 .list .moreapi div{ padding-top: 85px;font-size:30px;padding-left:25px;color:#fff;line-height: 60px;text-align: left} #promotion_1212 .discount_tip{color: #fff;width: 100%;text-align: center;font-size: 44px;font-weight: bold;margin-top: 30px;} #promotion_1212+#foot{margin-top:0!important;} #top{height: 112px;background-color: #fff;} #top .wid{height:112px;background-color: #fff;} #logo{float:left;width: 220px;height: 60px;margin-top: 26px;} #logo a{display:block;background: url(../images/logov2.png) 0 0 no-repeat;height:60px;width: 200px;text-indent: -9999px;} #logocenter{float:left;width: 350px;height: 60px;} #nav{} #nav li{float:left;margin-left: 40px;} #nav li:first-of-type{margin-left: 10px;} #nav li a{color:#8D9399;display:block;text-align: center;font-size:16px;line-height: 108px;} #nav li a.on,#nav li a:hover{color:#00B0FE; border-bottom: 4px solid #00B0FE;} #logoright{float: right;width: 610px;margin-top: 41px;} #searchbox{float: left;width: 365px;position: relative;} #searchbox input[type="text"]{height: 36px;line-height: normal;border: 2px solid #00B0FE;width: 240px;padding: 0 6px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} #searchbox input[type="text"]:focus{outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(85, 204, 255, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(85, 204, 255, .6);} #searchbox input[type="submit"]{line-height: 36px;border: 2px solid #00B0FE;height: 40px;background-color: #00B0FE;width: 84px;color: #fff;font-size: 14px;cursor: pointer;} #top .customize{position: absolute;right: -85px;top: 0;} #top .customize button{border:none;padding:0 10px;line-height: 40px;color:#fff;background:#00B0FE;cursor: pointer} #top .customize .customize_div{display:none;width:280px;z-index:100;position:absolute;top:40px;left:0;padding:20px 32px;background:linear-gradient(270deg,rgba(250,250,252,1) 0%,rgba(255,255,255,1) 100%);box-shadow:0px 3px 20px 0px rgba(5,34,47,0.1);} #top .customize .customize_div h3{font-size:16px;margin-bottom:20px} #top .customize .customize_div dt,#top .customize .customize_div dd{display: inline-block;} #top .customize .customize_div dt{vertical-align:top;margin-top:8px;width:44px;height:44px;margin-right:20px;background:url('../images/mainv2.png') no-repeat;} #top .customize .customize_div dl{margin-bottom:12px;} #top .customize .customize_div dl:first-of-type dt{background-position:0 -4185px} #top .customize .customize_div dl:nth-of-type(2) dt{background-position:0 -4240px} #top .customize .customize_div dl:last-of-type dt{background-position:0 -4289px} #top .customize .customize_div dd{color:#9B9898} #top .customize .customize_div dd span{color:#282828;line-height: 26px;} #top .customize .customize_div .zhongbao{text-align: center;padding-bottom:20px;border-bottom:1px solid #e9e9e9} #top .customize .customize_div .zhongbao a{color:#00B0FE;} #top .customize .customize_div .zhongbao a:after{content:'';display:inline-block;margin-left:4px;width:9px; height:14px;background:url('/open/static/images/icon.png') -192px -193px no-repeat} #top .customize .postCustomize{padding-top:20px;display:flex;justify-content: space-around} #top .customize .postCustomize a{padding:0 34px;line-height:40px;border-radius:2px;border:1px solid #00B0FE;color:#00B0FE} #top .customize .postCustomize a:first-of-type{background:#00B0FE;color:#fff;} #logindiv{line-height: 38px;} #nologinbox{text-align: right;} #nologinbox a.on{} #nologinbox a{margin-left: 10px;margin-right: 10px;color: #595959;} #nologinbox span{color: #D3D3D3;} #logindiv #logininbox{position: relative;} #logininbox>a{float: right;display: block;height: 30px;line-height: 30px;background: url(../images/mainv2.png) no-repeat;background-position: -0px -2501px;padding-left: 28px;padding-bottom: 7px;} #logininbox>a i{display: inline-block;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #B5B5B5;vertical-align: middle;margin-left: 6px;} #logininbox>a:hover i,#logininbox>a.on i{border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #B5B5B5;border-top: none;} #logininbox ul{border: 1px solid #F0F3F5;padding: 0 9px;background-color: #fff;width: 110px;position: relative;margin: 0px auto;border-radius: 2px;position: absolute;right: -30px;top: 40px;z-index: 100;display: none;} #logininbox ul:before{position: absolute;width: 14px;height: 8px;left: 50%;top: -8px;content: '';display: block;margin-left: -7px;background: url(../images/mainv2.png) no-repeat 0px -2560px;} #logininbox ul a{cursor: pointer;display: block;line-height: 40px;color: #555;border-bottom: 1px solid #F0F3F5;text-align: center;} #logininbox ul a:hover{color: #00B0FD;} #lvipline{height: 40px;background: url(../images/mainv2.png) no-repeat;background-position: 2px -3452px;border-bottom: 1px solid #F0F3F5;padding: 10px 0;} #lvipline.lfreeicon{} #logininbox ul #lvipline.lsilvericon{background-position: 2px -3542px;color: #4579FF;} #logininbox ul #lvipline.ldiamondicon{background-position: 2px -3632px;color: #FFA71B;} #logininbox ul #lvipline,#logininbox ul #lvipline a{color: #00B0FE;font-weight: bold;text-align: left;padding-left: 45px;} #logininbox ul #lvipline a{padding-left: 0px;line-height: 19px;border-bottom: none;} #lvipline i{font-style: normal;display: block;font-size: 12px;font-weight: normal;color: #FC693C;} #topbox{height: 360px;margin-top: 40px;} #topbox #allcat{width: 200px;float: left;background-color: #00B0FE;} .allcat{background:#0BB0FF; float:left; position:relative;z-index:11;} .allcat #tbctop{position: absolute;left: 0;top: -4px;border-bottom: 4px solid #0BB0FF; border-left: 0px solid transparent; border-right: 4px solid transparent; height: 0; width: 200px;} .allcat #tbctitle{height: 51px;line-height: 48px;color: #fff;font-size: 18px;background: url(../images/mainv2.png) 20px 17px no-repeat;padding-left: 44px;border-bottom: 1px solid #00A1F7;} .allcat .item{cursor:pointer;} .allcat .item.first{} .allcat .item span{position:relative;z-index:1; display:block;} .allcat .item .sub{display:none;position:absolute;left:200px;top:0px;width: 438px;height: 358px;border:1px solid #0BABF8;background:#F6F7F8;overflow:hidden; padding:0 20px 0px;z-index: 100;} .allcat h3{} .allcat h3 a{color:#fff; font-size:14px; line-height:44px; overflow:hidden; font-weight:normal;display: block;padding-left:20px;} .allcat h3 a:hover,.allcat h3 a:active{background-color: #00A1F7;} .allcat del{display:block;position:absolute;top:16px;right:21px;width:6px;height:10px;background:url(../images/mainv2.png) no-repeat -57px -169px;} .allcat .hover span{z-index:1300;} .allcat .hover .sub{z-index:1200; display:block;} .allcat .hover del{} .allcat .hover h3{} .allcat .hover h3 a{} .allcat .sub dl{} .allcat .sub dl dt{margin-bottom: 10px;} .allcat .sub dl dt a{font-size:16px; color:#333; line-height: 55px;border-bottom: 1px solid #E1E4E6;display: block;} .allcat .sub dl dd{} .allcat .sub dl dd a{float: left;width: 192px;color:#333;line-height: 42px;background: url(../images/icon.png) no-repeat;background-position: 0px -2750px;padding-left: 27px;} .allcat .sub dl dd a:hover{color: #11B5FE;background-position: 0px -2711px;} .allcat .sub dl dd a#cillegal{background-position: 0px -1246px;} .allcat .sub dl dd a#cillegal:hover{background-position: 0px -1207px;} .allcat .sub dl dd a#ctrain{background-position: 2px -552px;} .allcat .sub dl dd a#ctrain:hover{background-position: 2px -512px;} .allcat .sub dl dd a#cbus{background-position: 0px -1849px;} .allcat .sub dl dd a#cbus:hover{background-position: 0px -1816px;} .allcat .sub dl dd a#ctransit{background-position: 0px -1920px;} .allcat .sub dl dd a#ctransit:hover{background-position: 0px -1884px;} .allcat .sub dl dd a#cweather{background-position: 0px -106px;} .allcat .sub dl dd a#cweather:hover{background-position: 0px -66px;} .allcat .sub dl dd a#ccalendar{background-position: 0px -2519px;} .allcat .sub dl dd a#ccalendar:hover{background-position: 0px -2482px;} .allcat .sub dl dd a#cexpress{background-position: 0px -475px;} .allcat .sub dl dd a#cexpress:hover{background-position: 0px -440px;} .allcat .sub dl dd a#caqi{background-position: 0px -27px;} .allcat .sub dl dd a#caqi:hover{background-position: 0px 13px;} .allcat .sub dl dd a#cidcard{background-position: 0px -3603px;} .allcat .sub dl dd a#cidcard:hover{background-position: 0px -3565px;} .allcat .sub dl dd a#careacode{background-position: 0px -1477px;} .allcat .sub dl dd a#careacode:hover{background-position: 0px -1440px;} .allcat .sub dl dd a#cshouji{background-position: 3px -3525px;} .allcat .sub dl dd a#cshouji:hover{background-position: 3px -3486px;} .allcat .sub dl dd a#czipcode{background-position: 0px -1783px;} .allcat .sub dl dd a#czipcode:hover{background-position: 0px -1749px;} .allcat .sub dl dd a#cunitconvert{background-position: 0px -1555px;} .allcat .sub dl dd a#cunitconvert:hover{background-position: 0px -1516px;} .allcat .sub dl dd a#ccaipiao{background-position: 0px -332px;} .allcat .sub dl dd a#ccaipiao:hover{background-position: 0px -293px;} .allcat .sub dl dd a#ctv{background-position: 0px -184px;} .allcat .sub dl dd a#ctv:hover{background-position: 0px -145px;} .allcat .sub dl dd a#cxiaohua{background-position: 0px -4746px;} .allcat .sub dl dd a#cxiaohua:hover{background-position: 0px -4707px;} .allcat .sub dl dd a#cjzw{background-position: 2px -4668px;} .allcat .sub dl dd a#cjzw:hover{background-position: 2px -4628px;} .allcat .sub dl dd a#cxhy{background-position: 0px -4818px;} .allcat .sub dl dd a#cxhy:hover{background-position: 0px -4786px;} .allcat .sub dl dd a#crkl{background-position: 0px -4969px;} .allcat .sub dl dd a#crkl:hover{background-position: 0px -4929px;} .allcat .sub dl dd a#ctranslate{background-position: 0px -2597px;} .allcat .sub dl dd a#ctranslate:hover{background-position: 0px -2557px;} .allcat .sub dl dd a#ccar{background-position: 0px -1991px;} .allcat .sub dl dd a#ccar:hover{background-position: 0px -1956px;} .allcat .sub dl dd a#cexchange{background-position: 0px -4444px;} .allcat .sub dl dd a#cexchange:hover{background-position: 0px -4404px;} .allcat .sub dl dd a#cgold{background-position: 0px -4210px;} .allcat .sub dl dd a#cgold:hover{background-position: 0px -4172px;} .allcat .sub dl dd a#cchengyu{background-position: 0px -2908px;} .allcat .sub dl dd a#cchengyu:hover{background-position: 0px -2868px;} .allcat .sub dl dd a#cdream{background-position: 0px -2224px;} .allcat .sub dl dd a#cdream:hover{background-position: 0px -2186px;} .allcat .sub dl dd a#castro{background-position: 0px -2067px;} .allcat .sub dl dd a#castro:hover{background-position: 0px -2027px;} .allcat .sub dl dd a#cbazi{background-position: 0px -2147px;} .allcat .sub dl dd a#cbazi:hover{background-position: 0px -2107px;} .allcat .sub dl dd a#chuangli{background-position: 0px -5175px;} .allcat .sub dl dd a#chuangli:hover{background-position: 0px -5117px;} .allcat .sub dl dd a#cmobileluck{background-position: 3px -2365px;} .allcat .sub dl dd a#cmobileluck:hover{background-position: 3px -2325px;} .allcat .sub dl dd a#csnsn{background-position: 0px -1364px;} .allcat .sub dl dd a#csnsn:hover{background-position: 0px -1402px;} .allcat .sub dl dd a#csilver{background-position: 0px -4287px;} .allcat .sub dl dd a#csilver:hover{background-position: 0px -4249px;} .allcat .sub dl dd a#ctodayhistory{background-position: 0px -2672px;} .allcat .sub dl dd a#ctodayhistory:hover{background-position: 0px -2635px;} .allcat .sub dl dd a#clsplateluck{background-position: 0px -2290px;} .allcat .sub dl dd a#clsplateluck:hover{background-position: 0px -2259px;} .allcat .sub dl dd a#cweight{background-position: 0px -1285px;} .allcat .sub dl dd a#cweight:hover{background-position: 0px -1325px;} .allcat .sub dl dd a#cmiyu{background-position: 0px -4891px;} .allcat .sub dl dd a#cmiyu:hover{background-position: 0px -4853px;} .allcat .sub dl dd a#coil{background-position: 0px -4592px;} .allcat .sub dl dd a#coil:hover{background-position: 0px -4558px;} .allcat .sub dl dd a#cfontconvert{background-position: 0px -4365px;} .allcat .sub dl dd a#cfontconvert:hover{background-position: 0px -4326px;} .allcat .sub dl dd a#cjieqi{background-position: 0px -1634px;} .allcat .sub dl dd a#cjieqi:hover{background-position: 0px -1594px;} .allcat .sub dl dd a#czidian{background-position: 0px -2829px;} .allcat .sub dl dd a#czidian:hover{background-position: 0px -2789px;} .allcat .sub dl dd a#cwhois{background-position: 0px -703px;} .allcat .sub dl dd a#cwhois:hover{background-position: 0px -664px;} .allcat .sub dl dd a#ccidian{background-position: 1px -2986px;} .allcat .sub dl dd a#ccidian:hover{background-position: 1px -2947px;} .allcat .sub dl dd a#cjinyifanyi{background-position: 1px -3065px;} .allcat .sub dl dd a#cjinyifanyi:hover{background-position: 1px -3026px;} .allcat .sub dl dd a#cip{background-position: 0px -857px;} .allcat .sub dl dd a#cip:hover{background-position: 0px -820px;} .allcat .sub dl dd a#clicenseplate{background-position: 0px -4134px;} .allcat .sub dl dd a#clicenseplate:hover{background-position: 0px -4096px;} .allcat .sub dl dd a#cvehiclelimit{background-position: 0px -626px;} .allcat .sub dl dd a#cvehiclelimit:hover{background-position: 0px -590px;} .allcat .sub dl dd a#cidcardverify{background-position: 0px -3905px;} .allcat .sub dl dd a#cidcardverify:hover{background-position: 0px -3868px;} .allcat .sub dl dd a#cbankcardverify{background-position: 0px -3832px;} .allcat .sub dl dd a#cbankcardverify:hover{background-position: 0px -3797px;} .allcat .sub dl dd a#cqqluck{background-position: 0px -2443px;} .allcat .sub dl dd a#cqqluck:hover{background-position: 0px -2404px;} .allcat .sub dl dd a#cgeoconvert{background-position: 0px -1090px;} .allcat .sub dl dd a#cgeoconvert:hover{background-position: 0px -1051px;} .allcat .sub dl dd a#ccoordconvert{background-position: 0px -1012px;} .allcat .sub dl dd a#ccoordconvert:hover{background-position: 0px -973px;} .allcat .sub dl dd a#carea{background-position: 0px -5061px;} .allcat .sub dl dd a#carea:hover{background-position: 0px -5015px;} .allcat .sub dl dd a#cproxy{background-position: 0px -933px;} .allcat .sub dl dd a#cproxy:hover{background-position: 0px -894px;} .allcat .sub dl dd a#csms{background-position: 0px -782px;} .allcat .sub dl dd a#csms:hover{background-position: 0px -743px;} .allcat .sub dl dd a#cnews{background-position: 0px -3448px;} .allcat .sub dl dd a#cnews:hover{background-position: 0px -3412px;} .allcat .sub dl dd a#cidcardrecognition{background-position: 0px -3981px;} .allcat .sub dl dd a#cidcardrecognition:hover{background-position: 0px -3942px;} .allcat .sub dl dd a#clicenseplaterecognition{background-position: 0px -4059px;} .allcat .sub dl dd a#clicenseplaterecognition:hover{background-position: 0px -4021px;} .allcat .sub dl dd a#cbankcardcognition{background-position: 0px -3759px;} .allcat .sub dl dd a#cbankcardcognition:hover{background-position: 0px -3720px;} .allcat .sub dl dd a#cqrcode{background-position: 0px -4521px;} .allcat .sub dl dd a#cqrcode:hover{background-position: 0px -4483px;} .allcat .sub dl dd a#cillegaladdr{background-position: 0px -1712px;} .allcat .sub dl dd a#cillegaladdr:hover{background-position: 0px -1673px;} .allcat .sub dl dd a#cbankcardverify4{background-position: 0px -3832px;} .allcat .sub dl dd a#cbankcardverify4:hover{background-position: 0px -3797px;} .allcat .sub dl dd a#cmobileverify{background-position: 0px -3681px;} .allcat .sub dl dd a#cmobileverify:hover{background-position: 0px -3641px;} .allcat .sub dl dd a#cmobilerecharge{background-position: 3px -3144px;} .allcat .sub dl dd a#cmobilerecharge:hover{background-position: 3px -3104px;} .allcat .sub dl dd a#cflowrecharge{background-position: 3px -3222px;} .allcat .sub dl dd a#cflowrecharge:hover{background-position: 3px -3183px;} .allcat .sub dl dd a#ctelrecharge{background-position: 0px -3297px;} .allcat .sub dl dd a#ctelrecharge:hover{background-position: 0px -3261px;} .allcat .sub dl dd a#cbankcardverify3{background-position: 0px -3832px;} .allcat .sub dl dd a#cbankcardverify3:hover{background-position: 0px -3797px;} .allcat .sub dl dd a#cchinesecode{background-position: 0px -404px;} .allcat .sub dl dd a#cchinesecode:hover{background-position: 0px -369px;} .allcat .sub dl dd a#cfuelcardrecharge{background-position: 0px -1167px;} .allcat .sub dl dd a#cfuelcardrecharge:hover{background-position: 0px -1128px;} .allcat .sub dl dd a#cwaterelectricrecharge{background-position: 1px -3374px;} .allcat .sub dl dd a#cwaterelectricrecharge:hover{background-position: 1px -3334px;} .allcat .sub dl dd a#cbusinesscardrecognition{background-position: 0px -5293px;} .allcat .sub dl dd a#cbusinesscardrecognition:hover{background-position: 0px -5235px;} .allcat .sub dl dd a#ciqa{background-position: 0px -5430px;} .allcat .sub dl dd a#ciqa:hover{background-position: 0px -5359px;} .allcat .sub dl dd a#cbarcode{background-position: 0px -5677px;} .allcat .sub dl dd a#cbarcode:hover{background-position: 0px -5615px;} .allcat .sub dl dd a#cbarcode2{background-position: 0px -5553px;} .allcat .sub dl dd a#cbarcode2:hover{background-position: 0px -5491px;} .allcat .sub dl dd a#cidcardverify2{background-position: 0px -5800px;} .allcat .sub dl dd a#cidcardverify2:hover{background-position: 0px -5735px;} .allcat .sub dl dd a#crecipe{background-position: 1px -5919px;} .allcat .sub dl dd a#crecipe:hover{background-position: 1px -5855px;} .allcat .sub dl dd a#ccell{background: url(../images/icon2.png) no-repeat;background-position: 1px -27px;} .allcat .sub dl dd a#ccell:hover{background: url(../images/icon2.png) no-repeat;background-position: 1px 13px;} .allcat .sub dl dd a#cisbn{background: url(../images/icon2.png) no-repeat;background-position: 0px -113px;} .allcat .sub dl dd a#cisbn:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -72px;} .allcat .sub dl dd a#cbankcard{background: url(../images/icon2.png) no-repeat;background-position: 0px -192px;} .allcat .sub dl dd a#cbankcard:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -153px;} .allcat .sub dl dd a#cdriverexam{background: url(../images/icon2.png) no-repeat;background-position: 0px -291px;} .allcat .sub dl dd a#cdriverexam:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -241px;} .allcat .sub dl dd a#ccaptcha{background: url(../images/icon2.png) no-repeat;background-position: 0px -407px;} .allcat .sub dl dd a#ccaptcha:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -349px;} .allcat .sub dl dd a#centerprise{background: url(../images/icon2.png) no-repeat;background-position: 0px -541px;} .allcat .sub dl dd a#centerprise:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -475px;} .allcat .sub dl dd a#cdriverlicense{background: url(../images/icon2.png) no-repeat;background-position: 0px -652px;} .allcat .sub dl dd a#cdriverlicense:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -596px;} .allcat .sub dl dd a#cvin{background: url(../images/icon2.png) no-repeat;background-position: 0px -768px;} .allcat .sub dl dd a#cvin:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -714px;} .allcat .sub dl dd a#cweixinarticle{background: url(../images/icon2.png) no-repeat;background-position: 0px -914px;} .allcat .sub dl dd a#cweixinarticle:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -846px;} .allcat .sub dl dd a#ccreditblacklist{background: url(../images/icon2.png) no-repeat;background-position: 0px -1051px;} .allcat .sub dl dd a#ccreditblacklist:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -981px;} .allcat .sub dl dd a#cdriverlicenserecognition{background: url(../images/icon2.png) no-repeat;background-position: 0px -1215px;} .allcat .sub dl dd a#cdriverlicenserecognition:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -1133px;} .allcat .sub dl dd a#cdrivinglicenserecognition{background: url(../images/icon2.png) no-repeat;background-position: 0px -1399px;} .allcat .sub dl dd a#cdrivinglicenserecognition:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -1305px;} .allcat .sub dl dd a#cillegalhandle{background: url(../images/icon2.png) no-repeat;background-position: 0px -1619px;} .allcat .sub dl dd a#cillegalhandle:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -1509px;} .allcat .sub dl dd a#cgeneralrecognition{background: url(../images/icon2.png) no-repeat;background-position: 0px -1790px;} .allcat .sub dl dd a#cgeneralrecognition:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -1707px;} .allcat .sub dl dd a#cbusinesslicenserecognition{background: url(../images/icon2.png) no-repeat;background-position: 0px -1955px;} .allcat .sub dl dd a#cbusinesslicenserecognition:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -1871px;} .allcat .sub dl dd a#ctencentrecharge{background: url(../images/icon2.png) no-repeat;background-position: 0px -2139px;} .allcat .sub dl dd a#ctencentrecharge:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -2047px;} .allcat .sub dl dd a#cmobilestatus{background: url(../images/icon2.png) no-repeat;background-position: 1px -2295px;} .allcat .sub dl dd a#cmobilestatus:hover{background: url(../images/icon2.png) no-repeat;background-position: 1px -2223px;} .allcat .sub dl dd a#cmobileonline{background: url(../images/icon2.png) no-repeat;background-position: 1px -2473px;} .allcat .sub dl dd a#cmobileonline:hover{background: url(../images/icon2.png) no-repeat;background-position:1px -2383px;} .allcat .sub dl dd a#ccountry{background:url(../images/icon.png) no-repeat; background-position: 0 -6050px;} .allcat .sub dl dd a#ccountry:hover{background:url(../images/icon.png) no-repeat; background-position:0 -5983px;} .allcat .sub dl dd a#cinvoiceverify{background:url(../images/icon.png) no-repeat; background-position:-1px -6178px;} .allcat .sub dl dd a#cinvoiceverify:hover{background:url(../images/icon.png) no-repeat; background-position: -1px -6115px;} .allcat .sub dl dd a#cparking{background:url(../images/icon.png) no-repeat; background-position:0 -6305px;} .allcat .sub dl dd a#cparking:hover{background:url(../images/icon.png) no-repeat; background-position:0 -6240px;} .allcat .sub dl dd a#cuserinfo{background:url(../images/icon.png) no-repeat; background-position:1px -6437px;} .allcat .sub dl dd a#cuserinfo:hover{background:url(../images/icon.png) no-repeat; background-position:1px -6370px;} .allcat .sub dl dd a#cfuelcard{background:url(../images/icon.png) no-repeat; background-position:1px -6543px;} .allcat .sub dl dd a#cfuelcard:hover{background:url(../images/icon.png) no-repeat; background-position:1px -6498px;} .allcat .sub dl dd a#clawyer{background: url(../images/icon.png) no-repeat;background-position: 1px -6632px;} .allcat .sub dl dd a#c:hover{background: url(../images/icon.png) no-repeat;background-position: 1px -6587px;} .allcat .sub dl dd a#cschool{background: url(../images/icon.png) no-repeat;background-position: 0px -6722px;} .allcat .sub dl dd a#cschool:hover{background: url(../images/icon.png) no-repeat;background-position: 0px -6680px;} .allcat .sub dl dd a#chospital{background: url(../images/icon.png) no-repeat;background-position: 0px -6795px;} .allcat .sub dl dd a#chospital:hover{background: url(../images/icon.png) no-repeat;background-position: 0px -6759px;} .allcat .sub dl dd a#cweixin{background: url(../images/icon2.png) no-repeat;background-position: 0px -914px;} .allcat .sub dl dd a#cweixin:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -846px;} .allcat .sub dl dd a#cweather2{background: url(../images/icon2.png) no-repeat;background-position: -1px -2710px;} .allcat .sub dl dd a#cweather2:hover{background: url(../images/icon2.png) no-repeat;background-position:-1px -2649px;} .allcat .sub dl dd a#centerprise2{background: url(../images/icon2.png) no-repeat;background-position: 3px -2840px;} .allcat .sub dl dd a#centerprise2:hover{background: url(../images/icon2.png) no-repeat;background-position:3px -2779px;} .allcat .sub dl dd a#cflight{background: url(../images/icon2.png) no-repeat;background-position: 0px -2592px;} .allcat .sub dl dd a#cflight:hover{background: url(../images/icon2.png) no-repeat;background-position:0px -2534px;} .allcat .sub dl dd a#ccarinsurance{background: url(../images/icon2.png) no-repeat;background-position: 0px -2910px;} .allcat .sub dl dd a#ccarinsurance:hover{background: url(../images/icon2.png) no-repeat;background-position:0px -2978px;} .allcat .sub dl dd a#cillegalnumber{background:url(../images/icon2.png) no-repeat;background-position:1px -3104px;} .allcat .sub dl dd a#cillegalnumber:hover{background: url(../images/icon2.png) no-repeat;background-position:1px -3048px;} .allcat .sub dl dd a#ccarmaintenance{background:url(../images/icon2.png) no-repeat;background-position:0px -3215px;} .allcat .sub dl dd a#ccarmaintenance:hover{background:url(../images/icon2.png) no-repeat;background-position:0px -3161px;} .allcat .sub dl dd a#degree{background: url(../images/icon2.png) no-repeat;background-position: 0px -3266px;} .allcat .sub dl dd a#degree:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -3317px;} .allcat .sub dl dd a#carinfo{background: url(../images/icon2.png) no-repeat;background-position: 0px -3371px;} .allcat .sub dl dd a#carinfo:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -3431px;} .allcat .sub dl dd a#carinsurance2{background: url(../images/icon2.png) no-repeat;background-position: 1px -3503px;} .allcat .sub dl dd a#carinsurance2:hover{background: url(../images/icon2.png) no-repeat;background-position: 1px -3572px;} .allcat .sub dl dd a#driverlicense2{background: url(../images/icon2.png) no-repeat;background-position: 1px -3640px;} .allcat .sub dl dd a#driverlicense2:hover{background: url(../images/icon2.png) no-repeat;background-position: 1px -3721px;} .allcat .sub dl dd a#flight{background: url(../images/icon2.png) no-repeat;background-position: 0px -3800px;} .allcat .sub dl dd a#flight:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -3864px;} .allcat .sub dl dd a#flightstatus{background: url(../images/icon2.png) no-repeat;background-position: 0px -3929px;} .allcat .sub dl dd a#flightstatus:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -4006px;} .allcat .sub dl dd a#facecompare{background: url(../images/icon2.png) no-repeat;background-position: 0px -4082px;} .allcat .sub dl dd a#facecompare:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -4158px;} .allcat .sub dl dd a#faceverify{background: url(../images/icon2.png) no-repeat;background-position: 0px -4230px;} .allcat .sub dl dd a#faceverify:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -4289px;} .allcat .sub dl dd a#invoicerecognition{background: url(../images/icon2.png) no-repeat;background-position: 0px -4352px;} .allcat .sub dl dd a#invoicerecognition:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -4415px;} .allcat .sub dl dd a#movie{background: url(../images/icon2.png) no-repeat;background-position: 0px -4487px;} .allcat .sub dl dd a#movie:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -4558px;} .allcat .sub dl dd a#trademark{background: url(../images/icon2.png) no-repeat;background-position: 0px -4637px;} .allcat .sub dl dd a#trademark:hover{background: url(../images/icon2.png) no-repeat;background-position: 0px -4706px;} #topbox #flashdiv{width: 680px;height: 360px;float: left;z-index: -1;background-color: #fff;} #topbox #flashdiv .bx-wrapper{width: 680px;} #topbox #flashdiv .bx-wrapper .bx-controls-direction a{z-index:9;} #indexnews{background-color: #fff;padding-bottom: 13px;} #topbox #indexnews{width:300px;margin-left: 20px;float: left;} #indexnews li{max-height: 40px;overflow: hidden;} #indexnews li a{display: block;line-height: 40px;color: #575E66;padding-left: 35px;background: url(../images/mainv2.png) no-repeat;background-position: 20px -86px;} #indexnews li a:hover, #indexnews li a.on{background-position: 20px -43px;color: #15B5FF;} #indexnews h2{margin-bottom: 6px;} h2{font-size: 20px;color: #333333;font-weight: normal;line-height: 60px;position: relative;height: 60px;border-bottom: 1px solid #F0F3F5;} h2 strong{font-weight: normal;float: left;} h2:before{content: '\0020';float: left;height: 20px;width: 4px;background-color: #00B0FE;margin-right: 7px;margin-top: 21px;} h2 span{font-size: 14px;color: #CFD2D3;margin-left: 7px;line-height: 20px;position: absolute;bottom: 15px;} h2 a{font-size: 14px;color: #666;background: url(../images/mainv2.png) no-repeat;background-position: -22px -217px;line-height: 20px;position: absolute;bottom: 16px;right: 0;padding-right: 21px;display: block;} #hotdata{margin-top: 14px;overflow: hidden;} #hotdata h2 a{padding-right: 13px;} #hotdata h2 a:hover{color: #0BB0FF;background-position: -22px -323px;} .hotdata li,#datapackage li{width: 224px;float: left;background-color: #fff;height: 239px;text-align: center;margin-right: 20px;margin-bottom: 20px;padding-top: 70px;border-top: 1px solid #A2E132;-webkit-transition:all .2s linear;transition:all .2s linear;position: relative;} .hotdata li #xsprice,#datapackage li #xsprice{position:absolute;left:-4px;top:9px;width:54px;height:26px;background:url(../images/mainv2.png) no-repeat;background-position:0 -3769px;} .halfprice, .specialprice{background: 0 0 no-repeat;background-image: url(../images/halfprice.png);width: 85px; height: 84px;top: 0px;left: 0px;position: absolute;} .specialprice{background-image: url(../images/specialprice.png);} .hotdata li a,#datapackage li a{display: block;} .hotdata li.hdlilast,#datapackage li.hdlilast{margin-right: 0;} .hotdata li.item-active,.hotdata li:hover,#datapackage li.item-active,#datapackage li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)} .hotdata li h3,#datapackage li h3{margin-top: 46px;margin-bottom: 0px;font-size: 16px;color: #333333;line-height: 30px;font-weight: normal;} .hotdata li p,#datapackage li p{font-size: 12px;color: #999999;} .hotdata li span,#datapackage li span{display: block;font-size: 12px;margin-top: 13px;} .hotdata li span i,#datapackage li span i{font-size: 18px;color: #FF5147;font-style: normal;} .hotdata li span i del,#datapackage li span i del{font-size: 12px;text-decoration: none;} .hotdata li span i.nocalprice, #newdata li span i.nocalprice,#datapackage li span i.nocalprice{font-size: 14px;line-height: 24px;color: #545454;} .pack_detail #apicontent #apitab li a.on:after,.pack_detail #apicontent #apitab li a:hover:after{display: none} .pack_detail #apiinfo #apiinfoleft div i{position: absolute;bottom: -8px;right: 20px;display: inline-block;width: 38px;height: 28px;background: url(../images/mainv2.png) 0 -4350px no-repeat;} #newdata{margin-top: -5px;} #newdata h2:before{background-color: #26D3AB;} #newdata h2 a{padding-right: 13px;} #newdata h2 a:hover{color: #26D3AB;background-position: -22px -271px;} #newdata li{width: 33.333%;float: left;background-color: #fff;height: 152px;} #newdata li a{display: block;} #newdata .ndleft{width: 152px;height: 152px;float: left;background-color: #46C3FF;text-align: center;position: relative;} #newdata li#newdatali1 .ndleft{} #newdata li#newdatali2 .ndleft{background-color: #FFE143;} #newdata li#newdatali3 .ndleft{background-color: #A2E132;} #newdata li#newdatali4 .ndleft{background-color: #FFA803;} #newdata li#newdatali5 .ndleft{background-color: #49E4C0;} #newdata li#newdatali6 .ndleft{background-color: #FF8713;} #newdata .ndleft:after{content: '\0020';display: inline-block;width: 0;height: 0;border-top: 8px solid transparent;border-right: 8px solid #fff;border-bottom: 8px solid transparent;right: 0;top: 40px;position: absolute;} #newdata .ndleft img{margin-top: 48px;} #newdata .ndright{margin-left: 152px;padding-top: 32px;padding-left: 20px;height: 120px;} #newdata li#newdatali1 .ndright,#newdata li#newdatali2 .ndright,#newdata li#newdatali3 .ndright{height: 119px;border-bottom: 1px dashed #F0F3F5;} #newdata li h3{color: #333333;font-size: 16px;line-height: 30px;font-weight: normal;} #newdata li p{font-size: 12px;color: #999999;} #newdata li span{display: block;font-size: 12px;margin-top: 13px;} #newdata li span i{font-size: 18px;color: #FF5147;font-style: normal;} #newdata li span i del{font-size: 12px;text-decoration: none;} #datapackage{ margin-top: 18px;} #datapackage li a div{position: relative;width: 70px;margin: auto;} #datapackage li a div i{position:absolute;bottom: -8px;right: -18px;display: inline-block;width:38px;height: 28px;background:url("../images/mainv2.png") 0 -4350px no-repeat;} #ouradvantage{ clear:both;margin-top: 15px;} #ouradvantage h2:before{background-color: #FF820C;} #ouradvantage li{width: 299px;float: left;height: 250px;background-color: #fff;text-align: center;border-right: 1px dashed #F0F3F5;} #ouradvantage li#odli4{border-right: none;} #ouradvantage li strong{font-size: 18px;color: #333333;line-height: 30px;margin-top: 33px;display: block;font-weight: normal;} #ouradvantage li .odicon{width: 70px;height: 70px;background: url(../images/mainv2.png) no-repeat;background-position: center -624px;margin: 20px auto 12px auto;} #ouradvantage li#odli2 .odicon{background-position: center -724px;} #ouradvantage li#odli3 .odicon{background-position: center -843px;} #ouradvantage li#odli4 .odicon{background-position: center -956px;} #ouradvantage li p{color: #999999;width: 120px;margin: 0 auto;font-size: 12px;line-height: 22px;} #foot{background-color: #373C3E;color: #BFBFBF;margin-top: 70px;} #foot .wid{padding: 37px 0 20px 0;background-color: #373C3E;} #foot #footleft{width: 335px;height: 94px;float: left;background:url(../images/logo_transparent.png) no-repeat 47px center;border-right: 1px solid #525658;margin-top: 28px;} #foot #footcenter{float: left;margin-left:117px;} #foot #footright{float: left;} #foot .footitem{float: left;margin-right: 90px;} #foot #footright .footitem{margin-right: 0;} #foot #footright .footitem:last-child{margin-left: 84px} #foot #footright .footitem:last-child h3{text-align: center} #foot .footitem:first-child{margin-left: 4px;} #foot .footitem dl img{border-radius: 5px;width:92px;} #foot .footitem dl dd{width:100%;text-align: center;margin-top:10px;} #foot .footitem h3{color: #E6E6E6;font-size: 16px;line-height: 40px;margin-bottom: 10px;font-weight: normal;} #foot .footitem li a{font-size: 13px;color: #BFBFBF;line-height: 25px;} #telbox{line-height: 26px;font-size: 13px;padding-top: 4px;color: #BFBFBF;} #telbox .tel{color: #fff;font-size: 16px;background: url(../images/mainv2.png) 1px -559px no-repeat;padding-left: 28px;margin-bottom: 11px;font-weight: bold;} #telbox a{color: #999;} #telbox img{vertical-align: middle;} #foot p{text-align: center;font-size: 12px;color: #7B7D7E;margin-top: 30px;} #apilbox{margin-top: 40px;} #apileft{width: 212px;float:left;margin-right: 32px;background-color: #fff;padding-bottom: 20px;} #apiright{width: 956px;float: left;min-height: 600px;} #apileft h2{font-size: 20px;color: #fff;line-height: 62px;font-weight: normal;background-color: #00B0FE;text-align: center;margin-bottom: 10px;} #apileft h2 span{font-size: 20px;color: #fff;position: relative;line-height: 62px;bottom: auto;} #apileft li{} #apileft li a{color: #333;line-height: 42px;display: block;padding-left: 46px;position: relative;background: url(../images/classv2_raw.png) no-repeat;background-position: 20px 13px;} #apileft li a.on, #apileft li a:hover{background-color: #FAFBFC;color: #0BB0FE;background-position: 20px -22px;} #apileft li a#iclass1{} #apileft li a#iclass1.on, #apileft li a#iclass1:hover{} #apileft li a#iclass4{background-position: 20px -56px;} #apileft li a#iclass4.on, #apileft li a#iclass4:hover{background-position: 20px -90px;} #apileft li a#iclass2{background-position: 20px -125px;} #apileft li a#iclass2.on, #apileft li a#iclass2:hover{background-position: 20px -160px;} #apileft li a#iclass10{background-position: 20px -194px;} #apileft li a#iclass10.on, #apileft li a#iclass10:hover{background-position: 20px -229px;} #apileft li a#iclass3{background-position: 20px -264px;} #apileft li a#iclass3.on, #apileft li a#iclass3:hover{background-position: 20px -299px;} #apileft li a#iclass5{background-position: 20px -335px;} #apileft li a#iclass5.on, #apileft li a#iclass5:hover{background-position: 20px -370px;} #apileft li a#iclass6{background-position: 20px -405px;} #apileft li a#iclass6.on, #apileft li a#iclass6:hover{background-position: 20px -440px;} #apileft li a#iclass7{background-position: 20px -476px;} #apileft li a#iclass7.on, #apileft li a#iclass7:hover{background-position: 20px -511px;} #apileft li a#iclass8{background-position: 20px -546px;} #apileft li a#iclass8.on, #apileft li a#iclass8:hover{background-position: 20px -581px;} #apileft li a#iclass9{background-position: 20px -615px;} #apileft li a#iclass9.on, #apileft li a#iclass9:hover{background-position: 20px -648px;} #apileft li a#iclass11{background-position: 20px -681px;} #apileft li a#iclass11.on, #apileft li a#iclass11:hover{background-position: 20px -716px;} #apileft li a#iclass12{background-position: 20px -750px;} #apileft li a#iclass12.on, #apileft li a#iclass12:hover{background-position: 20px -783px;} #apileft li a span{position: absolute;right: 20px;background: url(../images/mainv2.png) no-repeat;background-position: right -1084px;padding-right: 17px;color: #B5B5B5;} #apileft li a.on span, #apileft li a:hover span{background-position: right -1043px;color: #0BB0FE;} #apiright #apirtitle{height: 20px;line-height: 20px;margin-bottom: 24px;} #apiright #apirtitle h1{float: left;width: 50%;font-size: 20px;color: #333;font-weight: normal;} #apiright #apirtitle h1 span{font-size: 16px;color: #C8CBCC;margin-left: 10px;line-height: 20px;} #apiright #apirtitle #apiltype{float: right;color: #D3D3D3;margin-right: 10px;} #apiright #apirtitle #apiltype li{float: left;margin-left: 17px;} #apiright #apirtitle #apiltype li a{color: #333333;font-size: 16px;} #apiright #apirtitle #apiltype li a.on, #apiright #apirtitle #apiltype li a:hover{color: #0BB0FE;} #apiright .hotdata li{height: 227px;padding-top: 72px;} #apiright .hotdata li{position: relative;padding-top: 71px;} #apiright .hotdata li h3{margin-top: 44px;margin-bottom: 0px;} #apiright .hotdata li span{margin-top: 9px;} #apiright .hotdata li .apitag{position: absolute;left: -4px;top: 9px;width: 45px;height: 26px;background: url(../images/mainv2.png) no-repeat;background-position: 0 -1379px;} #apiright .hotdata li .apitag.apinew{} #apiright .hotdata li .apitag.apifree{background-position: 0 -1445px;} #apiright .hotdata li .apitag.apispe{background-position: 0 -3769px;width:54px;} #apiright .hotdata li .apitag.apiholiday{background-position: 0 -1321px;width:54px;} #apiright .hotdata li .apitag.apidiscount{background-position:0 -4079px;width:45px;} #apiright .hotdata li .apitag.apivip{background-position:0 -4131px;width:49px; } #apiright .hotdata li .apicom{position: absolute;top: 9px;right: 10px;border: 1px solid #F0F3F5;border-radius: 3px;font-size: 12px;color: #999999;padding: 3px 6px;} #apiright .hotdata .apinum{margin-top: 3px;} #apiright .hotdata .apinum span{float: left;text-align: center;color: #F0F3F5;} #apiright .hotdata .apinum .clicknum,#apiright .hotdata .apinum .collectnum,#apiright .hotdata .apinum .usenum,#apiright .hotdata .apinum .pack_load{width: 72px;color: #999999;} #apiright .hotdata .apinum .clicknum i,#apiright .hotdata .apinum .collectnum i,#apiright .hotdata .apinum .usenum i,#apiright .hotdata .apinum .pack_load i{width: 16px; height: 16px;display: inline-block;background: url(../images/mainv2.png) no-repeat;background-position: 0 -1135px;margin-right: 5px;} #apiright .hotdata .apinum .pack_load i{background-position: -46px -1136px;} #apiright .hotdata .apinum .collectnum i{background-position: 4px -1177px;} #apiright .hotdata .apinum .usenum i{background-position: 2px -1223px;} #packlistbox ul li a b{position: absolute;bottom: -8px;right: 55px;display: inline-block;width: 38px;height: 28px;background: url(../images/mainv2.png) 0 -4350px no-repeat;} #pageline{line-height: 32px;margin-left: auto;margin-right: auto;width: 450px;font-size: 0;} #pageline a{display: inline-block;*display:inline; *zoom:1;width: 32px;height: 32px;color: #333;text-align: center;background-color: #fff;vertical-align: middle;margin-right: 6px;font-size: 14px;} #pageline a:hover{background-color: #00B0FE;color: #fff;} #pageline .ellipsis{color: #333;text-align: center;vertical-align: middle;margin-right: 6px;font-size: 14px;} #pageline .current{display: inline-block;*display:inline; *zoom:1;background-color: #00B0FE;color: #fff;width: 32px;height: 32px;text-align: center;vertical-align: middle;margin-right: 6px;font-size: 14px;} #pageline .pprev,#pageline .pnext{width: 72px;vertical-align: middle;} #pageline .pprev{} span.pprev,span.pnext{display: inline-block;*display:inline; *zoom:1;height: 32px;text-align: center;color: #999999;background-color: #fff;margin-right: 6px;font-size: 14px;} span.pprev{} span.pnext{} #topcrumb{line-height: 50px;padding-top: 0px;padding-bottom: 0px;color: #999;font-size: 12px;} #topcrumb a{display: inline-block;color: #999;font-size: 12px;} #topcrumb span{display: inline-block;background: url(../images/mainv2.png) 4px -1544px no-repeat;width: 14px;height: 30px;vertical-align: middle;} #apiibox{} #apiileft{width: 870px;float: left;} #apiinfo{background-color: #fff;border-top: 1px solid #FF8713;padding-top: 34px;padding-bottom: 32px;position: relative;} #apiinfo .apispeback{position:absolute;top:-1px;left:0;} #apiinfo #apispelogo{background:url(../images/mainv2.png) 0 -3769px no-repeat;width:54px;height:26px;position:absolute;left:0;top:8px;} #apiinfo #apiinfoleft{width: 200px;float: left;border: 1px solid #F0F3F5;text-align: center;height: 210px;position: relative;margin-left: 20px;} #apiinfo #apiinfoleft img{margin-top: 42px;} #apiinfo #apiinfoleft a{position: absolute;right: 0px;bottom: 0px;display: block;width:0;height:0;border-width:21px;border-style:solid;border-color:transparent #EFF0F1 #EFF0F1 transparent;} #apiinfo #apiinfoleft a.on{border-color:transparent #FF8A00 #FF8A00 transparent;} #apiinfo #apiinfoleft a span{position: absolute;right: -21px;bottom: -21px;display: block;width:42px;height:42px;background: url(../images/mainv2.png) no-repeat;background-position: 23px -3126px;} #apiinfo #apiinforight{width: 588px;float: left;margin-left: 30px;position: relative;height: 212px;} #apiinfo #apiinforight #apiitop{margin-top: -8px;position: relative;border-bottom: 1px solid #F9F9F9;} #apiinfo #apiinforight #apiitop h1{font-size: 22px;color: #353D41;font-weight: normal;float: left;margin-right: 9px;line-height: 40px;margin-bottom: 5px;} #apiinfo #apiinforight #apiitop span{display: inline-block;border: 1px solid #00B0FE;border-radius: 2px;line-height: 18px;font-size: 12px;padding: 0px 4px;margin-right: 2px;margin-top: 12px;} #apiinfo #apiinforight #apiitop span.blue{border: 1px solid #00B0FE;color: #00B0FE;} #apiinfo #apiinforight #apiitop span.green{border: 1px solid #00D37C;color: #00D37C;} #apiinfo #apiinforight #apiitop span.orange{border: 1px solid #FF9023;color: #FF9023;} #apiinfo #apiinforight #apiitop span.orange2{border: 1px solid #FF8713;color: #FF8713;} #apiinfo #apiinforight #apiitop span.red{border: 1px solid #FF7F77;color: #FF7F77;} #apiinfo #apiinforight #apinuminfo{position: absolute;right: 20px;top: 3px;} #apiinfo #apiinforight #apinuminfo li{float: left;color: #999;height: 35px;line-height: 35px;font-size: 12px;background: url(../images/mainv2.png) no-repeat;background-position: 4px -3059px;padding-left: 22px;margin-left: 10px;} #apiinfo #apiinforight #apinuminfo li#collectnum{} #apiinfo #apiinforight #apinuminfo li#usednum{background-position: 4px -2981px;} #apiinfo #apiinforight #apinuminfo li#downloadnum{background-position: 0px -4398px;} #apiinfo #apiinforight #apiiprice{color: #999;} #apiinfo #apiinforight #apiiprice .isfree{height: 30px;line-height: 30px;color: #44CB71;font-size: 16px;float: left;margin-right: 15px;} #apiinfo #apiinforight #apiiprice #apipriceinfo{font-size: 12px;} #apiinfo #apiinforight #apiiprice #apipriceinfo li{float: left;margin-right: 10px;background: url(../images/mainv2.png) no-repeat;background-position: 4px -3221px;padding-left: 23px;line-height: 30px;} #apiinfo #apiinforight #apiiprice #apipriceinfo li#apiprice1{color: #31ACF6;} #apiinfo #apiinforight #apiiprice #apipriceinfo li#apiprice2{color: #4479FF;background-position: 4px -3300px;} #apiinfo #apiinforight #apiiprice #apipriceinfo li#apiprice3{color: #FFB61B;background-position: 4px -3383px;padding-left: 28px;} .apilinebox span.originalprice{display: inline;margin-left: 0;} .originalprice{text-decoration: line-through;} .apilinebox span.apipricespe{background:url(../images/mainv2.png) 0 -3903px no-repeat;float:right;width:62px;height:20px;line-height:20px;text-align:center;color:#fff;margin-right:20px;margin-left:0;font-size:12px;} #apiinfo #apiinforight #apiiprice i{color: #FF5147;font-style: normal;} #apiinfo #apiinforight #apiiprice i del{font-size: 18px;text-decoration: none;} #apiinfo #apiinforight #apiiprice .originalprice{margin-left: -5px;font-size: 16px;margin-right: 5px;} #apiinfo #apiinforight #apiiprice .originalprice i{color: #666;} #apiinfo #apiinforight #apiiprice .price{font-size: 28px;margin-right: 5px;} #apiinfo #apiinforight #apiiprice .atipsbox{position: relative;margin-left: 10px;display: inline-block;width: 120px;} #apiinfo #apiinforight #apiiprice .atips{line-height: 24px;background-color: #FF5147;color: #FFF;padding: 0 10px;border-radius: 4px;position: absolute;font-size: 12px;bottom: -1px;} #apiinfo #apiinforight #apiiprice .atips:before{position: absolute;left: -6px;top: 10px;content: '';display: block;height: 0; width: 0px;border-right: 6px solid #FF5147;border-bottom: 6px solid transparent;} #apiinfo #apiinforight #apiiprice .tip_1212{display:inline-block;vertical-align: top;margin-top: 7px;} #apiinfo #apiinforight #apiiprice .tip_1212 .discount{color:#ff5147;padding:0 12px;display:inline-block;line-height:24px;border-radius: 3px;border:1px solid #ff5147} #apiinfo #apiinforight #apiiprice .tip_1212 .discount span{color:#fff;float:right} #apiinfo #apiinforight #apiiprice .tip_1212 .remmendapi{box-sizing:border-box;display:inline-block;color:#ff5147;line-height:24px;padding:0 16px;border:1px solid #ff5147;} #apiinfo #apiinforight #apiidesc{color: #858585;font-size: 12px;line-height: 22px;margin-top: 8px;margin-bottom: 7px;} #apiinfo #apiinforight #apiicollect{position: absolute;left: 0;bottom: 0;} #apiinfo #apiinforight #apiicollect a{float: left;height: 33px;line-height: 31px;width: 120px;border-radius: 3px;color: #fff;font-size: 16px;text-align: center;border: 1px solid #00B0FE;background-color: #00B0FE;} #apiinfo #apiinforight #apiicollect a#applybtn{cursor: pointer} #apiinfo #apiinforight #apiicollect a#collectbtn{background-color: #fff;color: #00B0FE;margin-left: 14px;} #apiinfo #apiinforight #apiicollect a#showApi{margin-left: 30px;background: #fff;color:#00B0FE;} #apiinfo #ailcom{position:absolute;top:0;left:0;color:#666;background-color:#f6f7f8;width:78px;height:22px;line-height:22px;} #apicontent{background-color: #fff;} #apicontent{} #apicontent #apitab{border-bottom: 1px solid #F0F3F5;margin-top: 20px;} #apicontent #apitab li{float: left;width: 95px;margin-left: 20px;} #apicontent #apitab li a{display: block;line-height: 60px;text-align: center;color: #333;font-size: 16px;margin-bottom: -1px;} #apicontent #apitab li a.on,#apicontent #apitab li a:hover{color: #00B0FE;position: relative;border-bottom: 2px solid #00B0FE;} #apicontent #apitab li a.on:after,#apicontent #apitab li a:hover:after{position: absolute;width: 16px;height: 8px;left: 50%;bottom: -2px;content: '';display: block;margin-left: -8px;background: url(../images/mainv2.png) no-repeat 0px -1511px;} #apicontent .datapackage h4{margin-top:10px} #apicontent .datapackage .apiline{border:none;padding:5px 0} #apicontent .datapackage .danger{color:#f08f75;line-height: 33px} #apicontent .datapackage table{margin: 5px 0 10px;} #apicontent .datapackage #updatelog{display:block} #apicontent .datapackage #updatelog .logtitle{margin-top:5px} #datadownload,#dataexample{padding-top:10px;} #datadownload table th,#datadownload table td{text-align: center;} #datadownload table td span{margin-left:0;border: 1px solid #FF7F77;color: #FF7F77;font-size:10px;line-height:20px;padding:0 7px;display: inline-block;} #datadownload table td a{color:#00b0fe} #datadownload .apilinebox,#dataexample .apilinebox,#apicontent .datapackage .apilinebox{border:none;} #dataexample .showBig{float:right;margin-top: 20px;line-height: 26px;padding: 0 10px;background-color: #eaf6fe;color: #02bbfb;border-radius: 5px;} #apibox{background-color: #fff;margin-top: 10px;padding-left: 30px;padding-right: 30px;padding-bottom: 26px;min-height:468px;} #apibox #apimain{margin-top: 20px;} #apibox #apimain #apibleft{width: 159px;float: left;border-right: 1px solid #F0F3F5;} #apibox #apimain #apibleft li{} #apibox #apimain #apibleft li a{line-height: 40px;padding-left: 16px;display: block;} #apibox #apimain #apibleft li a.on,#apibox #apimain #apibleft li a:hover{color: #00B0FE;background: url(../images/mainv2.png) no-repeat;background-position: -57px -1044px;} #apibox #apimain #apibright{width: 620px;display: inline-block;margin-left: 30px;} #apibox #apimain #apibright .subapiitem{} #apibox #apimain #apibright .subapiitem .subapiinfo{} #apibox .apiline{border-bottom: 1px dashed #F0F3F5;padding: 10px 0;clear: both;} .apilinebox{margin-bottom: 5px;padding-bottom: 18px;border-bottom: 1px dashed #F0F3F5;} #apibox .apiline label{color: #353D41;float: left;line-height: 17px;} .apiline span, .apilinebox span{color: #8D9399;margin-left: 73px;display: block;word-break:break-all;word-wrap:break-word;} .apiline p{color: #858585;margin-left: 5px;word-break:break-all;word-wrap:break-word;} .apiline span.lightblue{color: #00B0FE;} #apibox h4{color: #353D41;line-height: 36px;margin-top: 1px;font-size: 14px;background: url(../images/mainv2.png) no-repeat 6px -1257px;padding-left: 20px;margin-top: 4px;} #apibox .alh4line{position: relative;} #apibox .alh4line a{position: absolute;right: 0px;top: 4px;display: block;border-radius: 12px;border: 1px solid #FFB21D;color: #FFB21D;padding: 3px 8px;font-size: 12px;} #apibox table{width: 100%;border: 1px solid #F0F3F5;} #apibox td{line-height: 20px;color: #666;padding: 9px 10px;border-bottom: 1px solid #F0F3F5;} #apibox th{text-align: left;line-height: 20px;color: #333;background-color: #F5F8FA;padding: 9px 10px;font-weight: normal;border-bottom: 1px solid #F0F3F5;} #apibox th.col1{width: 20%;} #apibox th.col2{width: 15%;} #apibox th.col3{width: 10%;} #apibox th.col4{width: 55%;} #apibox th.col5{width: 65%;} #apibox th.col6{width: 20%;} #apibox th.col7{width: 80%;} #apibox th.col8{width: 25%;} #apibox th.col9{width: 25%;} #apibox th.col10{width: 25%;} #apibox td.col8{color: #00B0FE;} #apibox td.col10{color: #FF5146;} #apibox .coderequest{} #apibox .coderequest .codetab{background-color: #F5F8FA;border: 1px solid #F0F3F5;margin-top: 5px;padding-left: 10px;} #apibox .coderequest .codetab li{float: left;width: 65px;} #apibox .coderequest .codetab li a{display: block;line-height: 38px;text-align: center;color: #666666;} #apibox .coderequest .codetab li a.on{color: #00B0FE;border-bottom: 2px solid #00B0FE;margin-bottom: -1px;} #apibox .coderequest .codebox{border: 1px solid #F0F3F5;border-top: none;} #apibox .coderequest .codebox .codeitem{height: 378px;overflow:hidden;} #apibox .coderesponse{margin-top: 10px;} #apibox .coderesponse .codeboxresponse{background-color: #F5F8FA;border: 1px solid #F0F3F5; width:100%; overflow: hidden} .codeboxresponse .syntaxhighlighter .line {white-space: pre-wrap !important;} .codeboxresponse .syntaxhighlighter {margin: 0 !important;padding: 18px 0 18px 0; /*background-color: #EDF7FB !important;*/} .codeboxresponse .syntaxhighlighter .line.alt1, .codeboxresponse .syntaxhighlighter .line.alt2{} #apibox #apierror{display: none;margin-top: -4px;} #apibox #apiprice{display: none;margin-top: 20px;} #apibox #updatelog{display: none;} #apibox #apierror table{} #apibox #apierror td, #apibox #apiprice td{padding-left: 20px;} #apibox #apierror th, #apibox #apiprice th{padding-left: 20px;} #apibox #apiprice .apilinebox #times_count{border: 1px solid #ffe2cd;position: relative;} #apibox #apiprice .apilinebox #monthly{border: 1px solid #c0ecdd;margin-top:15px;} #apibox #apiprice .apilinebox #times_count th{background:#fffbf0} #apibox #apiprice .apilinebox #times_count th,#apibox #apiprice .apilinebox #times_count td{border-bottom: 1px solid #ffe2cd} #apibox #apiprice .apilinebox #monthly th{background:#f2fffb} #apibox #apiprice .apilinebox #monthly th,#apibox #apiprice .apilinebox #monthly td{border-bottom: 1px solid #c0ecdd} #apibox #apiprice .apilinebox #monthly .prefer_tip{display:inline-block;margin-left:9px;position:relative;background:#ff7f77;color:#fff;border-radius: 3px;padding:0 6px;line-height: 18px;text-align: center;font-size:12px;} #apibox #apiprice .apilinebox #monthly .prefer_tip:before{content:'';position:absolute;bottom:0;left:-5px;border-style:solid;border-width:5px;border-color:transparent transparent #ff7f77;} #apibox #apiprice .average_price{font-size:12px;color:#c8c8c8} #apibox #updatelog .logtitle{margin-top:20px;font-weight:normal;width:100%;text-indent: 18px;line-height: 40px;background-color:#F5F8FA;position: relative;} #apibox #updatelog .logtitle b{position:absolute;right:36px;top: 18px;background:url("../images/up_down.png") no-repeat;display: block;width:9px;height:5px;-webkit-transition: transform 0.2s;-ms-transition: transform 0.2s;-o-transition: transform 0.2s;-moz-transition: transform 0.2s;transition: transform 0.2s;} #apibox #updatelog .logtitle b.up{-webkit-transition: transform 0.2s;-ms-transition: transform 0.2s;-o-transition: transform 0.2s;-moz-transition: transform 0.2s;transition: transform 0.2s;-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} #apibox #updatelog .titleline{display:inline-block;width:3px;height:40px;position: absolute;left:0;top:0;background-color: #00B0FE;} #apibox #updatelog .logcontent{border: 1px solid #F5F8FA;padding: 22px 16px;display: none} #apibox #updatelog .logcontent p{line-height: 24px; color:#858585;} .enword{font-family: monospace;} .param{font-family: monaco, courier;} #apiiright{width: 300px;float: left;margin-left: 30px;} #relatedata{background-color: #fff;padding-bottom: 20px;} #relatedata ul{margin-top: 15px;} #relatedata li{float: left;width: 50%;text-align: center;margin-top: 10px;} #relatedata li h3{margin-top: 0px;margin-bottom: 0px;font-size: 12px;color: #333333;line-height: 34px;font-weight: normal;white-space:nowrap;} #activitybox{background-color: #fff;margin-top: 10px;} #activitybox ul{padding: 20px 20px 1px;} #activitybox li{margin-bottom: 20px;} #activitybox li a{text-align: center;display: block;} #apiiright #indexnews{margin-top: 10px;} .toolink{color: #BBBBBB;border: 1px solid #BBBBBB;border-radius: 12px;padding: 3px 8px;font-size: 12px;margin-left: 10px;background-color: #FCFCFC;} .toolink:hover{color: #00B0FE;border: 1px solid #00B0FE;background-color: #F2FBFF;} #news{margin-top: 40px;} .newsitem{clear: both;padding: 20px;background-color: #fff;margin-bottom: 30px;-webkit-transition:all .2s linear;transition:all .2s linear;} .newsitem.item-active,.newsitem:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)} .newsitem a{display: block;} .newsitem .nileft{width: 280px;float:left;overflow: hidden;} .newsitem .nileft img{} .newsitem .niright{margin-left: 300px;} .newsitem .niright h3{font-size: 20px;color: #333;line-height: 38px;font-weight: normal;} .nirline{color: #999;margin-top: 7px;} .nirline span{display: inline-block;font-size: 12px;} .nirline .nirtime{} .nirline i{font-style: normal;} .nirline .nirclick{margin-left: 35px;} .newsitem .niright p{color: #666;font-size: 12px;padding-top: 10px;line-height: 24px;} #news #pageline{padding-top: 10px;} #newsbox{width: 870px;float: left;background-color: #fff;padding-top: 32px;} #newsright{width: 300px;float: left;margin-left: 30px;} #newsbox h1{font-size: 26px;color: #333;line-height: 40px;font-weight: normal;text-align: center;} #newsbox .nirline{margin: 5px 0 0px;border-bottom: 1px solid #F0F3F5;font-size: 12px;line-height: 30px;padding-bottom: 10px;text-align: center;} #newsbox #newscontent{color: #666;line-height: 32px;padding: 21px 40px 80px 40px;} #newsbox #newscontent td{padding: 0 5px;} #newsbox #newscontent img{max-width: 100%;} #indexrank{margin-top: 20px;background-color: #fff;padding-bottom: 20px;} #indexrank h2:before{background-color: #FFAC0B;} #indexrank li{margin: 15px 0;} #indexrank li a{display: block;line-height: 28px;color: #575E66;padding-left: 20px;position: relative;} #indexrank li a i{color: #BCC0C2;font-size: 14px;font-family: Arial, Verdana, Sans-serif;display: inline-block;width: 23px;text-align: center;margin-right: 20px;} #indexrank li a i#lirank1,#indexrank li a i#lirank2,#indexrank li a i#lirank3{background: url(../images/mainv2.png) no-repeat; background-position: 0px -1607px;text-indent: -9999px;} #indexrank li a i#lirank2{background-position: 0px -1658px;} #indexrank li a i#lirank3{background-position: 0px -1708px;} #indexrank li a img{position: absolute;right: 50px;top: 3px;} #abbox{margin-top: 40px;} #leftnav{background-color: #fff;width: 212px;float: left;padding-top: 15px;padding-bottom: 15px;} #leftnav li{} #leftnav li a{display: block;line-height: 42px;color: #333;padding-left: 46px;background: url(../images/mainv2.png) no-repeat;background-position: 20px -1759px;position: relative;} #leftnav li a#lnjob{background-position: 20px -1845px;} #leftnav li a#lnhonor{background-position: 21px -1930px;} #leftnav li a:after{position: absolute;width: 6px;height: 10px;right: 20px;top: 16px;content: '';display: block;background: url(../images/mainv2.png) no-repeat;background-position: -57px -1100px;} #leftnav li a.on, #leftnav li a:hover{background-color: #FAFBFC;color: #00B0FE;background-position: 20px -1802px;} #leftnav li a#lnjob.on, #leftnav li a#lnjob:hover{background-position: 20px -1888px;} #leftnav li a#lnhonor.on, #leftnav li a#lnhonor:hover{background-position: 21px -1974px;} #leftnav li a.on:after, #leftnav li a:hover:after{background-position: -57px -1059px;} #aboutbox{width: 958px;min-height: 350px;float: left;background-color: #fff;margin-left: 30px;} #abbox h1{font-size: 20px;color: #333333;font-weight: normal;line-height: 60px;position: relative;height: 60px;border-bottom: 1px solid #F0F3F5;} #abbox h1:before{content: '\0020';float: left;height: 20px;width: 4px;background-color: #00B0FE;margin-right: 10px;margin-top: 20px;} #abbox h1 span{font-size: 16px;color: #C8CBCC;margin-left: 10px;line-height: 20px;position: absolute;bottom: 16px;} #aboutcontent p#aboutimg{text-indent:0;margin-bottom:14px;} #aboutcontent.aboutcbox{} #aboutcontent{line-height: 28px;color: #666;padding: 30px 40px;min-height: 450px;} #aboutcontent p{text-indent: 20px;} #aboutcontent.jobbox{padding-top: 0;padding-bottom: 40px;} .jobitem{padding-left: 10px;border-bottom: 1px solid #F0F3F5;padding-bottom: 34px;padding-top: 33px;} .jobitem h3{font-size: 20px;color: #333333;font-weight: normal;line-height: 28px;height: 28px;} .jobitem .jobcontent{margin-top: 20px;padding-bottom: 6px;} .jobitem .jobcontent .jobcleft{float: left;color: #999;width: 97px;} .jobitem .jobcontent .jobcright{float: left;color: #333;} .jobitem .jobcontent .jobcright li{background: url(../images/mainv2.png) no-repeat 0px -2028px;padding-left: 10px;line-height: 28px;} #aboutcontent .jobitem p{text-indent: 0;margin-top: 20px;} .honorbox a{margin-left: 53px;margin-right: 43px;display: inline-block;margin-bottom: 30px;} .contactbox{background-color: #fff;} #contactleft{width: 730px;float: left;padding: 30px 0 50px 40px;} #contactcright{width: 360px;float: left;padding: 30px 40px 50px 0;margin-left: 30px;} #contactcright h3{font-size: 26px;line-height: 32px;font-weight: normal;color: #00B0FE;} #contactinfo{margin-top: 20px;} #contactinfo li{line-height: 28px;color: #666;} #contactinfo li.cmobile{} #contactinfo li.ctel{} #contactinfo li.cqq{} #contactinfo li.cemail{} #contactinfo img{vertical-align: middle;} #contactwidget{width: 46px;position: fixed;right: 20px; bottom:150px;height: 138px;} #contactwidget>ul>li{position: relative;background-color: #fff;} #contactwidget>ul>li>a{text-indent: -9999px;display: block;background: url(../images/mainv2.png) no-repeat;background-position: 14px -2121px;height: 46px;} #contactwidget li#wgtop{display: none;background-color: transparent;} #contactwidget #wgqq>a{} #contactwidget #wgqq>a:hover{background-position: 14px -2272px;} #contactwidget #wgwx>a{background-position: 11px -2070px;} #contactwidget #wgwx>a:hover{background-position: 11px -2219px;} #contactwidget #wgtop>a{background-position: 13px -2169px;background-color: #00B0FE;} #contactwidget #wgtop>a:hover{background-color: #00A0ED;} #wgqqbotline{width: 38px;margin: 0 auto;height: 1px;background-color: #F0F3F5;} #contactwidget .wgbox1{position: absolute;left: -140px;top: -35px;width: 106px;padding: 13px;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.15);min-height: 90px;border-radius: 1px;display:none;} #contactwidget .wgbox2{position: absolute;left: -150px;top: -140px;width: 106px;padding: 13px;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.15);min-height: 90px;border-radius: 1px;display:none;} #contactwidget .wgbox2 p:first-of-type{color:#757575;font-size:12px;padding: 14px 0;text-align: center;border-bottom:1px dashed #e9e9e9;margin-bottom:14px;} #contactwidget .wgbox2 p:last-of-type{color:#757575;font-size:12px;padding-top: 14px;text-align: center;} #contactwidget .wgbox1:after{position: absolute;width: 0;height: 0;border-top: 9px solid transparent; border-left: 9px solid #fff;border-bottom: 9px solid transparent; right: -9px;top: 50px;content: '';display: block;} #contactwidget .wgbox2:after{position: absolute;width: 0;height: 0;border-top: 9px solid transparent; border-left: 9px solid #fff;border-bottom: 9px solid transparent; right: -9px;top: 153px;content: '';display: block;} #contactwidget #wgqq .wgbox a{line-height: 30px;color: #333;height: 30px;display: block;font-size: 12px;margin-bottom: 10px;background: url(../images/mainv2.png) no-repeat;} #contactwidget #wgqq .wgbox a:hover{background: #00B0FE url(../images/mainv2.png) no-repeat;color: #fff;border-radius: 3px;} #contactwidget #wgqq .wgbox a.qqa{padding-left: 26px;background-position: 7px -2368px;} #contactwidget #wgqq .wgbox a.qqa:hover{background-position: 7px -2332px;} #contactwidget #wgqq .wgbox a.qquna{padding-left: 26px;background-position: 7px -2445px;} #contactwidget #wgqq .wgbox a.qquna:hover{background-position: 7px -2405px;} #contactwidget #wgwx .wgbox{text-align: center;} #contactwidget #wgqq .wgbox{width:150px;left:-185px;padding: 9px;} #contactwidget #wgqq .wgbox li{float:left;box-sizing:border-box;width:50%;} #contactwidget #wgqq .wgbox li.qqqun{width:100%;} .radio-group input[type="radio"]+span:before,.radio-group input[type="radio"]:checked+span:after,.checkbox-group input[type="checkbox"]+span:before,.checkbox-group input[type="checkbox"]:checked+span:after{background: url(../images/tool.png) no-repeat;} .radio-group,.checkbox-group{min-height:16px;line-height:16px;padding:0 6px 0 30px;white-space:nowrap;display:inline-block} .radio-group input[type="radio"],.checkbox-group input[type="checkbox"]{position:relative;float:left;width:16px;height:16px;margin-left:-22px;opacity:.001;z-index:1} .radio-group input[type="radio"]+span,.checkbox-group input[type="checkbox"]+span{position:relative;color:#505050;line-height:16px;white-space:nowrap} .checkbox-group input[type="checkbox"]+span:before,.checkbox-group input[type="checkbox"]:checked+span:after,.radio-group input[type="radio"]+span:before,.radio-group input[type="radio"]:checked+span:after{content:"";position:absolute;top:50%;left:-22px;width:16px;height:16px;margin-top:-7px} .checkbox-group input[type="checkbox"]+span:before{background-position:0 0} .checkbox-group input[type="checkbox"]:checked+span:after{background-position:0 -65px} .radio-group input[type="radio"]+span:before{background-position:0 -130px} .radio-group input[type="radio"]:checked+span:after{background-position:0 -195px} select{border:1px solid #E6E6E6;-webkit-appearance:none;background:url(../images/tool.png) no-repeat;background-position:right -281px;padding-left: 5px;padding-right: 5px;height: 35px;vertical-align: middle;line-height: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #555555;} .btn{width: 160px;height: 35px;line-height: 35px;background-color: #00B0FE;color: #FFF;border: none;cursor: pointer;font-size: 14px;border-radius: 3px;} .btn:active,.btn:focus{outline: none;} .btn:disabled{background-color: #eaeded;color: #999;} #linkdata{width: 100%;min-height: 360px;} #linkdata h2{margin-bottom: 10px;} #linkdata h2:before{background-color: #8d9399;} #linkdata h2 img{vertical-align: middle;} #linkdata li{float: left;width: 20%;} #linkdata li a{display: block;border: 1px solid #EDEEF0;color: #575E66;text-align: center;padding-bottom: 10px;margin: 5px;font-size: 16px;background-color: #fff;} #linkdata li a:hover{border: 1px solid #00B0FE;} #linkdata li a img{-webkit-transition: .5s;-o-transition: .5s; transition: .5s;} #linkdata li a img{display: block;margin: 10px auto;} #codetbox{background-color: #fff;border-top: 1px solid #FF8713;padding-top: 34px;padding-bottom: 31px;position: relative;} #codetleft{width: 695px;float: left;padding-left: 35px;} #codetright{width: 440px;float: left;margin-left: 30px;margin-top: 40px;} #codetbox h1{font-size: 24px;color: #353D41;font-weight: normal;margin-right: 9px;margin-bottom: 10px;} #codetbox h1 span{color: #999;} #codetbox #codedesc{color: #666;line-height: 24px;margin-bottom: 3px;} #codetbox .codelink{color: #666;line-height: 24px;margin-bottom: 10px;} #codetbox .codelink a{color: #00B0FE;} #codetbox #infoline{color: #999;} #codetbox #infoline span{display:inline-block;background: url(../images/mainv2.png) no-repeat; background-position: 0 -2670px;padding-left: 22px;padding-right: 20px;} #codetbox #infoline span#cauthor{} #codetbox #infoline span#creadnum{background-position: 0 -2730px;} #codetbox #infoline span#caddtime{background-position: 0 -2786px;} #codetright .coderline{float: left;margin-right: 20px;} #codetright .coderline a{color: #22BBFE;display: inline-block;border: 1px solid #00B0FE;height: 40px;line-height: 40px;width: 120px;text-align: center;border-radius: 3px;} #codetright .coderline a.on{color: #fff;background-color: #22BBFE;} #codecenter{margin-top: 20px;} #codecleft{width: 870px;float: left;background-color: #fff;} #codecright{width: 300px;float: left;margin-left: 30px;} #codectab{border-bottom: 1px solid #F0F3F5;} #codectab li{float: left;width: 95px;margin-left: 20px;} #codectab li a{display: block;line-height: 60px;text-align: center;color: #333;font-size: 16px;margin-bottom: -1px;} #codectab li a.on,#codectab li a:hover{color: #00B0FE;position: relative;border-bottom: 2px solid #00B0FE;} #codectab li a.on:after,#codectab li a:hover:after{position: absolute;width: 16px;height: 8px;left: 50%;bottom: -2px;content: '';display: block;margin-left: -8px;background: url(../images/mainv2.png) no-repeat 0px -1511px;} #codeccbox{margin-top: 20px;padding-bottom: 10px;min-height: 217px;} #codeccbox li{padding: 0 30px;} #codeccbox li a{border-bottom:1px solid #F0F3F5;display:block;line-height: 41px;background: url(../images/mainv2.png) no-repeat 0px -2604px;padding-left: 24px;color: #666;} #codeccbox li span{border: 1px solid #01B0FE;border-radius: 3px;font-size: 12px;color: #01B0FE;padding: 0 4px;margin-left: 4px;line-height: 12px;} #codeccbox li span.java{border: 1px solid #FF948D;color: #FF948D;} #codeccbox li span.python{border: 1px solid #44CB71;color: #44CB71;} #codecenter #codeinfo{color: #999;line-height: 54px;padding-left: 35px;} #codecenter #codeinfo h3{display: inline-block;color: #01B0FE;} #codecenter #codecontent{padding-bottom: 40px;padding-left: 35px;padding-right: 20px;overflow: hidden;} #codecenter #codecontent .syntaxhighlighter{background-color: #F5F8FA !important;overflow: hidden;margin: 0 !important;padding: 18px 0 18px 0;} #codecenter #codecontent .syntaxhighlighter .line{white-space: normal !important;} #codecenter #codecontent .syntaxhighlighter .line.alt2 {background-color: #F5F8FA !important;} #codecenter #codecontent .syntaxhighlighter .line.alt1 {background-color: #F5F8FA !important;} #relatecode{background-color: #fff;padding-bottom: 20px;} #relatecode li{padding: 6px 20px;} #relatecode a{display: block;line-height: 20px;background: url(../images/mainv2.png) no-repeat 0px -2616px;padding-left: 15px;} #relatecode li strong{color: #01B0FE;font-weight: normal;} #relatecode li span{border: 1px solid #01B0FE;border-radius: 3px;font-size: 12px;color: #01B0FE;padding: 0 4px;margin-left: 4px;line-height: 12px;} #relatecode li span.java{border: 1px solid #FF948D;color: #FF948D;} #relatecode li span.python{border: 1px solid #44CB71;color: #44CB71;} #relatecode p{color: #999999;font-size: 12px;} #samplecode{background-color: #fff;margin-bottom: 20px;padding-bottom: 15px;} #samplecode li{padding: 6px 20px;} #samplecode a{line-height: 28px;padding-left: 16px;display: block;color: #333;} #samplecode a.on,#samplecode a:hover{color: #00B0FE;background: url(../images/mainv2.png) no-repeat;background-position: -57px -1048px;} #debugcontainer{background-color: #fff;padding: 20px 35px;width: 1130px;} .debugbox{margin-bottom: 20px;} #debugtop{} #debugtop h1{font-size: 20px;color: #333333;font-weight: normal;line-height: 60px;position: relative;height: 60px;} #debugtop h1:before{content: '\0020';float: left;height: 20px;width: 4px;background-color: #00B0FE;margin-right: 7px;margin-top: 21px;} #debugtop #subtitle{margin-top: 8px;} #debugtop #subtitle h3{font-size: 14px;display: inline-block;} #debugtop #subtitle .cs-skin-border{width: 150px;margin-left: 15px;z-index: 9999;} #debugurl{padding-top: 10px;} #debugurl #methodbox{display: inline-block;margin-right: 15px;} #debugurl #methodbox .cs-skin-border{width: 100px;} #debugurl #url{width: 440px;display: inline-block;} .debugbox table{width: 100%;border: 1px solid #F0F3F5;} .debugbox table th{text-align: left;line-height: 20px;color: #333;background-color: #F5F8FA;padding: 9px 10px 9px 20px;font-weight: normal;border: 1px solid #F0F3F5;} .debugbox table td{line-height: 20px;color: #666;padding: 9px 10px 9px 20px;border: 1px solid #F0F3F5;} .debugbox table td span{vertical-align: middle;} .debugbox table .roundinput{width: 80%;display: inline-block;} .debugbox table .del{background: url(../images/mainv2.png) no-repeat 10px -2906px; width: 34px;height: 34px;display:inline-block;vertical-align: middle;} .debugbox table .col1{width:240px;} .debugbox table .col2{width:406px;} .debugbox table .col3{} .paramadd{color: #22BBFE;display: inline-block;border: 1px solid #00B0FE;height: 28px;line-height: 28px;width: 98px;text-align: center;border-radius: 2px;background: url(../images/mainv2.png) no-repeat 26px -2842px;text-indent: 14px;} #debugurl .btn{width: 88px;height: 34px;line-height: 34px;margin-left: 6px;margin-right: 50px;} #debugheader{} #debugheader .col2{} #debugheader .roundinput{} .debugaddline{margin-top: 16px;} #debugbody{padding-top: 10px;} #debuglink{margin-top: 10px;margin-bottom: 10px;} #debuglink #link,#debuglink #newlink{width: 918px;display: inline-block;margin-left: 17px;margin-right: 10px;} #debuglink #link{opacity: 0;padding: 0;width: 0.1px;margin: 0;} #debuglink .copy{width: 88px;} /*#debuglink .copy{background-color: #BFBFBF;}*/ /*#debuglink #newlink{color: #BBBBBB;}*/ .toolink2{float: right;color: #fff;background-color: #00B0FE;border-radius: 3px;padding: 3px 8px;font-size: 12px;} .toolink2.gray{background-color: #BFBFBF;} .debugbox table .summaryinput{margin-top: 10px;width: 363px;} #debugresponse{padding-top: 10px;} #debugrleft{width: 331px;float: left;} .debugrtop{text-align: left;line-height: 20px;color: #333;background-color: #F5F8FA;padding: 9px 10px 9px 20px;border: 1px solid #F0F3F5;} #debugrleft #debugrlbody{min-height: 260px;background-color: #fff;border: 1px solid #F0F3F5;border-top: none;padding: 20px;line-height: 22px;color: #333;} #debugrleft .debugrtop{border-right: none;} #debugrright{width: 790px;float: left;} #debugrright #debugrrbody{border: 1px solid #F0F3F5;border-left: none;min-height: 260px;max-height: 1200px;border-top: none;background-color: #F5F8FA;padding: 20px 0;} #debugrrbody .syntaxhighlighter{background-color: transparent !important;overflow: hidden;margin: 0 !important;padding: 0px 0 0px 0;} #debugrrbody .syntaxhighlighter .line{white-space: normal !important;} #debugrrbody .syntaxhighlighter .line.alt2 {background-color: transparent !important;} #debugrrbody .syntaxhighlighter .line.alt1 {background-color: transparent !important;} #debugbody .upload{width: 100px;} #debugbody img{vertical-align: middle;margin-left: 50px;} .roundinput{display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #E6E6E6; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .roundinput:focus { border-color: #00B0FE; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(77, 202, 255, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(77, 202, 255, 0.6); } .has-error .roundinput{ border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .roundinput[readonly]{background-color: #eee;opacity: 1;} #foolday{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.3);transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;opacity:0;transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);} #foolday img{width:500px;height:500px;position:fixed;left:50%;top:50%;margin-left:-250px;margin-top:-250px;} .trans180{transform:rotate(180deg);overflow:hidden;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);} .isapelogo{float:left;margin-top:8px;} .hotdata li span i.ispeiprice{color:#999;font-size:14px;} #keyword{float:left;} #promotion-box{position: fixed;right: 7%;top: 30%;} #promotion-box ul{padding-top:24px} #promotion-box .coupon{box-sizing: border-box;margin:0 auto 11px;padding:10px 0;width:132px;height: 62px;color: #fff;background:url("/static/images/1111-couponbg.png") no-repeat;} #promotion-box .coupon:first-of-type{background-position: 0 0;} #promotion-box .coupon:nth-of-type(2){background-position: 0 -105px;} #promotion-box .coupon:nth-of-type(3){background-position: 0 -209px;} #promotion-box .coupon:last-of-type{padding-top:20px;background-position: 0 -317px;} #promotion-box .coupon:last-of-type>div.right{margin-top:-10px;} #promotion-box .coupon>div.left{float: left;width: 50px;text-align:center;letter-spacing: -3px;} #promotion-box .coupon>div.right{float: right;padding: 3px 5px 0 0;} #promotion-box .coupon>div.left span{font-weight: bold;letter-spacing: -4px;} #promotion-box .coupon>div.right dt{font-size: 17px} #promotion-box .coupon>div.right dd{font-size: 12px} #promotion-box #receive{display:block;background:url("/static/images/1111-couponbg.png") 0 -430px no-repeat;margin:auto;width:132px;line-height:28px;text-align: center;color:#986603}