/*右侧联系悬浮窗*/
#relation_div{
    position: fixed;
    width: 48px;
    top: 550px;
    right:10px;
    background-color: #7a7a7a;
    cursor: pointer;
}
#relation_div .relation_span{
    background: url('../../images/ce_icons.png') no-repeat -130px 0;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 5px;
    position: relative;
}
#relation_div:hover{
    background-color:red;
}
#relation_div .moddle_box{
    background: #f7f7f7;
    right: 42px;
    font-size: 14px;
    box-shadow: 0 0 4px #ddd;
    box-sizing: border-box;
    color: #666;
    width: 233px;
    height: 190px;
    padding: 20px;
    position: absolute;
    top: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all 0.1s linear;
    display: none;
}
#relation_div .moddle_box p{
    margin-left: 20px;
}
#relation_div .moddle_box .qq{
    background: url(https://img.compresscat.com/images/ce_icons.png) no-repeat -7px -54px;
    position: absolute;
    left: 15px;
    top:21px;
    width: 21px;
    height: 21px;
}
#relation_div .moddle_box .phone{
    background: url(https://img.compresscat.com/images/ce_icons.png) no-repeat -51px -54px;
    position: absolute;
    left: 15px;
    width: 21px;
    height: 21px;
}
#relation_div .moddle_box a:hover{
    color: red;
    text-decoration: none;
}
#relation_div .moddle_box a i{
    margin-right: 3px;
    display: inline-block;
    height: 16px;
    width: 23px;
    background: url(https://img.compresscat.com/images/qqol.gif);
}
.wechat {
    position: fixed;
    width: 48px;
    top: 500px;
    right: 10px;
    background-color: #7a7a7a;
    cursor: pointer;
}

.icon_wechat {
    /* 这里的图片北京路径需要改为../../imagers */
    background: url(../../images/wechat.png) center no-repeat;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 5px;
    position: relative;
}
.qrcode_box {
    background: #f7f7f7;
    right: 42px;
    font-size: 14px;
    box-shadow: 0 0 4px #ddd;
    box-sizing: border-box;
    color: #666;
    width: 233px;
    height: 260px;
    padding: 20px;
    position: absolute;
    top: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all 0.1s linear;
    display: none;
    text-align: center;
}
.wechat:hover{background: red;}
.wechat:hover .qrcode_box{display: block;}
.qrcode_box img{width: 100%;}
.qrcode_box p{font-size: 12px;color: #666;}
.container {
    width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
}
#uploader .filelist li .nr .info a.yulan{
    margin-right: 40px;
    margin-top: 6px;
}
#uploader .filelist li .nr .info a.yulan:hover{
    color: #00b7ee;
    text-decoration:underline;
}
.header {
    background-color: #3c6cfe;
    height: 60px;
}
.header.header_koutu{
	background-color: #fff;
}
.header .logo {
    margin: 0px 60px 0 0;
}
.header .menu{
    margin-top: 0px;
}
.header .menu ul li a {
    display: inline-block;
    color: #fff;
    height: 60px;
    line-height: 60px;
    /*width: 180px;*/
    width: auto;
    padding: 0 20px;
    text-align: center;
    margin-right: 5px;
    text-decoration: none;
}
.header .menu ul li a:hover,
.header .menu .active {
    background-color: #507bfe;
}
.header.header_koutu .menu ul li a{
	color: #333;
}
.searchWrap{
	width: 150px;
	height: 36px;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 0 5px 0 40px;
	position: relative;
	margin: 12px 0;
}
.header.header_koutu .searchWrap{
	background: #ececec;
}
.searchWrap input{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}
.header.header_koutu .searchWrap input{
	background: none;
}
.search_icon{
	position: absolute;
	top: 10px;
	left: 12px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACgUlEQVQ4T5WTS2hTQRiFz7lXm2C0oq7SYMGlYtGluim2VMVuuhARsVBN7r2hXSmCjyrGogVXRYK2MzfVaPGBghR80Cp0Ib52IoIIipbqRjfiRmMe95cJTUk1apzVPL85c+Y/RFVzXXchgBYAe0luFJHlAIoAPpKcFJFrWuuZ6jOVPisd13WXAugH4AGYJnkfwCsAIRHZAKANgJA8HI1Gb6ZSKXPBXCuDent7FxeLxUsANovIId/3/V9v7evrW1EoFE4CiAM42tTUdDaVSgXViuh53mkR2Q+gQ2v9qJb0KuVGdT/JHUqpe3Mgz/PWiMhTETni+/75v0HMmvFRRMZJLrNtu3N4ePiLmafruqcA7AyFQi3pdPrHv0Bm3fO8DhG5RXK3Uup2BfQYwEutdbIeyKyqRQCeALijtT5e/gTXdd+LyGAtg//h1SSAT/l83s1mszkDmiF5TCl1uV5Fs6qM0V8jkci+oaGh7wb0guS4UurEf4DMuYci8jwWix0wNWUmxgA0a61b6wUlEonVlmVNiUi/7/sXymZ7nrdNRG4EQbAlk8k8qwfmed6giOwh2a6UelMG9fT0hEOh0F2TK9u22yp18Seg4zitJK+QPKOUSs/LWjKZXBsEwQSA16VSKTk6Ovq2FshxnK0kLwKIBkHQnslkpn4LreM4m0hmATSIyJht2xNBELwrlUoNlmWtI9kFoIvkAxFpALDe1KbW2oQbc+k3g0QiscqyrASAXQCWAPgGYAEAE4tpAJlcLne1sbExXCgUzgHYLiKu7/vX54FmZTIejzfbtr2SZCwIgrxlWR9IzoyMjHyuPKW7uzsSDocHSMZJDtQC1fNx5T2zAT4IoPMndXcMvI3dGNoAAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 18px;
	height: 18px;
	
}
.header.header_koutu .loginBtnPc{
	color: #333;
}
.loginBtnPc{
	color: #3c6cfe;
	font-size: 13px;
	text-align: center;
	width: 76px;
	height: 30px;
	line-height: 30px;
	margin: 20px 0 20px 0;
	border-radius: 5px;
	background:#e6f1fe;
}
.loginBtnPc span{
	cursor: pointer;
}
.loginBtnPc span:hover{
	color: chocolate;
}
.newuserxx{
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
}
.newuserxx .vip_btn{
	color: #6b3d1e;
	font-size: 13px;
	text-indent: 35px;
	width: 98px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background: url(../images/vip_btn01.png) no-repeat;
	margin-right: 15px;
}

.newuserxx .vip_btn:hover{
	opacity: 0.8;
}

.login_userInfoWrap{
	position: relative;
	height: 60px;
	display: flex;
	align-items: center;
}

.login_userInfo_touxiang{
	width: 35px;
	height: 35px;
	border-radius: 100%;
	cursor: pointer;
}
.login_userInfoWrap:hover .login_userInfoC{
	display: block;
}
.login_userInfoC{
	display: none;
	position: absolute;
	top: 55px;
	background: #fff;
	right: 0;
	width: 210px;
	height: auto;
	background: #FFFFFF;
	border-radius: 4px;
	z-index: 9;
}
.login_userInfoC0{
	display: flex;
	align-items: center;
	height: 66px;
	font-size: 14px;
	color: #333333;
	padding: 0 18px;
	border-bottom: 1px solid #ebeef5;
}
.login_userInfoC0 img{
	width: 30px;
	height: 30px;
	margin-right: 12px;
	border-radius: 100%;
}
.login_userInfoC1{
	padding:10px 18px;
	border-bottom: 1px solid #ebeef5;
}
.login_userInfoC1 div{
	display: flex;
	align-items: center;
}
.login_userInfoC_regularMembers{
	justify-content: space-between;
	width: 100%;
}
.login_userInfoC1 div i{
	display: block;
	width: 20px;
	height: 14px;
	margin-right: 5px;
}
.login_userInfoC1 div i.login_userInfoCVipIcon0{
	width: 18px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAACpklEQVQ4T2WTT2hVRxTGf+fed9/NneQ1McZEAw9bE2KLoBRaQlfWRTbBXUsogS4sBLULheyMCi5sFFwoSKHRbnRhIeqiBAyIC90KtVBIGxRsbCFqrJX8ee/de+fOPfLew2D0gxkGZubHnPN9I7wlvdrTTUvpO6JwhIK3FcgBRRszOHycLpEmN0nTn+XbJ0/fXJc3C53u34LvjWHMYUzQi6jX5DQAkAmaC+LISe1zbOUSmv0kIwvP6kcaIL3a100pPIwxhzBuK34CQQhiwGlzZB7YGE2r4IqI816QVS7j0ot1mOgv5V68aEw/KH1Pq9cthRXwEiga8DdDVgCbQVoDu4wmMbg28EpIlv1HUpvCpVOi0wMXCVu/oVW6CJZh237o/BJe/QrLd0EDSBTSFegYhJ5ReHoPXbwDtCM2f0lSvSF6fdfvaqLd0mI9vJfw0REoH4X0X1gYh6VZSBU27YWdFyDqh/lz6KPL4G9BMsmx1T9Fr318kLbwIFGwh6DqEbbBh+PQ8xXEj2F+DJwHn/wIZgAWp2H+PFqLIQ9zcfEceXxJdKrX0NUxTBRMYAp7kFUPD+g7BT1fg11qehJ0wbNr8NdpNKl7tCknTebErZwhr8w0XbvVH+J0mLBlgiD6FFnxG7b3HYPeUdAMFq/Aw7OoDRA6nSaVP8TWzrD294wcIH4rRxQJtw/hd0wQhYPIKx9CKB8ALDy5gloL0unEVh+QrE1iFmZlmGQ9R+uhnCKgY2AI03ISE36uWvPFrqH1VHslUOMkrT5AVn8gXpiVEdL3kr0RtmOIMDqukRkUrN8AaeDIqr/lcWXS142Q9160AdZe3kdYOqHF1i+k/lPS6n2oTbL98W35rF7rRq336N0NrZfZXh6mWBonkwLp6nn+/2dGjjR78q5eA4W+HRCojbLQAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.login_userInfoCVipIcon1{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAADhUlEQVQ4T4WTbWiVZRjH//fz3M/Lzs5e3cvRDba5s7WKXqRFmgVKhFgYsmWxzCEKG0FRDIqgIEdk0AehtAix9mGuRX1I24ulwZJCbK53NlNcmzaJs+3s6M6e1/u57yvOifqwD3V/vX7/33VzXVwM//PmP9t1t1TaG4zrBtfwasWOj8b/K8LSo7uL3ZWQpzJl2dbuo2I1PH+yc4Ni9L6S0lSKPVPbPnB+NUNjW/g1Z11RXGOSXT+x502dwQapDxM7B35dDXu/H6vzFhfeceYuajxYfm5tx4nZ1czi8J5bBWG/EpLYn0OdUwDiURT1LgvRf/sTn4b/BGimz/ZNqyPMZA+4M9+RDFZe82LZj5seORX8y3yyy7zOeQc3eC8RfDY/2vm474s24bvxUKijLGJnW/Z/ns0FnOnBVmJ0SDpLm/2r3xMJ/ywjvae67fjPufqPfTtLbSYf4hr2WrHCtG0bI4wmuozpSwvtRNFbgB6AogEZOoPx9fc65bX39EBHV+QsFLpXJwAZZjk33laO++6i71YYuvY0I+1JRYo4N15oSCyNslynKwOPbmXQ3yNoLSTDG0TiXFny/rl4zR3boGt10l2COzsOJj3SDetyELhnVrJOM1O0EWDFRPhJZ7J7/e7h8bxwdnD7hkiaR8BokxQBY5otSxruEyX1zWawnNX8pRSi9G+g0EGwEigYCBjXTEXQQaQI9DVJ+Wxz58jFv3/Y/1gSDIchxcPMNHXdqkHoMpQlk7g5Nwd/YR4IUmAQWEndADM4YlUlsMvjYKCIFIag4/lkx8k/8sKp/ra1OgWHKHTbi+vvNAoqb0Nq4gKE7wKWDdO0EMxfAqkAfsYDuI7CyhLEqoqgpAyIMIBQvNy079RCXjh5bFs5g/+6FVuzr/Ku7ba9JoFrY19i+otRJDY+iPKGeixNfoPIycLNuKhorEFJTQUUCJ7juAzqCHP8g43dX93MC7/9YHNRlV32YmnDpp54oqlQtzQsTk3iysgQah/Ygnh1JVIXTiMKXJgFMVTdUgtN1yG8EIHvL8soOFhQjMPrdgy5eeFM316bJwq7SutaezXDLCUZQgoBL52GVV6Z2y6WL5+Dijzw3AgKLCilACIIEaZDz3/JN63juaPIC4kOaKmxcGusurGXaayFIiGYaSpumiBokE4G/twPUKEHaBwkJcCgEcGIIvGLHzivJJ8aPs8A+gtWgcTCCNI8+AAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.login_userInfoCVipIcon2{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAADLUlEQVQ4T6WSXUyWdRjGf/fzvF+8gAMMAm1KCpZQY5WLataWqxnGXGvRWli2UVuOlqnzyBpx4ImrdWBxUNLm2tIw2lxjzZIwZ6PUVkKIy8kKUIqX8SK8X8/H/7nbS1ucxUH36bX7t+u6r1tYZnRLw+qgqXy3Xpn/xe4+f0xA/2tFlgP6z61/xepq+lDPXR21PhjZLKcmZ/8XUN9vv1c3jX+vV4Ne+4W+HcsZEN1yz1pTax6zN2z+WvZ1TaiqBScEWhARo8mel3Si92NiZaNy286tEn9gUnUgBAmFlgA6xRy40MTk9ZA9XtInpuuJI7K9qk2/Tb9nv9izV1Vt/hqKSWVDOjt6rDoW/XFAc39W4+fQwoZP7fWdraoXwyQKolJRn9LvPrpdo2d+JuIV+u+OPCTm9cbdsnNVB1KZMNG7Xw7V7Tq3GOvyqVLH7T8ajU81q+OBnwX1MNHGt0L1HQcBi7ETRcHccLs4gweZLxmU7vFW0bzw1d7nua/okyDrzRm3si9cVNPvz19qts21p8XywaRR10HVRcJxV0ubD5tsdIzEQIvtnX9YrPqTkrljl2ztnF5sWRfOlnOzf1hN6lbUQh2FnIMVV4KbSTQ9DxEfXQjQdIBdFQMCxJlFcwms2j37ZV37O6oq/wDzR5784ax60w9ixQkWfDLHL1P47Bqyp69hZhaI1IRwL+UgCGFXRYg/Xopmk2iQ9u2Nbz4jldtP5gv99w914vARdX5rwyoGK0zq6BDhtVG8sWmsqI8VN3hjPuG6FbhDOYpbV0EwA3Y0YW3o2CbljRcXgYs2RVSnevbr/MAhpAiJxXEGJ0l/foXYIwWI+uRbdoZdrIo4BfffQmhNDE3dQFbU/CrVe7ZRdteNfNglYOKbJ3Wm9ws0HJFIASaRIvn2BVa8uhIzngIni3ddKWyuwF5ZTJDxIDeFVD36pVS27aDMzUGdvwSc+WmjJrrP4KYqsKJgDN4fCezSDJqcA5NDXRu7vDAfc1HHm4Xa1w5Z6+48ANUhqHaXbpgcKGHm9HHN/r4JYg5qENtBM3MQZMB4KDaiYSAMgS+oK1Kz7w1Z/dRnqiMRqPP+BvZrl/hXgqnEAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.login_userInfoCVipIcon3{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAADQElEQVQ4T5WT3WscVRjGnzO7k8lsdrLp4Ma6moRqk5Q0RpOUhoaatpKLFlNvpIKIXgi9UES8jSCI0OofICrUFhTEUsQbtTGlNBcaDNKQ1rqxDWkgrc12vz9mZ+fjnDOvzBRrryyey3Pe9/e8H89heMgp/vjJQNxMn/Mblaz088czRz9o/VcKexiwsvDlDCnse7+ylVeM9mcenX43/7+ARHRfhDFGVL7WU1u7fj2mab91jr146MH3EBzGPCjAihdOvaJo6l6zf/gEy+wpEZ2LAekIytghIUt/nnAr9fcYBVxPd73OzKGzRJdVwIpAYYxzc2F/89bGq0Gz9jmrLn1bFlbVbN/+2FvG0zOfRcFFXWPdu5uUX5l0Lf8SdyyNuAdV77irG/oB9sTEGhWySaQLbghs/j73g1+rvuBVt86w4qVTHyKQbxs79xTjCe39WMz+CeaE5a/PD3EP30HRBwLugoQPEhyqri8nejPHkBrZxK1fUp7nvewUCydFo5SDgtmoNVlafVNy9VPiDhjjv7K4siht+4gUtJuEi0BwEPdBAQeI0JYyr8Y17aJTuHPQq+TH48lUrX3HwHCiZ/JOBKTq2pRv8wUSvkIkQcKDcFuIqSp8qw7p2lBiCoTThOQutGQnEASQvgNp15F4fOeiMf7Sc+GC7gEr2V7ekivS90wggHAtbFz4BjueP4a/lubB7TpSmT6U1legMAVaVzcyI/sgvRaEbSE1MPKFvuvw8dAB94B0WeVb6s+i1ZoAC6Jq1ue+RnJ7Lxq3b6AtkURcVVHPbcB86lmUbizjyamj0Uyl24I5vG9W7Zv8mIgUFlEZI5G7ctprWG8wBFGrhewSNhfPo3twDKHVwvvyzT/Qlkoj3T+CjkfSUXUgRttG98/Eu0fP/wNUGGOBLFybdUrFkyAJpjB4Vg1Xv/oIg0deQ/PuJkABmvnb6JmYDu0D6bsQjgU10VXdNrZ3EkZ5HTgY3K+QytnDdm5rLrQIQEAgYeU2oXUY8OtlhMuS3EO70QUWU0BSQjoNJDL9q51Do1Mw7AYwLv4FVlf73HJ5XrRskzGSYULYpnAdQIR2EdEPCyiI9EJB6bttHX27zuqD0+8Ay0oI/BvTdMaxtzYaWQAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.login_userInfoC1 div p{
	font-size: 14px;
	color: #333333;
}
.login_userInfoC1 > p {
	font-size: 13px;
	color: #333;
	margin-top: 3px;
}
.login_userInfoC1 p span{
	color: #F00;
}
.login_userInfoC_regular_members{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.login_userInfoC_regular_members div{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 22px;
	background: linear-gradient(0deg, #FEEDD2, #FAD291);
	border-radius: 5px;
	font-size: 13px;
	color: #A06115;
}
.login_userInfoC2 a{
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
	padding: 10px 18px;
}
.login_userInfoC2 a i{
	display: block;
	width: 14px;
	height: 15px;
	margin-right: 5px;
}
.login_userInfoCIcon0{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAACNUlEQVQ4T3WTzWsTURTFz71vphOt8QPF2lpXBiHUxCTTxIUg9QvcuvBjI6h1p6AL/w+xq4IUqujKjaALFRciSDDNpAXJIlgEcSPYCtE0NM3MvfKGRqagb/V43N+595z3HiGxMpnMznQ6fY6IjgPYDkCJqAegsb6+/qrZbP4clNNgMz4+vm1kZOSCqp4BUANQjaIoMsaUieiEiFS73e6zVqv12zIDkHzfr6jqLSJ60W63Xy8vL/+yBfl8fth13SlVvQxgvtFovAMgMTgxMbEjlUpdBTAmIjOLi4s/khYqlcreKIruikiHmWeDIGjHYKFQ2E1E09bP2trao8E4A3hT+IaI7GPmmSAIVmLQ930bxEUAOWZ+sLCw8C3ZsVwuHxCRewC+djqdeSv812OxWMwy821VrRHRy9XV1Y7jOOp53rDneWcBnBaRuaWlpXqcdkLZKZVKJwFcB2A9flTViJknARwSkSfM/DYIgn4yVeRyuT2u654CcA3ALiKqq2pIRJOqusHMj5n5Ta1Ws3cZd6R8Pn/QdV0L7BeR98zc6vf7Has8NDQ0HIbhYWaeIiJ7Nh8EwRfKZrOjqVTqJjOPqupcr9f71Gw2N5Lh+L7vhmF4xBgTJy8is1QsFq8AOG+MeViv16v2cpNQYk+FQuGYMeaOqlapVCrdJ6LPmyN0/wPFx5lMxkun05fsE7RP7TmApyLyQURIdUvSW3SMMSIiRx3HmY5BVf0OYMUGZde/uqqqbv6Wnao69gc/ifRx1JbppAAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.login_userInfoCIcon1{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAABxklEQVQ4T42SvWpUURSF1zr35JrI9QdMGG9IKQySIuHOfQUJeYGIhYXvoIUhqSwsBZ/AxlQSJaXg3wPMNHYWdkIQojOMJLlzc/aSMzMMiZkBd3M4xdrf3mttFkVxxzn3SNKSpAOMapNkBkCSTkl+MLOfzrn78Q/gFVut1jMAi2dnZ6+9919DCARwM0mSJHao69pCCD0Ag7m5ubvOuQckXRS+k/Sy0+l8BmBj4qzHtVqtdQCPo/CtpO1Op/NtdXV1IcsyN03V7XaV5/lJv99fBrDDoijeANgdDAa/5ufnNyRlZnaB7Jxzkk7iruOmTydCkl1JGwAykuE8VdJQKOljkiSx6VC4H0LYPTo6+t5oNJbruvYk9Y+Q3vtQVdVhmqa3SG4PiSR3Qgin3vstM7tB8sKokUjyD8n9SL5EzPM8N7N0GnGUTH2YJMnihBjNqarqd5qm95xzmaQLxJjbeMdPI580GjUKozkkN83s+rRRARyb2fuJOedzbDabV2fl2Ov1tLKycjzJsSzLA0kv2u32l/+4HK6tra1775/Ey3ku6ZqZ7ZH8ISne6qUaG7ZEcgvAAsuybJrZQ5K3AVSzjlQSSF4B0AWw9xf5SgAwwSJWrQAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.login_userInfoC2 a i.login_userInfoCIcon2{
	width: 15px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAB60lEQVQ4T5WTzWpTURSF99rX9KQzQajWWLEjBwkJN3fg0JfQgagzJ/5VpGKfQCf2BQztoHVQnPgAIojjSLghRKgtDp1Y/EuRm+SeveTUGyk1Cp7pYe29zvrWQZIk90g2ABhJDyAiCQBvzewNgKsiMg8gl19HSUYisoskSTa89y9E5J2qBhW99wuqehnANslFEXkO4JP3XqMoMjNbBHAJzWZzfTweP+r1eh+KyVKr1U465x6SHADIsixr9fv9z5P7JEnmSd4J4qci8qTT6eweFs/MzCwDGJDMhsPh+lGxiNwMtlt5nq92u933h8XlcnmZ5HeSw/8WO+cekNwPtkejUavX6335w/a0zdVq9ZRz7r6I7AGYI/ksBGZmCKGa2TkRuT7VdhzHp1V1ieRLAE0RWSBpIhJoaIFre6q40WhUoiha8t5vAjiuqhcBzAZGqhrE37z3r/61+a6ZdQFcKOwPRARFgU6IyOxf0w6oQtqq6khumNme9x4hNOdcheSNA85mtpqm6c4Uzvsi8sN7v5am6dcjJboVNq+p6uN2u/27YfV6fa5UKq0UnLM8z6ehuh02b5LcCt2eTCZZUdXwIXYAnAn3k26H7gM4C+AK4jheAXAewDDgKFAcI9kn+RrAtZA4yRFw8OSQdklEPv4EXJ5OgP7znnYAAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.login_userInfoCIcon3{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAACRUlEQVQ4T3VSMWhTURQ99/2f5keLjQSLg0iQgELShOQhIYNt6KKLLg6V4mBVHAoiVcFF7KQoUgRRcRIcdBBBBVuQLhmsS0ggn9+h4hAwFQVTpGrM+/n5V174kVDqXR6c986795xzCdtUIpEIj4yMnGDmw67rLjiO823rMxoARDqdjti2/UdKaTHzBSIqCiEulsvl9eBOAfA0p0eMx+NWNBqdFEKMEtErAB0A55m5aBjGpc3NzR/Dw8PHAbQ6nc6ybdu/NdGQUmrwGoA37Xb7gWVZPoBzzDxhGMacaZrflVJnAZwWQtxn5peUy+UkEd0E4Hied69Wq32RUkY0EcC4EOJyuVxupFKp0VAoNCuEOMLM8ySlvAUg43neXK1W+6hHl1Lu2KLxs8bHxsYODA0NLTDzuu64TETvADyqVCot/aBQKERc151h5nHP867att3QeOD2DIApTVwBcLtarS4C0Np0mZlM5qBhGPuUUiurq6u/+u7ncrlJIrquiR+0xkqlsgSAB+MpFouiVCr17O9XNpudEELc0MQSEb1oNptP6vV6e7uF6GNSyhAzT+motDkPAexRSl1xHKdnwv8qmUzutSzrDjOT7ngUwDyAZ0qpp4N6Bj8IjDkFYNb3/buUTqd3mqZ5BsA0gOfdbvd1s9ncaDQavbHj8Xg4FovtZuZjRKQdXep2u497K5fP53e5rjtNRCcBfCWiFWauB2bt1wkB0OdiMNXGvyXXofu+XxBC6PU7BCAcjOoy8ydmfttqtd6vra391Phf5NL+xW4+QV4AAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}


.header .menu a.allFn,
.header .menu a.allFn:hover{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 32px;
	line-height: 32px;
	background: #0083E9;
	border-radius: 16px;
	font-size: 14px;
	color: #FFFFFF;
	margin: 15px auto;
}
.header .user-cz {
    padding-top: 15px;
}
.wxchatLogo{
    background: url('https://img.compresscat.com/images/no-repeat.png') no-repeat -50px -82px;
    padding: 12px 13px;
    margin: 0 4px -5px 0;
    display: inline-block;
}
.header .user-cz a {
    color: #fff;
    display: inline-block;
    margin: 0 10px;
}
.header .user-cz a img {
    margin-right: 6px;
}
.content .ys-tabs {
    margin-bottom: -2px;
}
.content .ys-tabs ul li {
    float: left;
    background-color: #cfe7f9;
}
.content .ys-tabs ul li:nth-child(12){
    display: none;
}
.content .ys-tabs ul li:nth-child(13){
    display: none;
}
.content .ys-tabs ul li:nth-child(14){
    display: none;
}
.content .ys-tabs ul{
    display: flex;
}
.content .ys-tabs ul li a {
    display: block;
    padding: 0 18px;
    height: 45px;
    line-height: 45px;
    /*border: 2px #ffffff solid;*/
    /*border-bottom: 2px #e6e6e6  solid ;*/
    /*border-radius: 3px 3px 0 0;*/
}
.new_wrap{
    position: relative;
}
.new_wrap a{
    padding: 0 28px !important;
}
.new_wrap img{
    position: absolute;
    top: 0;
    right: 0;
}
.content .ys-tabs ul li a.active {
    background-color: #3c6cfe;
    /*border-left: 2px #e6e6e6  solid;*/
    /*border-top: 2px #e6e6e6  solid;*/
    /*border-right: 2px #e6e6e6  solid;*/
    /*border-bottom: 2px #ffffff  solid ;*/
    color: #ffffff;
}
.yasuoBtn{
    margin-top: -5px;
}
.btn-group{
    margin-top: 5px;
}
.content .ys-gn-nr {
    /*border: 2px #e6e6e6 solid;*/
    padding: 20px 0;
    /*padding: 30px;*/
   /* padding: 10px 30px 30px 30px;*/
}
.content .ys-nr .ys-items {
    width: 50%;
    padding: 20px 6% 20px 0;
}
.content .ys-nr .ys-items h3 {
    color: #990033;
}
.content .ys-nr .ys-items p {
    line-height: 30px;
    font-size: 14px;
}
.ys-content {
    padding: 30px 0 50px 0;
}
.ys-content .ys-list {
    width: 330px;
}
.ys-content .ys-pd {
    margin: 0 50px;
}
.hc-content {
    background-color: #ebf7fe;
    padding: 60px 0 10px 0;
}
.hc-content .hc-list {
    width: 45%;
}
.hc-content .hc-list .top .info {
    padding-left: 57px;
}
.hc-content .hc-list .top .info h3 {
    color: #1c1c1c;
}
.pl-content {
    padding: 50px 0 20px 0;
}
.pl-content .pl-form {
    width: 500px;
    margin: 0 0 60px 60px;
}
.pl-content .text-area {
    border: 1px #e6e6e6 solid;
    padding: 10px;
}
.pl-content .text-area textarea {
    width: 100%;
    border: 0;
    height: 100px;
}
.pl-content .pl-btn button {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background-color: #01b6ee;
    border: 0;
}
.pl-content .pl-lists .pl-hed {
    color: #247188;
}
.pl-content .pl-lists ul li {
    border-bottom: 1px #e6e6e6 solid;
    padding: 20px 0;
}
.pl-content .pl-lists ul li .pl-info {
    padding-left: 50px;
}
.pl-content .pl-lists ul li .pl-info .title .zan {
    float: right;
    background: url('https://img.compresscat.com/images/zan-default.png') no-repeat right center;
    padding-right: 30px;
    display: inline-block;
    color: #999;
}
.pl-content .pl-lists ul li .pl-info .title .zanhover {
    background: url('https://img.compresscat.com/images/zan-hover.png') no-repeat right center;
}
.pl-content .pl-lists ul li .pl-info .nr {
    padding-left: 6px;
    line-height: 26px;
}
.pl-content .pl-lists ul li .pl-info .nr span {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 0 8px;
    border-radius: 3px;
}
.pl-content .pl-lists ul li.first {
    width: 55%;
}
.successData ul li {
    border: 1px #a0d6ff solid;
    width: 32%;
    margin: 0 0 1% 1%;
    float: left;
    position: relative;
}
.successData ul li .nr {
    padding: 15px;
}
.successData ul li .nr .fl {
    width: 130px;
    padding-bottom: 8px;
}
.successData ul li .nr .fl .pic {
    width: 130px;
    height: 80px;
    overflow: hidden;
}
.successData ul li .nr .fl .pic img {
    width: 100%;
}
.successData ul li .nr .info {
    padding-left: 150px;
    size: 10px;
    line-height: 30px;
}
.successData ul li .hover-show {
    height: 35px;
    line-height: 35px;
    background-color: #26c2f1;
    opacity: 0.8;
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: right;
}
.successData ul li .hover-show a {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    margin: 0 8px 0 0;
}
/*@media only screen and (min-width: 415px) {
.footer {
   display: none;
}
}*/
/*@media only screen and (max-width: 414px) {*/
.footer {
    background-color: #f5f5f5;
    border-top: 2px #e6e6e6 solid;
    padding: 30px 0;
}
/*}*/
.layui-form-label {
    width: auto;
    font-size: 14px;
}
.layui-form-select dl dd.layui-this {
    /*background-color: #2980b9;*/
    background-color: #3c6cfe;
}
.layui-form-item .layui-inline {
    margin-right: 0;
}
.layui-input {
    background-color: #f0f0f0;
    font-size: 14px;
}
.upload-btn,
.ssi-button.success {
    margin-top: 10px;
    background-color: #00b7ee;
    border: 0;
    width: 80px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    text-align: center;
}
.upload-btn:hover {
    background-color: #00abde;
    color: #fff;
}

#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 10px;
    overflow: hidden;
    margin-bottom: 40px;
    z-index: 1000;
}
#uploader .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #1483d8 url(https://img.compresscat.com/images/progress.png) repeat-x;

    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;

    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;

    -webkit-transform: translateZ(0);
}

@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
.link{
margin-top: 50px;
}
.link p {
    padding: 5px 0 ;
    margin-bottom: 20px;

}
.link p a{
    color: #00a2d4;
}
/*@media only screen and (min-width: 415px) {
.link{
display: none;
}
}*/

.logo img{
    height: 60px;
}

.header .nav {
  display: none;
  width: 60px;
  height: 60px;
  position: relative;
  transition: all 300ms ease-in-out;
  margin-top: 5px;
}
.header .nav span {
  width: 25px;
  position: absolute;
  height: 2px;
  display: block;
  background: #fff;
  left: 50%;
  transition: all 0.3s ease-in-out;
}
.header .nav span.line1 {
  top: 18px;
}
.header .nav span.line2 {
  top: 25px;
}
.header .nav span.line3 {
  top: 32px;
}
.header .nav:hover span {
  transition: all 0.2s ease-in-out;
}
.header .clickactive span.line1 {
  transform: rotate(-45deg);
  top: 25px;
}
.header .clickactive span.line2 {
  opacity: 0;
}
.header .clickactive span.line3 {
  transform: rotate(45deg);
  top: 25px;
}
.header .phone-menu {
  width: 160px;
  background-color: #000;
  opacity: 0.8;
  height: 100%;
  position: fixed;
  left: -160px;
  top: 0;
  z-index: 99;
  text-align: center;
}
.header .phone-menu .title {
  height: 60px;
  line-height: 60px;
}
.header .phone-menu p {
  margin: 0 10px;
  line-height: 50px;
  border-bottom: 1px #3b3b3b solid;
}
.header .phone-menu p a {
  display: block;
  color: #fff;
}
.header .phone-menu p a i {
  margin-right: 8px;
}
.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.cc-style-first{
    width: 200px;
}
.cc-style-other{
    width: 120px;
}
.phone-giftool{
    width: 600px;
}
.footer .fr p{
        display: inline;
    }

@media screen and (max-width: 470px) {
    .container{
        width: 100%;
        padding: 0;
    }
    .header{
        padding: 0 3%;
        margin-bottom: 20px;
    }
    .logo img{
        height: 40px;
        margin-top: 10px;
    }
    .header .menu{
        display: none;
    }
    .header .nav{
        display: block;
    }
    .content .ys-tabs{
        margin-bottom: 20px;
        padding: 0 0 5% 3%;
        border-bottom: 2px #e6e6e6 solid;
    }
    .content .ys-tabs ul li{
        width: 31.6%;
        margin: 0 1% 1% 0;
        border-radius: 3px;
    }
    .content .ys-tabs ul li:nth-child(12){
        display: inline-block;
    }
    .content .ys-tabs ul li:nth-child(13){
        display: inline-block;
    }
    .content .ys-tabs ul li:nth-child(14){
        display: inline-block;
    }
    .content .ys-tabs ul li a{
        display: block;
        text-align: center;
        border-bottom: 0;
        padding: 0;
    }
     .content .ys-tabs ul{
         display: block;
     }
    .content .ys-gn-nr{
        border: 0;
    }
    .content .ys-tabs ul li a.active{
        border: 0;
        background-color: #01b6ee;
        color: #fff;
    }
    .content .ys-tabs ul li:nth-child(8){
        /*display: inline-block !important;*/
    }
    .content .ys-tabs ul li:nth-child(5){
        display: none;
    }
    .content .ys-tabs ul li:nth-child(7){
        display: none;
    }
    /*.content .ys-tabs ul li:nth-child(7){
        display: block !important;
    }*/
    /*.content .ys-tabs ul li:nth-child(12){
        width: 23.38%;
    }
   .content .ys-tabs ul li:nth-child(13){
        width: 23.38%;
    }
    .content .ys-tabs ul li:nth-child(14){
        width: 23.38%;
    }
    .content .ys-tabs ul li:nth-child(15){
        width: 23.38%;
    }*/
    .content .ys-gn-nr{
        padding: 3%;
    }
    .layui-form-item .layui-input-inline{
        margin-left: 90px;
        width: auto !important;
    }
    .layui-form-item .layui-input-inline>div{
        width: auto !important;
    }
    .cc-style-first,.cc-style-other{
        width: 100%;
    }
    .yasuoBtn{
        width: 100%;
    }
    .layui-elem-quote{
        padding: 10px;
    }
    .ys-content{
        padding: 0 0 20px 0;
    }
    .ys-content .ys-list{
        width: 33%;
        padding: 0 3%;
        overflow: hidden;
    }
    .ys-content .ys-list p:last-child{
        display: none;
    }
    .pl-content .pl-form{
      margin-bottom: 30px;
    }
    .ys-content .ys-list{
        margin: 0;
    }
    .onlineTools ul li{
        width: 31%;
    }
    .pl-content .pl-form{
      width: 100%
    }
    .my-say{
        text-align: left;
        padding-left: 3%;
    }
    .my-tips{
        padding: 0 3%;
        text-align: left;
    }
    .pl-content .text-area{
        margin: 0 3% 5% 3%;
    }
    .pl-btn,.pl-hed{
        padding: 0 3%;
    }
    .pl-content .pl-lists ul li.first{
        width: 100%;
        padding: 2% 3% 4% 3%;
        margin-bottom: 3%;
    }
    .pl-content .pl-lists ul li:last-child{
        text-align: center;
        background-color: #f9f9f9;
        margin-top: -3%;
        padding: 5% 0;
    }
    .phone-giftool{
        width: 100%;
        margin-left: 0;
    }
    .phone-table .layui-btn-primary{
        width: 100%;
        padding: 3px 10px;
        height: auto;
    }
    .phone-table .layui-btn-primary del{
        display: block;
    }
    .fsqun{
        display: none;
    }
    .footer .fr,.footer .fl{
        float: none;
    }
    .footer .fr p,.footer .fl p{
        display: block;
        text-align: center;
    }



}