html{
	height: 100%;
}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{border-radius:2px;background:#bfc1c4}
::-webkit-scrollbar-thumb:hover{background:#909090}
::-webkit-scrollbar-thumb:active{background:#909090}

/*右侧联系悬浮窗*/
#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 .logo {
	margin: 0px 60px 0 0;
}
.header .menu{
	margin-top: 0px;
}
.header .menu ul .go_buy{
	color: #3c6cfe;
	font-size: 15px;
	text-align: center;
	width: 62px;
	height: 26px;
	line-height: 26px;
	border-radius: 11px;
	background: #fff;
	display: inline-block;
	position: absolute;
	right: 90px;
	top: 18px;
}
.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;
}
.header .menu ul li a:hover,
.header .menu .active {
	background-color: #507bfe;
}
.searchWrap{
	width: 220px;
	height: 36px;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 0 5px 0 40px;
	position: relative;
	margin: 12px 0;
}
.searchWrap input{
	display: block;
	width: 100%;
	height: 100%;
	border: 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;

}
.loginBtnPc{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	margin: 20px 0 20px 40px;
}
.loginBtnPc span{
	cursor: pointer;
}
.newuserxx{
	position: absolute;
	right: 0;
}
.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_userInfo_type{
	font-size: 14px;
	padding: 10px 18px;
	border-bottom: 1px solid #ebeef5;
}
.login_userInfo_type em{
	color: #ff5448;
}
.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: #bfe0f8;
	flex-grow: 1;
}
.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;
	justify-content: space-between;
}
.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: 30px 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;
	}

	.format_content,
	.format_content2{
		display: none;
	}



}


/* Gif分解 */
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mb20{
	margin-bottom: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.gif_separate{
	width: 100%;
}
.edit_block{
	width: 100%;
	min-height: 350px;
	padding: 25px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.separate_upload{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.separate_upload .separate_img{
	width: 100%;
	margin: 50px 0;
	display: flex;
	justify-content: center;
}
.separate_upload .separate_img img{
	width: 47px;
	height: 54px;
}
.separate_upload .separate_btn01{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #FF3959;
	margin-right: 10px;
	cursor: pointer;
}
.separate_upload .separate_btn02 {
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #3c6cfe;
	margin-right: 10px;
	cursor: pointer;
}
.separate_upload .separate_btn03 {
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #00E9B3;
	cursor: pointer;
}
.separate_upload .separate_btn01 i,
.separate_upload .separate_btn02 i,
.separate_upload .separate_btn03 i{
	font-size: 22px;
}
.separate_upload .tips{
	color: #999;
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin-top: 30px;
	display: inline-block;
}
.separate_upload_box{
	width: 360px;
	height: 190px;
	border: 1px solid #a0d6ff;
	background: #f7f7f7;
	margin: 0 15px 15px 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.separate_upload_box:nth-child(3n){
	margin: 0px 0 15px 0;
}
.separate_upload_box .separate_upload_info{
	padding: 10px;
	display: flex;
	box-sizing: border-box;
}

.separate_upload_box .separate_upload_info .img_box{
	width: 130px;
	height: 130px;
	margin-right: 12px;
	overflow: hidden;
}
.separate_upload_box .separate_upload_info .img_box img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.separate_upload_box .separate_upload_info .info_list{
	line-height: 28px;
}
.separate_upload_box .separate_upload_info .info_list .separate_preview{
	color: #fff;
	text-align: center;
	width: 68px;
	height: 30px;
	background: #0083e9;
	border-radius: 3px;
	display: inline-block;
	cursor: pointer;
}
.edit_block .separate_upload_box .separate_progress {
	width: 100%;
	height: 10px;
	background: #ececec;
	overflow: hidden;
}
.edit_block .separate_upload_box .separate_progress span {
	overflow: hidden;
	height: 10px;
	background: #1483d8 url(../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);
	display: block;
}
.edit_block .separate_upload_box .name{
	color: #333;
	font-size: 12px;
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
}
.edit_block .separate_upload_box .separate_slt{
	width: 40px;
	height: 40px;
	background: url(../images/success.png) no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: none;
}
.edit_block .separate_upload_box.active .separate_slt{
	display: block;
}
.edit_block .separate_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.edit_block .separate_list .separate_img{
	width: 145px;
	height: 145px;
	background: #eee;
	margin: 0 15px 15px 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.edit_block .separate_list .separate_img:nth-child(7n){
	margin-right: 0px;
}
.edit_block .separate_list .separate_img img{
	max-width: 100%;
	max-height: 100%;
}
.edit_block .separate_list .separate_img .select{
	width: 18px;
	height: 18px;
	background: url(../images/ico_slt02.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
}
.edit_block .separate_list .separate_img.active .select{
	background: url(../images/ico_slt01.png) no-repeat;
}

.separate_btn_list{
	width: 100%;
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.separate_btn_list .btn_list{
	display: flex;
}
.separate_btn_list .btn_list a{
	color: #fff;
	font-size: 15px;
	text-align: center;
	width: 150px;
	height: 45px;
	line-height: 45px;
	background: #00b7ee;
	border-radius: 3px;
	margin-left: 25px;
	cursor: pointer;
}
.separate_btn_list .btn_list a:active{
	opacity: 0.8;
}
.separate_btn_list .btn_list .separate_btn03{
	background: #ff3959;
}
.separate_btn_list .btn_list .separate_btn04{
	background: #3c6cfe;
}
.separate_introduce{
	width: 100%;
	background: #fff;
	padding: 45px 0;
	display: inline-block;
	box-sizing: border-box;
}
.separate_introduce h2{
	color: #222;
	font-size: 28px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
.separate_introduce p{
	color: #444;
	font-size: 16px;
	text-align: center;
	width: 100%;
	line-height: 30px;
}
.separate_introduce .separate_introduce_list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.separate_introduce .separate_introduce_list li{
	color: #fff;
	font-size: 20px;
	text-align: left;
	width: 365px;
	height: 100px;
	line-height: 100px;
	background: url(../images/newdt.png) no-repeat;
	padding-left: 100px;
	margin-top: 30px;
	box-sizing: border-box;
	box-shadow: 0 16px 24px 0 rgb(0 0 0 / 15%);
	cursor: pointer;
}
.separate_introduce .separate_introduce_list li:hover{
	margin-top: 24px;
	box-shadow: 0 20px 24px 0 rgb(0 0 0 / 25%);
}
.separate_introduce .separate_introduce_list span{
	height: 42px;
	line-height: 42px;
	padding-left: 60px;
	display: inline-block;
}
.separate_introduce .separate_introduce_list .i1{
	background: url(../images/ico_01.png) left no-repeat;
}
.separate_introduce .separate_introduce_list .i2{
	background: url(../images/ico_02.png) left no-repeat;
}
.separate_introduce .separate_introduce_list .i3{
	background: url(../images/ico_03.png) left no-repeat;
}
.separate_introduce .separate_introduce_list .i4{
	background: url(../images/ico_04.png) left no-repeat;
}
.separate_introduce .separate_introduce_list .i5{
	background: url(../images/ico_05.png) left no-repeat;
}
.separate_introduce .separate_introduce_list .i6{
	background: url(../images/ico_06.png) left no-repeat;
}


/* 抠图 */
.bg_w{
	background: #fff;
}
.cutout_block{
	width: 1170px;
	margin: 35px auto;
}
.cutout_block div,.cutout_block span,.cutout_block p,.cutout_block ul,.cutout_block li{
	box-sizing: border-box;
}
.cutout_upload_block{
	color: #fff;
	width: 100%;
	height: 370px;
	background: url(../images/cutout/cutout_img01.png) center no-repeat;
	padding: 60px 0 0 630px;
}
.cutout_upload_block h2{
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 30px;
}
.cutout_upload_block p{
	font-size: 20px;
	line-height: 36px;
}
.cutout_upload_block span{
	font-size: 14px;
}
.cutout_upload_block .cutout_upload_btn{
	color: #0083e9;
	font-size: 18px;
	width: 220px;
	height: 48px;
	line-height: 48px;
	background: #fff url(../images/cutout/cutout_img21.png) 50px no-repeat;
	border-radius: 3px;
	padding-left: 95px;
	margin: 30px 0;
	display: block;
}
.cutout_upload_block .cutout_upload_btn:hover{
	opacity: 0.8;
}
.cutout_block .cutout_introduce_list{
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.cutout_block .cutout_introduce_list li{
	width: 370px;
	background: #ebeefa;
	padding: 15px 20px;
	display: flex;
}
.cutout_block .cutout_introduce_list li .img_box{
	width: 158px;
	height: 158px;
	background: #fff;
	margin-right: 20px;
	border-radius: 5px;
	flex-shrink:0
}
.cutout_block .cutout_introduce_list li .img_box.i1{
	background: #fff url(../images/cutout/cutout_img02.png) center no-repeat;
}
.cutout_block .cutout_introduce_list li .img_box.i2{
	background: #fff url(../images/cutout/cutout_img03.png) center no-repeat;
}
.cutout_block .cutout_introduce_list li .img_box.i3{
	background: #fff url(../images/cutout/cutout_img04.png) center no-repeat;
}
.cutout_block .cutout_introduce_list li .info strong{
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	display: block;
}
.cutout_block .cutout_introduce_list li .info p{
	color: #666;
	font-size: 13px;
	margin-top: 10px;
}
.cutout_block .cutout_introduce_list li .info a{
	color: #fff;
	font-size: 15px;
	text-align: center;
	width: 150px;
	height: 38px;
	line-height: 38px;
	background: #0083e9;
	border-radius: 3px;
	margin-top: 15px;
	display: block;
}
.cutout_block .cutout_introduce_list li .info a:hover{
	opacity: 0.8;
}

.cutout_title{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 50px 0 30px 0;
}
.cutout_edit{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cutout_edit .cutout_edit_info{
	width: 445px;
}
.cutout_edit .cutout_edit_info li{
	width: 100%;
	height: 100px;
	padding: 20px 10px 20px 100px;
	box-shadow:0px 0px 15px rgba(230, 235, 238, 0.4);
	margin-bottom: 15px;
}
.cutout_edit .cutout_edit_info li:last-child{
	margin-bottom: 0px;
}
.cutout_edit .cutout_edit_info .i1{
	background: url(../images/cutout/cutout_img05.png) 20px no-repeat;
}
.cutout_edit .cutout_edit_info .i2{
	background: url(../images/cutout/cutout_img06.png) 20px no-repeat;
}
.cutout_edit .cutout_edit_info .i3{
	background: url(../images/cutout/cutout_img08.png) 20px no-repeat;
}
.cutout_edit .cutout_edit_info .i4{
	background: url(../images/cutout/cutout_img09.png) 20px no-repeat;
}
.cutout_edit .cutout_edit_info li strong{
	color: #141e38;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
}
.cutout_edit .cutout_edit_info li p{
	color: #5c6276;
	font-size: 14px;
	line-height: 25px;
}
.cutout_edit .cutout_edit_img{
	width: 690px;
	height: 445px;
	background: url(../images/cutout/cutout_edit_done.png) no-repeat;
}
.cutout_edit .cutout_edit_move{
	width: 50%;
	height: 100%;
	background: url(../images/cutout/cutout_edit.png) left no-repeat;
	border-right: 2px solid #fff;
	position: relative;
}
.cutout_edit .cutout_edit_move .move_btn{
	width: 51px;
	height: 51px;
	background: url(../images/cutout/cutout_edit_ico.png);
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}
.cutout_block .cutout_edit_btn{
	text-align: center;
	width: 100%;
	display: inline-block;
}
.cutout_block .cutout_edit_btn a{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 216px;
	height: 52px;
	line-height: 52px;
	background: #0083e9;
	border-radius: 4px;
	margin-top: 45px;
	display: inline-block;
}
.cutout_block .cutout_edit_btn a:hover{
	opacity: 0.8;
}
.cutout_block .cutout_introduce_list2{
	width: 100%;
	display: flex;
}
.cutout_block .cutout_introduce_list2 .cutout_introduce_img{
	width: 600px;
	height: 366px;
	background: url(../images/cutout/cutout_img10.png) no-repeat;
	margin-right: 55px;
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.1);
	flex-shrink:0
}
.cutout_block .cutout_introduce_list2 .cutout_introduce_text li{
	width: 100%;
	margin: 25px 0;
}
.cutout_block .cutout_introduce_list2 .cutout_introduce_text li span{
	font-size: 18px;
	font-weight: bold;
}
.cutout_block .cutout_introduce_list2 .cutout_introduce_text li p{
	color: #333;
	font-size: 14px;
	line-height: 28px;
	margin-top: 10px;
}
.cutout_block .cutout_introduce_list3{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cutout_block .cutout_introduce_list3 li{
	width: 214px;
	height: 160px;
	margin: 10px 0;
}
.cutout_block .cutout_introduce_list3 .i1{
	background: url(../images/cutout/cutout_img11.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i2{
	background: url(../images/cutout/cutout_img12.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i3{
	background: url(../images/cutout/cutout_img13.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i4{
	background: url(../images/cutout/cutout_img14.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i5{
	background: url(../images/cutout/cutout_img15.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i6{
	background: url(../images/cutout/cutout_img16.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i7{
	background: url(../images/cutout/cutout_img17.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i8{
	background: url(../images/cutout/cutout_img18.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i9{
	background: url(../images/cutout/cutout_img19.png) center no-repeat;
}
.cutout_block .cutout_introduce_list3 .i10{
	background: url(../images/cutout/cutout_img20.png) center no-repeat;
}
.slxx{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:17px;
}

.cutout_block .im_edit_block{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cutout_block .im_edit_block .im_old{
	width: 50%;
	height: 600px;
	background: #eaebf3;
	display: flex;
	justify-content:center;
	align-items:center;
}
.cutout_block .im_edit_block .im_old img{
	max-width: 95%;
	max-height: 95%;
}
.cutout_block .im_edit_block .im_new{
	width: 50%;
	height: 600px;
	background: url(../images/cutout/im_edit_bg.png);
	display: flex;
	justify-content:center;
	align-items:center;
}
.cutout_block .im_edit_block .im_new img{
	max-width: 95%;
	max-height: 95%;
}
.cutout_block .im_edit_block .im_edit_btn{
	width: 100%;
	border-top: 1px solid #eee;
	margin-top: 35px;
	padding-top: 35px;
	display: flex;
	justify-content: center;
}
.cutout_block .im_edit_block .im_edit_btn button{
	font-size: 16px;
	width: 175px;
	height: 48px;
	border-radius: 4px;
	margin: 0 10px;
}
.cutout_block .im_edit_block .im_edit_btn button:first-child{
	color: #0772fc;
	border: 1px solid #0772fc;
}
.cutout_block .im_edit_block .im_edit_btn button:last-child{
	background: #3c6cfe;
}

.download_pop_box{
	width: 500px;
	background: #fff;
	border-radius: 4px;
	padding-bottom: 30px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: none;
}
.download_pop_box .download_notice{
	color: #333;
	font-size: 18px;
	text-align: center;
	width: 100%;
	height: 120px;
	line-height: 140px;
	display: inline-block;
}
.download_pop_box .download_notice span{
	color: #ff0000;
}
.download_pop .layui-layer-btn{
	width: 100%;
	padding: 0 72px;
	padding-top: 0px!important;
	margin-top: -20px;
	display: flex;
	justify-content: space-between;
}
.download_pop .layui-layer-btn .layui-layer-btn0{
	color: #fff;
	font-size: 15px;
	text-align: center;
	width: 156px;
	height: 42px;
	line-height: 42px;
	background: #3c6cfe;
	display: inline-block;
}
.download_pop .layui-layer-btn .layui-layer-btn1{
	color: #3c6cfe;
	font-size: 15px;
	text-align: center;
	width: 156px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #3c6cfe;
	background: #fff;
	display: inline-block;
}
.compress_block{
	width: 100%;
	background: #fff;
	padding: 40px 0;
	display: inline-block;
}
.compress_block .compress_title{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.compress_block .compress_text{
	color: #555;
	font-size: 15px;
	text-align: center;
	width: 100%;
	line-height: 26px;
}
.compress_tab .layui-tab-title{
	border-bottom: none;
	text-align: center;
}
.compress_tab .layui-tab-title li{
	font-size: 15px;
	height: 36px;
	line-height: 36px;
	padding:0 30px;
	margin: 0 10px;
}
.compress_tab .layui-tab-title .layui-this{
	color: #fff;
	background: #3c6cfe;
	border-radius: 36px;
}
.compress_tab .layui-tab-title .layui-this:after{
	border: none;
}
.compress_tab .compress_tab_box{
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.compress_tab .compress_tab_box .l{
	width: 350px;
	padding-top: 100px;
}
.compress_tab .compress_tab_box .l h2{
	color: #333;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
}
.compress_tab .compress_tab_box .l p{
	color: #666;
	font-size: 15px;
	width: 100%;
	line-height: 28px;
	margin-top: 30px;
}
.compress_tab .compress_tab_box .l .layui-btn-primary{
	color: #3c6cfe;
	font-size: 16px;
	width: 127px;
	height: 41px;
	line-height: 40px!important;
	border-radius: 41px;
	padding: 0px;
	border: 1px solid #3c6cfe;
	margin-top: 25px;
	background: url(/yasuotu/images/compress/compress_btn.png) center no-repeat;
}

.compress_tab .compress_tab_box .l .layui-btn-primary .webuploader-pick{
	width: 100%;
	height: 100%;
	opacity: 0;
}
.compress_tab .compress_tab_box .r{
	width: 760px;
}
.compress_tab .compress_tab_box .gif{
	position: relative;
}
.compress_tab .compress_tab_box .gif::after{
	content: '';
	width: 3px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0px;
}
.compress_tab .compress_tab_box .gif img{
	width: 100%;
	border-radius: 10px;
}
.compress_tab .compress_tab_box .gif p{
	color: #333;
	font-size: 13px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
}
.compress_img_list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.compress_img_list li{
	color: #fff;
	width: 370px;
	height: 166px;
	padding: 65px 0 0 125px;
	margin: 15px 0;
}
.compress_img_list li:hover{
	opacity: 0.9;
	margin-top: -5px;
	height: 186px;
	cursor: pointer;
}
.compress_img_list li span{
	font-size: 20px;
	font-weight: bold;
}
.compress_img_list li p{
	font-size: 15px;
	line-height: 26px;
}
.compress_img_list .i1{
	background:url(../images/compress/compress_ico06.png) top no-repeat;
}
.compress_img_list .i2{
	background: url(../images/compress/compress_ico01.png) top no-repeat;
}
.compress_img_list .i3{
	background: url(../images/compress/compress_ico02.png) top no-repeat;
}
.compress_img_list .i4{
	background: url(../images/compress/compress_ico03.png) top no-repeat;
}
.compress_img_list .i5{
	background: url(../images/compress/compress_ico04.png) top no-repeat;
}
.compress_img_list .i6{
	background: url(../images/compress/compress_ico05.png) top no-repeat;
}
.compress_img_list .i7{
	background: url(../images/compress/compress_ico07.png) top no-repeat;
}
.compress_img_list .i8{
	background: url(../images/compress/compress_ico08.png) top no-repeat;
}
.compress_img_list .i9{
	background: url(../images/compress/compress_ico09.png) top no-repeat;
}

/* 图片旋转 */
.ml40{
	margin-left: 40px;
}
.rotating{
	width: 100%;
}
.rotating .edit_list{
	width: 100%;
	height: 54px;
	border-bottom: 1px solid #d4d4d4;
	padding: 0 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rotating .edit_list .edit{
	color: #222;
	font-size: 14px;
	display: flex;
}
.rotating .edit_list .edit dd{
	height: 20px;
	margin-right: 15px;
}
.rotating .edit_list .edit #rotating_slide{
	width: 230px;
	margin-top: 8px;
}
.rotating .edit_list .edit #rotating_slide .layui-input{
	background: #fff;
}
.rotating .edit_list .rotating_right_90{
	width: 20px;
	height: 20px;
	background: url(../images/rotating/ico_01.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
}
.rotating .edit_list .rotating_left_90{
	width: 20px;
	height: 20px;
	background: url(../images/rotating/ico_02.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
}
.rotating .edit_list .rotating_up_180{
	width: 20px;
	height: 20px;
	background: url(../images/rotating/ico_03.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
}
.rotating .edit_list .rotating_left_180{
	width: 20px;
	height: 20px;
	background: url(../images/rotating/ico_04.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
}
.rotating .edit_list .btn .layui-btn{
	width: 56px;
	height: 28px;
	padding: 0px;
}
.rotating .edit_list .btn .layui-btn.btn_01{
	background: #f56c6c;
}
.rotating .edit_list .btn .layui-btn.btn_02{
	background: #67c23a;
}
.rotating .edit_list .btn .layui-btn.btn_03{
	background: #ff5722;
}
.rotating_upload{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.rotating_upload .rotating_img{
	width: 100%;
	margin: 50px 0;
	display: flex;
	justify-content: center;
}
.rotating_upload .rotating_img img{
	width: 47px;
	height: 54px;
	margin: 0 6px;
}
.rotating_upload .rotating_btn01{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #FF3959;
	margin: 0 10px;
	cursor: pointer;
}
.rotating_upload .rotating_btn02{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #0083e9;
	margin: 0 10px;
	cursor: pointer;
}
.rotating_upload .rotating_btn03{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #00e9b3;
	margin: 0 10px;
	cursor: pointer;
}
.rotating_upload .tips{
	color: #999;
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin-top: 30px;
	display: inline-block;
}
.rotating_upload .btn_list{
	width: 100%;
	display: flex;
	justify-content: center;
}
.rotating_upload .btn_list i{
	font-size: 20px;
}


.rotating_btn_list{
	width: 100%;
	margin: 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rotating_btn_list .layui-btn{
	width: 110px;
	height: 45px;
}
.rotating_btn_list .layui-btn.btn_01{
	background: #ff5722;
}
.rotating_btn_list .layui-btn.btn_02{
	background: #ff3959;
}
.rotating_btn_list .layui-btn.btn_03{
	background: #3c6cfe;
}

.rotating_img_block{
	width: 100%;
	min-height: 570px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rotating_img_block img{
	max-width: 400px;
	max-height: 400px;
}
.rotating_img_list{
	width: 100%;
	border-top: 1px solid #d4d4d4;
	padding:20px 15px;
	box-sizing: border-box;
	display: flex;
}
.rotating_img_list .img_list_left{
	width: 30px;
	height: 96px;
	background: #e2e2e2 url(../images/rotating/left.png) center no-repeat;
	cursor: pointer;
}
.rotating_img_list .img_list_right{
	width: 30px;
	height: 96px;
	background: #e2e2e2 url(../images/rotating/right.png) center no-repeat;
	cursor: pointer;
}
.rotating_img_list ul{
	width: 100%;
	margin: 0 10px;
	word-break: keep-all;
	display: flex;
	justify-content: left;
	overflow: hidden;
	position: relative;
}
.rotating_img_list li{
	width: 130px;
	height: 96px;
	background: #e2e2e2;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	flex-shrink:0;
}
.rotating_img_list li:hover{
	opacity: 0.8;
}
.rotating_img_list li.active::after{
	content: '正在编辑';
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.rotating_img_list li img{
	max-width: 100%;
	max-height: 100%;
}
.rotating_img_list li .delete{
	width: 25px;
	height: 25px;
	background: #ccc url(../images/rotating/ico_05.png) center no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
	cursor: pointer;
	z-index: 2;
}
.rotating_img_list li:hover .delete{
	display: block;
}
.rotating_img_list .add{
	color: #999;
	font-size: 14px;
	text-align: center;
	width: 30px;
	height: 96px;
	background: #f7f7f7;
	border: 1px solid #f3f3f3;
	border-radius: 3px;
	padding: 0 3px;
	word-break: break-all;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.rotating_info {
	width: 100%;
	background: #fff;
	padding: 50px 0;
}
.rotating_info .rotating_title{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.rotating_info_list{
	width: 100%;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.rotating_info_list .l{
	width: 310px;
}
.rotating_info_list .l li{
	margin-bottom: 60px;
	padding-left: 10px;
	border-left: 5px solid #fff;
}
.rotating_info_list .l span{
	color: #444;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}
.rotating_info_list .l p{
	color: #666;
	font-size: 15px;
	line-height: 30px;
}
.rotating_info_list .l .active{
	color: #4d7cff;
	border-left: 5px solid #4d7cff;
}
.rotating_info_list .l .active span{
	color: #4d7cff;
}
.rotating_info_list .r{
	width: 600px;
	height: 391px;
}
.rotating_info_list .r div{
	display: none;
}
.rotating_info_list .r div:first-child{
	display: block;
}
.rotating_info_list .r div img{
	width: 600px;
	height: 391px;
}
.rotating_banner{
	width: 100%;
}
.rotating_banner a{
	width: 100%;
	height: 159px;
	background: url(../images/rotating/img_04.png) center no-repeat;
	display: block;
}


/* 图片去底色 */
.remvoe_color_content{
	width: 1200px;
	margin: 0 auto;
}
.remvoe_color_block {
	width: 100%;
	background: #fff;
	padding: 30px 0;
	margin-top: 40px;
}
.remvoe_color_block .remvoe_color_title {
	width: 100%;
	text-align: center;
}
.remvoe_color_block .remvoe_color_title h2 {
	color: #333;
	font-size: 30px;
	font-weight: bold;
	width: 100%;
}
.remvoe_color_block .remvoe_color_title p {
	color: #555;
	font-size: 18px;
	width: 100%;
}
.remvoe_color_block .remvoe_color_box{
	width: 100%;
	display: flex;
	margin: 90px 0 120px 0;
}
.remvoe_color_block .remvoe_color_box li{
	width: 25%;
	height: 300px;
	transition: all 0.3s;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.remvoe_color_block .remvoe_color_box li span{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	height: 300px;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}
.remvoe_color_block .remvoe_color_box li p{
	color: #fff;
	font-size: 18px;
	width: 650px;
	text-align: center;
	height: 300px;
	background: rgba(0, 0, 0, 0.2);
	padding: 0 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.remvoe_color_block .remvoe_color_box .i1{
	background: url(../images/removecolor/img_01.jpg) center no-repeat;
}
.remvoe_color_block .remvoe_color_box .i2{
	background: url(../images/removecolor/img_02.jpg) center no-repeat;
}
.remvoe_color_block .remvoe_color_box .i3{
	background: url(../images/removecolor/img_03.jpg) center no-repeat;
}
.remvoe_color_block .remvoe_color_box .i4{
	background: url(../images/removecolor/img_04.jpg) center no-repeat;
}
.remvoe_color_block .remvoe_color_box li:hover{
	width: 650px;
	flex-shrink:0
}
.remvoe_color_block .remvoe_color_box li:hover span{
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
}
.remvoe_color_block .remvoe_color_box li:hover p{
	opacity: 1;
}
.remvoe_color_block .remvoe_color_box .i1:hover{
	background: url(../images/removecolor/img_01_2.jpg) center no-repeat;
}
.remvoe_color_block .remvoe_color_box .i2:hover{
	background: url(../images/removecolor/img_02_2.jpg) center no-repeat;
}
.remvoe_color_block .remvoe_color_box .i3:hover{
	background: url(../images/removecolor/img_03_2.jpg) center no-repeat;
}
.remvoe_color_block .remvoe_color_box .i4:hover{
	background: url(../images/removecolor/img_04_2.jpg) center no-repeat;
}

.remvoe_color_swiper .swiper-slide{
	transform: scale(0.8)!important;
	position: relative;
}
.remvoe_color_swiper .swiper-slide p{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 65px;
	line-height: 65px;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	bottom: 0;
}
.remvoe_color_swiper .swiper-slide img{
	width: 100%;
}
.remvoe_color_swiper .swiper-slide.swiper-slide-active{
	transform: scale(1)!important;
	z-index: 99;
}
.remvoe_color_box2{
	width: 100%;
	position: relative;
	margin-top: 60px;
	padding-bottom: 120px;
}
.remvoe_color_block2{
	width: 100%;
	background: #eef9ff;
	padding: 65px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.remvoe_color_block2 h2{
	font-size: 36px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	background: url(../images/removecolor/img_08.png) left no-repeat;
	padding-left: 70px;
}
.remvoe_color_block2 p{
	font-size: 20px;
	width: 100%;
	text-align: center;
	margin: 30px 0 55px 0;
}
.remvoe_color_block2 .upload{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	width: 240px;
	height: 68px;
	background: #3c6cfe;
	border-radius: 5px;
}
.remvoe_color_upload{
	width: 100%;
	padding: 50px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.remvoe_color_upload .remvoe_color_img{
	width: 100%;
	display: flex;
	justify-content: center;
}
.remvoe_color_upload .remvoe_color_img img{
	width: 47px;
	height: 54px;
	margin: 0 6px;
}
.remvoe_color_upload .remvoe_color_btn01{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #FF3959;
	margin: 0 10px;
	cursor: pointer;
}
.remvoe_color_upload .remvoe_color_btn02{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #0083e9;
	margin: 0 10px;
	cursor: pointer;
}
.remvoe_color_upload .remvoe_color_btn03{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #00e9b3;
	margin: 0 10px;
	cursor: pointer;
}
.remvoe_color_upload .remvoe_color_btn02 i{
	font-size: 17px!important;
}
.remvoe_color_upload .remvoe_color_btn03 i{
	font-size: 23px!important;
}
.remvoe_color_upload .tips{
	color: #999;
	font-size: 15px;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	display: inline-block;
}
.remvoe_color_upload .btn_list{
	width: 100%;
	display: flex;
	justify-content: center;
}
.remvoe_color_upload .btn_list i{
	font-size: 20px;
	vertical-align: middle;
}
.remvoe_color_img{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.remvoe_color_img>div>img{
	max-width: 100%;
	max-height: 100%;
}
.remvoe_color_img .original_image{
	width: 50%;
	max-height: 600px;
	padding: 10px;
	flex-shrink: 0;
	background: #eaebf3;
	display: flex;
	justify-content: center;
	align-items: center;
}
.remvoe_color_img .processed_image{
	width: 50%;
	max-height: 600px;
	padding: 10px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.remvoe_color_btn{
	width: 100%;
	margin: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.remvoe_color_btn .btn_01{
	color: #ff5722;
	font-size: 16px;
	width: 175px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ff5722;
	border-radius: 5px;
	background: #fff;
	margin: 0 9px;
}
.remvoe_color_btn .btn_02{
	color: #fff;
	font-size: 16px;
	width: 175px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: #3c6cfe;
	margin: 0 9px;
}
.swiper-button-next, .swiper-button-prev{
	top: 41%!important;
}


/* 图片转格式 */
.format{
	width: 100%;
}
.format_content{
	width: 100%;
	background: #fff;
	padding: 50px 0;
	display: inline-block;
}
.format .queueList{
	padding: 45px 17px;
}
.format_upload{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.format_upload .format_img{
	width: 100%;
	margin: 50px 0;
	display: flex;
	justify-content: center;
}
.format_upload .format_img img{
	width: 47px;
	height: 54px;
	margin: 0 6px;
}
.format_upload .format_btn01{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #FF3959;
	margin: 0 10px;
	cursor: pointer;
}
.format_upload .format_btn02{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #0083e9;
	margin: 0 10px;
	cursor: pointer;
}
.format_upload .format_btn03{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #00e9b3;
	margin: 0 10px;
	cursor: pointer;
}
.format_upload .format_btn03 i{
	font-size: 23px!important;
	vertical-align: middle;
}
.format_upload .tips{
	color: #999;
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin-top: 30px;
	display: inline-block;
}
.format_upload .btn_list{
	width: 100%;
	display: flex;
	justify-content: center;
}
.format_upload .btn_list i{
	font-size: 20px;
	vertical-align: middle;
}

.format_block .results_box{
	width: 100%;
	padding: 10px 0 45px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.format_block .results_box .results_info{
	color: #666;
	font-size: 14px;
}
.format_block .results_box .results_input{
	display: flex;
}
.format_block .results_box .results_input .btn_01{
	width: 100px;
	height: 40px;
	background: #3c6cfe;
	border-radius: 4px;
	margin-left: 20px;
	margin-top: 0px;
}
.format_block .results_box .results_input .btn_02{
	width: 100px;
	height: 40px;
	background: #00ce7a;
	border-radius: 4px;
	margin-left: 20px;
	margin-top: 0px;
}
.format_block .results_box .results_input .btn_03{
	width: 100px;
	height: 40px;
	background: #FF3959;
	border-radius: 4px;
	margin-left: 20px;
	margin-top: 0px;
}


 .format_title {
	width: 100%;
	text-align: center;
}
 .format_title h2 {
	color: #333;
	font-size: 30px;
	font-weight: bold;
	width: 100%;
}
 .format_title p {
	color: #555;
	font-size: 18px;
	width: 100%;
}
.format_box1{
	width: 100%;
	height: 170px;
	padding-right: 5px;
	box-sizing: content-box;
	background: url(../images/format/format_img01.png) center no-repeat;
	margin: 40px 0;
}
.format_box2{
	width: 100%;
	background: url(../images/format/format_img02.png) left no-repeat;
	padding-left: 750px;
	margin: 50px 0;
	box-sizing: border-box;
	display: block;
}
.img_2{
	background: url(../images/format/format_img03.png) left no-repeat;
}
.format_box2 .format_introduction{
	padding: 45px 0;
}
.format_box2 .format_introduction li{
	width: 100%;
	padding-left: 30px;
	margin: 20px 0;
	background: url(../images/format/format_ico01.png) 0 9px no-repeat;
	display: inline-block;
}
.format_box2 .format_introduction li span{
	font-size: 22px;
	width: 100%;
}
.format_box2 .format_introduction li p{
	color: #777;
	font-size: 16px;
	width: 100%;
}
.format_block .format_introduction02{
	width: 100%;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.format_block .format_introduction02 li{
	color: #333;
	font-size: 18px;
	width: 365px;
	height: 100px;
	margin-bottom: 25px;
	border-radius: 10px;
	padding-left: 130px;
	box-shadow: 0px 0px 20px rgba(77, 124, 255, 0.10);
	display: flex;
	align-items: center;
}
.format_block .format_introduction02 li:hover{
	top:-5px;
	position: relative;
	cursor: pointer;
}
.format_block .format_introduction02 .i1{
	background: url(../images/format/format_ico02.png) 60px no-repeat;
}
.format_block .format_introduction02 .i2{
	background: url(../images/format/format_ico03.png) 60px no-repeat;
}
.format_block .format_introduction02 .i3{
	background: url(../images/format/format_ico04.png) 60px no-repeat;
}
.format_block .format_introduction02 .i4{
	background: url(../images/format/format_ico05.png) 60px no-repeat;
}
.format_block .format_introduction02 .i5{
	background: url(../images/format/format_ico06.png) 60px no-repeat;
}
.format_block .format_introduction02 .i6{
	background: url(../images/format/format_ico07.png) 60px no-repeat;
}
.format_block .format_introduction02 .i7{
	background: url(../images/format/format_ico08.png) 60px no-repeat;
}
.format_block .format_introduction02 .i8{
	background: url(../images/format/format_ico09.png) 60px no-repeat;
}



.foot_block{
	width: 100%;
	padding: 17px 0;
	background: #1f1f24;
}
.foot_block .foot_box{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.foot_block .foot_box .logo{
	width: 120px;
	height: 36px;
	background: url(../images/logo_foot.png) no-repeat;
}
.foot_block .foot_box .info{
	border-left: 1px solid #424246;
	padding-left: 35px;
	margin-left: 35px;
}
.foot_block .foot_box .info a{
	color: #b5b5b5;
	font-size: 15px;
	margin-left:50px;
	position: relative;
}
.foot_block .foot_box .info a:after{
	content: '';
	width: 2px;
	height: 15px;
	background: #b5b5b5;
	position: absolute;
	left: -25px;
	top: 3px;
}
.foot_block .foot_box .info a:first-child{
	margin-left: 0px;
}
.foot_block .foot_box .info a:first-child::after{
	content: ' ';
	display: none;
}
.foot_block .foot_box .info span{
	color: #646465;
	font-size: 13px;
}

.layui-tab.gif_tab .layui-this a{
	color: #fff!important;
	background: #3c6cfe!important;
}
.layui-tab.gif_tab .layui-this:after{
	border-bottom:none
}

/* 老照片上色 */

.coloring_block{
	width: 100%;
	background: #fff;
	padding-top: 40px;
	display: inline-block;
}
.coloring_block .coloring_title{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.coloring_block .coloring_box{
	width: 100%;
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
}
.coloring_block .coloring_box strong{
	font-size: 28px;
	margin-top: 95px;
	display: inline-block;
}
.coloring_block .coloring_box p{
	color: #666;
	font-size: 16px;
	line-height: 28px;
	margin-top: 15px;
}
.coloring_block .coloring_box button{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 150px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	background: #3c6cfe;
	margin-top: 40px;
	display: inline-block;
}
.coloring_block .coloring_box .coloring_img{
	width: 730px;
	height: 430px;
	position: relative;
}
.coloring_block .coloring_box .coloring_img .old{
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 100px;
	height: 42px;
	line-height: 42px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 20px;
	bottom: 10px;
	z-index: 9;
}
.coloring_block .coloring_box .coloring_img .new{
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 100px;
	height: 42px;
	line-height: 42px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	right: 20px;
	bottom: 10px;
	z-index: 9;
}
.coloring_block .coloring_box .coloring_img.img1{
	margin-left: 120px;
	background: url(../images/coloring/img1_1.jpg) center no-repeat;
}
.coloring_block .coloring_box .coloring_img.img2{
	margin-right: 120px;
	background: url(../images/coloring/img2_1.jpg) center no-repeat;
}
.coloring_block .coloring_box .coloring_img.img3{
	margin-left: 120px;
	background: url(../images/coloring/img3_1.jpg) center no-repeat;
}
.coloring_block .coloring_box .coloring_img.img4{
	margin-right: 120px;
	background: url(../images/coloring/img4_1.jpg) center no-repeat;
}
.coloring_block .coloring_box .coloring_img .img_cover{
	width: 50%;
	height: 100%;
	border-right: 2px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
.coloring_block .coloring_box .coloring_img.img1 .img_cover{
	background: url(../images/coloring/img1.jpg) left no-repeat;
}
.coloring_block .coloring_box .coloring_img.img2 .img_cover{
	background: url(../images/coloring/img2.jpg) left no-repeat;
}
.coloring_block .coloring_box .coloring_img.img3 .img_cover{
	background: url(../images/coloring/img3.jpg) left no-repeat;
}
.coloring_block .coloring_box .coloring_img.img4 .img_cover{
	background: url(../images/coloring/img4.jpg) left no-repeat;
}
.coloring_block .coloring_box .coloring_img .img_btn{
	width: 43px;
	height: 44px;
	background: url(../images/coloring/coloring_btn.png);
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}

.coloring_block .coloring_question{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.coloring_block .coloring_question li{
	width: 520px;
	margin-top: 50px;
	position: relative;
}
.coloring_block .coloring_question li::after{
	content: '';
	width: 11px;
	height: 11px;
	border: 1px solid #416ffe;
	background: #b2c5ff;
	border-radius: 11px;
	position: absolute;
	left: -25px;
	top: 15px;
}
.coloring_block .coloring_question li strong{
	font-size: 22px;
	font-weight: normal;
}
.coloring_block .coloring_question li p{
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
}
.coloring_block .coloring_use{
	font-size: 40px;
	width: 100%;
	padding: 70px 0;
	background: #f9fafc;
	margin-top: 70px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.coloring_block .coloring_use p{
	text-align: center;
	width: 100%;
}
.coloring_block .coloring_use button{
	color: #fff;
	font-size: 34px;
	text-align: center;
	width: 260px;
	height: 68px;
	line-height: 68px;
	background: #3c6cfe;
	border-radius: 6px;
	margin-top: 30px;
	display: inline-block;
}

.foot_function{
	width: 100%;
	padding: 20px 0;
	background: #1f1f24;
	display: flex;
	justify-content: center;
	align-items: center;
}
.foot_function .logo{
	width: 120px;
	height: 36px;
	background: url(../images/logo_foot.png) no-repeat;
}
.foot_function .r{
	color: #666;
	font-size: 13px;
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid #424246;
}
.foot_function .r a{
	color: #b5b5b5;
	font-size: 15px;
	margin:0 25px
}
.foot_function .r a:first-child{
	margin-left: 0px;
}

.coloring_upload{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.coloring_upload .coloring_img{
	width: 100%;
	margin: 50px 0;
	display: flex;
	justify-content: center;
}
.coloring_upload .coloring_img img{
	width: 47px;
	height: 54px;
	margin: 0 6px;
}
.coloring_upload .coloring_btn01{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #FF3959;
	margin: 0 10px;
	cursor: pointer;
}
.coloring_upload .coloring_btn02{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #0083e9;
	margin: 0 10px;
	cursor: pointer;
}
.coloring_upload .coloring_btn03{
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 182px;
	height: 54px;
	line-height: 54px;
	border-radius: 54px;
	background: #00e9b3;
	margin: 0 10px;
	cursor: pointer;
}
.coloring_upload .coloring_btn02 i{
	font-size: 17px!important;
}
.coloring_upload .coloring_btn03 i{
	font-size: 23px!important;
}
.coloring_upload .tips{
	color: #999;
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin-top: 30px;
	display: inline-block;
}
.coloring_upload .btn_list{
	width: 100%;
	display: flex;
	justify-content: center;
}
.coloring_upload .btn_list i{
	font-size: 20px;
	vertical-align: middle;
}
.coloring_img2{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.coloring_img2>div>img{
	max-width: 100%;
	max-height: 100%;
}
.coloring_img2 .original_image{
	width: 50%;
	min-height: 300px;
	max-height: 600px;
	padding: 20px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.coloring_img2 .processed_image{
	width: 50%;
	min-height: 300px;
	max-height: 600px;
	padding: 20px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.coloring_btn{
	width: 100%;
	margin: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.coloring_btn .btn_01{
	color: #ff5722;
	font-size: 16px;
	width: 175px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ff5722;
	border-radius: 5px;
	background: #fff;
	margin: 0 9px;
}
.coloring_btn .btn_02{
	color: #fff;
	font-size: 16px;
	width: 175px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: #3c6cfe;
	margin: 0 9px;
}
.coloring_title2{
	width: 100%;
	margin-top: 20px;
	display: none;
	justify-content: center;
	flex-wrap: wrap;
}
.coloring_title2 strong{
	font-size: 17px;
	line-height: 30px;
	display: block;
}
.coloring_title2 p{
	color: #666;
	font-size: 13px;
	text-align: center;
	width: 100%;
	line-height: 20px;
	display: block;
}
.coloring_img2 .switch_btn{
	display: none;
}
.coloring_btn_phone,
.btn_phone_hold{
	display: none;
}

/* 升级会员 */

.upgrade_head .header {
	background: #fff;
}

.upgrade_block .upgrade_banner {
	text-align: center;
	width: 100%;
	height: 155px;
	background: #cce3fd;
	padding: 35px 0;
}

.upgrade_block .upgrade_banner h2 {
	color: #000;
	font-size: 32px;
	font-weight: bold;
	width: 100%;
	display: inline-block;
}

.upgrade_block .upgrade_banner p {
	color: #636c78;
	font-size: 18px;
	width: 100%;
	margin-top: 25px;
	display: inline-block;
}

.upgrade_block .upgrade_vip_block {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box {
	width: 275px;
	padding: 45px 15px 35px 15px;
	border-radius: 8px;
	border: 1px solid #3c6cfe;
	position: relative;
}
.upgrade_block .upgrade_vip_block .upgrade_vip_box .tips{
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 100px;
	height: 26px;
	line-height: 26px;
	background: #fa2323;
	border-radius: 0 8px 0 8px;
	position: absolute;
	right: -1px;
	top: -1px;
}
.upgrade_block .upgrade_vip_block .single_buy{
	width: 355px;
}
.upgrade_block .upgrade_vip_block .single_buy .single_buy_title{
	color: #fff;
	font-size: 22px;
	width: 100%;
	height: 65px;
	padding: 7px;
	background: #5f8aff;
	border-radius: 5px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.upgrade_block .upgrade_vip_block .single_buy .single_buy_title::after{
	content: '';
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	border: 1px solid #fff;
	border-radius: 5px;
	position: absolute;
	left: 7px;
	top: 7px;
}
.upgrade_block .upgrade_vip_block .single_buy .single_buy_title span{
	position: relative;
}
.upgrade_block .upgrade_vip_block .single_buy .single_buy_title span::after{
	content: '';
	width: 25px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: -32px;
	top: 17px;
}
.upgrade_block .upgrade_vip_block .single_buy .single_buy_title span::before{
	content: '';
	width: 25px;
	height: 2px;
	background: #fff;
	position: absolute;
	right: -32px;
	top: 17px;
}

.upgrade_block .upgrade_vip_block .single_buy .upgrade_vip_box{
	width: 100%;
	margin-top: 15px;
}


.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info {
	width: 100%;
	text-align: center;
}
.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info.flex{
	display: flex;
	justify-content: space-between;
}
.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .l,
.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .r{
	width: 48%;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .vip_1 strong {
	color: #222;
	font-size: 26px;
	font-weight: bold;
	background: url(../images/upgrade/upgrade_vip01.png) left no-repeat;
	padding-left: 50px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .vip_2 strong {
	color: #222;
	font-size: 26px;
	font-weight: bold;
	background: url(../images/upgrade/upgrade_vip02.png) left no-repeat;
	padding-left: 50px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .vip_3 strong {
	color: #222;
	font-size: 26px;
	font-weight: bold;
	background: url(../images/upgrade/upgrade_vip03.png) left no-repeat;
	padding-left: 50px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .vip_4 strong {
	color: #222;
	font-size: 22px;
	font-weight: bold;
	background: url(../images/upgrade/upgrade_vip04.png) left no-repeat;
	padding-left: 40px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .info {
	color: #d3524c;
	font-size: 12px;
	height: 24px;
	line-height: 22px;
	border: 1px solid #eeb9b7;
	background: #fff4f0;
	padding: 0 10px;
	margin-top: 10px;
	display: inline-block;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .price {
	color: #333;
	font-size: 18px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .price strong {
	color: #ff4800;
	font-size: 40px;
	font-weight: bold;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .original_price {
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	/*text-decoration: line-through;*/
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .original_price strong {
	font-weight: normal;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .original_price span{
	color: #fff;
	width: 18px;
	height: 18px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 500;
	border-radius: 2px;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to right, #fe514d, #fe8540);
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .price_sheets{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .price_sheets .price_sheet{
	width: 35px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	color: #333333;
	font-size: 13px;
	border: 1px solid #cccdcf;
	border-radius: 3px;
	margin-left: 7px;
	cursor: pointer;
}
.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .price_sheets .active{
	background: #3c6cfe;
	color: #fff;
	border-color: #3c6cfe;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_info .btn_01 {
	color: #fff;
	font-size: 17px;
	text-align: center;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #3c6cfe;
	border-radius: 4px;
	display: inline-block;
}
.upgrade_block .upgrade_vip_block .upgrade_vip_box .notice{
	font-size: 15px;
	text-align: center;
	width: 100%;
	line-height: 30px;
	border-top: 1px dashed #ececec;
	margin-top: 20px;
	padding-top: 10px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_list {
	width: 100%;
	border-top: 1px dashed #d9dcdf;
	margin-top: 20px;
	padding: 15px 0;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_list li {
	color: #444;
	font-size: 13px;
	width: 100%;
	/*line-height: 28px;*/
	line-height: 31px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_list i {
	width: 20px;
	height: 28px;
	line-height: 28px;
	background: url(../images/upgrade/upgrade_ico09.png) center no-repeat;
	display: inline-block;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_list .tip {
	width: 20px;
	height: 28px;
	line-height: 28px;
	background: url(../images/upgrade/upgrade_ico08.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_title {
	text-align: center;
	width: 100%;
	border-top: 1px dashed #f54632;
	margin-top: 5px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .vip_title span {
	color: #f54632;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	background: #fff;
	position: relative;
	top: -11px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_list2 {
	color: #333;
	font-size: 12px;
	width: 100%;
	background: #f6f7f9;
	padding: 5px 15px;
	border-radius: 4px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_list2 li {
	line-height: 26px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_list2 li em {
	color: #777;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_box {
	width: 100%;
	line-height: 40px;
	background: #fff4f0;
	border-radius: 5px;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_box li {
	color: #ff4800;
	font-size: 13px;
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.upgrade_block .upgrade_vip_block .upgrade_vip_box .rights_box li a {
	color: #3c6cfe;
}

.upgrade_block .upgrade_list {
	width: 100%;
	padding: 0 45px;
	display: flex;
	justify-content: space-between;
}

.upgrade_block .upgrade_list li {
	color: #047ad5;
	font-size: 15px;
	text-align: center;
	padding-top: 75px;
}

.upgrade_block .upgrade_list .i1 {
	background: url(../images/upgrade/upgrade_ico01.png) top no-repeat;
}

.upgrade_block .upgrade_list .i2 {
	background: url(../images/upgrade/upgrade_ico02.png) top no-repeat;
}

.upgrade_block .upgrade_list .i3 {
	background: url(../images/upgrade/upgrade_ico03.png) top no-repeat;
}

.upgrade_block .upgrade_list .i4 {
	background: url(../images/upgrade/upgrade_ico04.png) top no-repeat;
}

.upgrade_block .upgrade_list .i5 {
	background: url(../images/upgrade/upgrade_ico05.png) top no-repeat;
}

.upgrade_block .upgrade_list .i6 {
	background: url(../images/upgrade/upgrade_ico06.png) top no-repeat;
}

.upgrade_block .upgrade_list .i7 {
	background: url(../images/upgrade/upgrade_ico07.png) top no-repeat;
}

.upgrade_title {
	color: #222;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.upgrade_title strong{
	font-size: 20px;
}

.upgrade_title span{
	font-size: 20px;
	color: #386cf3;
	cursor: pointer;
	margin-left: 12px;
}

.upgrade_title .equity{
	display: none;
}

.upgrade_title .show{
	display: block;
}

.advantage_block{
	background: url(../images/activity/advantage.png) no-repeat;
	width: 1170px;
	height: 421px;
	background-size: 100% 100%
}

.function_block {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.function_block .function_title {
	width: 350px;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
	border: none;
}

.function_block .function_title li {
	width: 100%;
	height: 90px;
	padding: 10px 15px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.function_block .function_title li strong {
	color: #222;
	font-size: 18px;
}

.function_block .function_title li p {
	color: #999;
	font-size: 13px;
}

.function_block .function_title .active {
	background: #ebf5fd;
}

.function_block .function_title .active:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 15px solid #ebf5fd;
	border-bottom: 8px solid transparent;
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translate(0, -50%);
}

.function_block .function_title .active strong {
	color: #3c6cfe;
}

.function_block .function_img {
	width: 785px;
	height: 400px;
}

.function_block .function_img .img_box {
	width: 100%;
	height: 100%;
	display: none;
}

.function_block .function_img .img_box.this {
	display: block;
}

.contrast_block{
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: height 1.5s;
}

.upgrade_block .contrast_tab td {
	font-size: 16px;
	text-align: center;
	border: 1px solid #e6e6e6;
	padding: 20px;
}

.upgrade_block .contrast_tab .center {
	font-size: 17px;
	font-weight: bold;
}

.upgrade_block .contrast_tab thead {
	height: 103px;
}
.upgrade_block .contrast_tab .title {
	font-size: 18px;
	font-weight: bold;
	background: #f5f8fb;
	position:static;
	margin-left: -1px;
	top: 0px;
	z-index: 10;
}

.upgrade_block .contrast_tab .title span {
	color: #fff;
	font-size: 14px;
	width: 114px;
	height: 32px;
	line-height: 32px;
	background: #3c6cfe;
	border-radius: 4px;
	margin-top: 10px;
}

.upgrade_block .contrast_tab .no {
	width: 25px;
	height: 25px;
	background: url(../images/upgrade/upgrade_ico10.png) center no-repeat;
	display: inline-block;
}

.upgrade_block .contrast_tab .yes {
	width: 25px;
	height: 25px;
	background: url(../images/upgrade/upgrade_ico11.png) center no-repeat;
	display: inline-block;
}

.upgrade_block .contrast_tab .tips {
	width: 25px;
	height: 25px;
	background: url(../images/upgrade/upgrade_ico12.png) center no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	cursor: pointer;
}

.upgrade_block .upgrade_question {
	padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}

.upgrade_block .upgrade_question li {
	font-size: 14px;
	width: 43%;
	margin: 10px 0;
	display: inline-block;
}

.upgrade_block .upgrade_question li:nth-child(2n + 1) {
	margin-right: 7%;
}

.upgrade_block .upgrade_question li:nth-child(2n) {
	margin-left: 7%;
}

.upgrade_block .upgrade_question li h3 {
	color: #111;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}

.upgrade_block .upgrade_question li p {
	color: #333;
	font-size: 14px;
	line-height: 30px;
}

.upgrade_block {
	background: #fff;
}

.zhangshuxianshi {
	color: #666666;
	font-size: 12px;
}

.newysxx {
	margin-top: 10px !important;
}

.zsxxnr {
	color: #999;
	font-size: 12px;
}

.vip_tips {
	position: absolute;
	top: -10px;
	left: -1px;
	background: #ff5448;
	padding: 0 5px;
	color: #fff;
}
.tishi{
	width: 20px;
	height: 28px;
	line-height: 28px;
	background: url(../images/upgrade/upgrade_ico08.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 70px;
}
.duihao{
	width: 20px;
	height: 28px;
	line-height: 28px;
	background: url(../images/upgrade/upgrade_ico09.png) center no-repeat;
	display: inline-block;
}
.newtishi{
	width: 20px;
	height: 28px;
	line-height: 28px;
	background: url(../images/upgrade/upgrade_ico08.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}
.xianshi{
	width: 70px;
	height: 24px;
	position: absolute;
	margin-left: 185px;
	margin-top: -25px;
}


.upgrade_pop {
	width: 1090px;
	height: 620px;
	background: #fff;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
}
.upgrade_pop .left{
	width: 200px;
	padding: 25px 20px;
}
.upgrade_pop .left .user{
	width: 100%;
	display: flex;
}
.upgrade_pop .left .user img{
	width: 48px;
	height: 48px;
	border-radius: 48px;
	margin-right: 10px;
	object-fit: cover;
}
.upgrade_pop .left .user strong{
	color: #33383e;
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
}
.upgrade_pop .left .user span{
	color: #505a71;
	font-size: 12px;
	text-align: center;
	width: 64px;
	height: 20px;
	line-height: 20px;
	background: #ebeef5;
	border-radius: 4px;
	display: block;
}
.upgrade_pop .left .time{
	width: 100%;
	line-height: 30px;
	margin-top: 15px;
}
.upgrade_pop .left .time p{
	font-size: 14px;
}
.upgrade_pop .left .time strong{
	color: #3c6cfe;
	font-size: 16px;
}
.upgrade_pop .left .member_benefits{
	width: 100%;
	border-top: 1px solid #f5f5f5;
	margin-top: 10px;
	padding-top: 15px;
	flex-wrap: wrap;
	display: none;
}
.upgrade_pop .left .member_benefits.compression{
	display: flex;
}
.upgrade_pop .left .member_benefits strong{
	font-size: 16px;
	margin-bottom: 10px;display: block;
}
.upgrade_pop .left .member_benefits a{
	text-align: center;
	width: 120px;
	height: 32px;
	line-height: 30px;
	border: 1px solid #ececec;
	border-radius: 4px;
	margin-top: 30px;
	display: block;
}

.upgrade_pop .left .member_benefits.compression p{
	font-size: 12px;
	line-height: 33px;
}
.upgrade_pop .left .member_benefits.compression p span{
	color: #3c6cfe;
}
.upgrade_pop .left .member_benefits.cutout ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.upgrade_pop .left .member_benefits.cutout li{
	font-size: 12px;
	text-align: center;
	width: 50px;
	margin: 15px 10px;
	padding-top: 50px;
}
.upgrade_pop .left .member_benefits.cutout .i1{
	background: url(../images/upgrade/upgrade_ico19.png) top center no-repeat;
}
.upgrade_pop .left .member_benefits.cutout .i2{
	background: url(../images/upgrade/upgrade_ico29.png) top center no-repeat;
}
.upgrade_pop .left .member_benefits.cutout .i3{
	background: url(../images/upgrade/upgrade_ico30.png) top center no-repeat;
}
.upgrade_pop .left .member_benefits.cutout .i4{
	background: url(../images/upgrade/upgrade_ico31.png) top center no-repeat;
}
.upgrade_pop .left .member_benefits.cutout .i5{
	background: url(../images/upgrade/upgrade_ico32.png) top center no-repeat;
}
.upgrade_pop .left .member_benefits.cutout .i6{
	background: url(../images/upgrade/upgrade_ico33.png) top center no-repeat;
	display: none;
}
.upgrade_pop .left .member_benefits.cutout .i7{
	background: url(../images/upgrade/upgrade_ico34.png) top center no-repeat;

}

.upgrade_pop .right{
	width: 890px;
	background: #f3f4f9;
}
.upgrade_pop 	.info_block{
	width: 100%;
	padding: 25px;
}
.upgrade_pop .right .type_slt{
	width: 100%;
	display: flex;
}
.upgrade_pop .right .type_slt li{
	width: 50%;
	height: 70px;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.upgrade_pop .right .type_slt li strong{
	font-size: 16px;
	line-height: 30px;
}
.upgrade_pop .right .type_slt li p{
	font-size: 12px;
}
.upgrade_pop .right .type_slt .compression{
	background: #e0e8f9;
}
.upgrade_pop .right .type_slt .compression.slt{
	color: #fff;
	background: linear-gradient(to right, #3c6cfe, #5f8cff);
}
.upgrade_pop .right .type_slt .compression.slt::after{
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top: 12px solid #3c6cfe;
	position: absolute;
	left: 50%;
	bottom: -24px;
}
.upgrade_pop .right .type_slt .cutout{
	color: #6b3d1e;
	background: #f5ece7;
}
.upgrade_pop .right .type_slt .cutout.slt{
	color: #6b3d1e;
	background: #ffe3d0;
}
.upgrade_pop .right .type_slt .cutout.slt::after{
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top: 12px solid #ffe3d0;
	position: absolute;
	left: 50%;
	bottom: -24px;
}
.upgrade_pop .right .member_box {
	flex-wrap: wrap;
	display: none;
}
.upgrade_pop .right .member_box.compression {
	display: flex;
}
.upgrade_pop .right .member_box.cutout .member_slt{
	display: none;
}
.upgrade_pop .right .member_box.cutout .member_slt.count{
	display: flex;
}
.upgrade_pop .right .member_slt{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.upgrade_pop .right .member_slt li{
	text-align: center;
	border-radius: 4px;
	padding-top: 20px;
	background: #fff;
	border: 1px solid #ececec;
	position: relative;
	cursor: pointer;
}
.upgrade_pop .right .compression .member_slt{
	margin-top: 25px;
}
.upgrade_pop .right .compression .member_slt li{
	width: calc((100% - 60px) / 5);
	height: 165px;
}
.upgrade_pop .right .compression .member_slt .active{
	border: 1px solid #3c6cfe;
}
.upgrade_pop .right .compression .member_slt .active .notice{
	color: #fff;
	background: #3c6cfe;
}

.upgrade_pop .right .compression .member_slt li h2{
	color: #222;
	font-size: 18px;
	font-weight: bold;
}
.upgrade_pop .right .compression .member_slt li .num{
	font-size: 14px;
	margin-top: 10px;
}
.upgrade_pop .right .compression .member_slt li .num strong{
	color: #ff4800;
	font-size:32px;
}
.upgrade_pop .right .compression .member_slt li .original_price{
	font-size: 12px;
	/*text-decoration: line-through;*/
	margin-top: 5px;
}
.upgrade_pop .right .compression .member_slt li .original_price.line{
	/*text-decoration: none;*/
}
.upgrade_pop .right .compression .member_slt li .notice{
	color: #3c6cfe;
	font-size: 12px;
	width: 100%;
	height: 22px;
	line-height: 22px;
	background: #e6f5ff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.upgrade_pop .right .cutout_type_slt{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.upgrade_pop .right .cutout_type_slt li{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 154px;
	height: 42px;
	line-height: 40px;
	border: 1px solid #ccc;
	cursor: pointer;
}
.upgrade_pop .right .cutout_type_slt .slt{
	color: #6b3d1e;
	line-height: 42px;
	background: linear-gradient(to bottom, #ffe3cf, #ffcaa1);
	border: none;
}
.upgrade_pop .right .cutout .member_slt{
	margin-top: 20px;
}
.upgrade_pop .right .cutout .member_slt li{
	width: calc((100% - 60px) / 5);
	height: 140px;
	position: relative;
}
.upgrade_pop .right .cutout .member_slt li .tips{
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 58px;
	height: 24px;
	line-height: 24px;
	background: #fe3800;
	border-radius: 10px 0 10px 0;
	position: absolute;
	top: -10px;
	left: -1px;
}
.upgrade_pop .right .cutout .member_slt .active{
	background: #fffaf6;
	border: 1px solid #febf93;
}
.upgrade_pop .right .cutout .member_slt .active .notice{
	color: #6b3d1e;
	background: #ffc9a0;
}

.upgrade_pop .right .cutout .member_slt li h2{
	color: #222;
	font-size: 18px;
	font-weight: bold;
}
.upgrade_pop .right .cutout .member_slt li .num{
	font-size: 14px;
	margin-top: 10px;
}
.upgrade_pop .right .cutout .member_slt li .num strong{
	color: #ff4800;
	font-size:32px;
}
.upgrade_pop .right .cutout .member_slt li .original_price{
	font-size: 12px;
	/*text-decoration: line-through;*/
	margin-top: 5px;
}
.upgrade_pop .right .cutout .member_slt li .original_price.line{
	/*text-decoration: none;*/
}
.upgrade_pop .right .cutout .member_slt li .notice{
	color: #6b3d1e;
	font-size: 12px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #ffefe3;
	position: absolute;
	left: 0;
	bottom: 0;
}

.upgrade_pop .right .price_info{
	font-size: 14px;
	width: 100%;
	line-height: 40px;
	background: #fff;
	padding: 20px 40px;
	border-radius: 5px;
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.upgrade_pop .right .price_info .qr_box{
	text-align: center;
	width: 120px;
	line-height: 30px;
	margin-right: 30px;
}
.upgrade_pop .right .price_info .qr_box canvas{
	width: 120px;
	height: 120px;
	padding: 2px;
	border: 1px solid #e6e6e6;
}
.upgrade_pop .right .price_info .qr_box span{
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	padding-left: 30px;
	display: inline-block;
}
.upgrade_pop .right .price_info .qr_box span.wx{
	background: url(../images/upgrade/upgrade_ico15.png) left no-repeat;
}
.upgrade_pop .right .price_info .qr_box span.ali{
	background: url(../images/upgrade/upgrade_ico17.png) left no-repeat;
}
.upgrade_pop .right .price_info .info .num{
	font-size: 17px;
	display: flex;
	align-items: baseline;
}
.upgrade_pop .right .price_info .info .num p{
	color: #ff4800;
}
.upgrade_pop .right .price_info .info .num strong{
	font-size: 32px;
}
.upgrade_pop .right .price_info .info .wx{
	width: 24px;
	height: 24px;
	background: url(../images/upgrade/upgrade_ico16.png) no-repeat;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
}
.upgrade_pop .right .price_info .info .ali{
	width: 24px;
	height: 24px;
	background: url(../images/upgrade/upgrade_ico17.png) no-repeat;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
}
.upgrade_pop .right .price_info .agreement a{
	color: #3c6cfe;
}
.upgrade_pop .right .notices{
	color: #555;
	font-size: 12px;
	width: 100%;
	line-height: 25px;
	margin-top: 15px;
	flex-wrap: wrap;
	display: none;
}
.upgrade_pop .right .notices.compression{
	display: block;
}
.upgrade_pop .right .notices strong{
	font-size: 13px;
	width: 100%;
}
.upgrade_pop .right .notices p{
	width: 100%;
}
.upgrade_pop .right .notices span{
	color: #3c6cfe;
}
.upgrade_pop .right .notices em{
	margin-right: 20px;
	font-style: normal;
}

/* PDF压缩 */
.PDF_compression_box *{
	box-sizing: border-box;
}
.PDF_compression_box{
	width: 100%;
	min-height: 340px;
	padding: 50px 30px;
	border: 5px dashed #d4d4d4;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.PDF_compression_box .compression_before{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.PDF_compression_box .compression_before .ico_pdf{
	width: 47px;
	height: 54px;
	background: url(../images/pdf/img_pdf.png) no-repeat;
}
.PDF_compression_box .compression_before .btn_upload{
	color: #fff;
	font-size: 18px;
	text-indent: 30px;
	width: 240px;
	height: 45px;
	border-radius: 4px;
	background: #3c6cfe url(../images/pdf/ico_12.png) 67px no-repeat;
	margin: 20px 0;
}
.PDF_compression_box .compression_before .notice{
	color: #ccc;
	font-size: 15px;
}
.PDF_compression_box .compression_after{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.PDF_compression_box .compression_after .compression_edit{
	width: 360px;
	height: 195px;
	border: 1px solid #a0d6ff;
	margin:5px 10px 5px 0;
	position: relative;
}
.PDF_compression_box .compression_after .compression_edit:hover{
	border: 1px solid #0083E9;
	cursor: pointer;
}
.PDF_compression_box .compression_after .compression_edit .top{
	width: 100%;
	padding: 4px;
	display: flex;
}
.PDF_compression_box .compression_after .compression_edit .top .img{
	width: 130px;
	height: 130px;
	background: #a0d6ff;
	flex-shrink: 0;
	margin-right: 20px;
}
.PDF_compression_box .compression_after .compression_edit .top .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.PDF_compression_box .compression_after .compression_edit .top .info{
	font-size: 12px;
	line-height: 32px;
}
.PDF_compression_box .compression_after .compression_edit .download_img{
	color: #fff;
	font-size: 12px;
	width: 70px;
	height: 30px;
	line-height: 30px;
	background: #3c6cfe;
	border-radius: 4px;
	padding: 0;
}
.PDF_compression_box .compression_after .compression_edit .progress{
	width: 100%;
	height: 4px;
	background: #f0efee;
	margin-top: 5px;
}
.PDF_compression_box .compression_after .compression_edit .name{
	width: 100%;
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	overflow: hidden;
}
.PDF_compression_box .compression_after .compression_edit.slt::after{
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/pdf/ico_17.png) no-repeat;
	position: absolute;
	right: -1px;
	bottom: -1px;
}

.compression_edit_box{
	width: 100%;
	margin: 20px 0;
	display: flex;
	justify-content: right;
	align-items: center;
}
.compression_edit_box .layui-form-radioed>i,
.layui-form-radioed{
	color: #3c6cfe;
}
.compression_edit_box.phone{
	justify-content: center;
	margin: 10px 0;
}
.compression_edit_box.phone .layui-form-radioed>i{
	transform: scale(0.8);
}
.compression_edit_box .btn_handle{
	width: 95px;
	height: 42px;
	background: #3c6cfe;
	border-radius: 4px;
}
.compression_edit_box .btn_reupload{
	width: 95px;
	height: 42px;
	background: #00ce7a;
	border-radius: 4px;
}
.PDF_compression_block *{
	box-sizing: border-box;
}
.PDF_compression_block {
	width: 100%;
	background: #fff;
	padding-top: 40px;
	display: inline-block;
}
.PDF_compression_title{
	color: #333;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.PDF_compression_img{
	width: 100%;
	height: 500px;
	background: url(../images/pdf/img_01.png) center no-repeat;
}
.PDF_compression_list1{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.PDF_compression_list1 li{
	width: 336px;
	height: 194px;
	margin-top: 70px;
	position: relative;
}
.PDF_compression_list1 .i1{
	background: url(../images/pdf/img_02.png) no-repeat;
}
.PDF_compression_list1 .i2{
	background: url(../images/pdf/img_03.png) no-repeat;
}
.PDF_compression_list1 .i3{
	background: url(../images/pdf/img_04.png) no-repeat;
}
.PDF_compression_list1 .i1::before,
.PDF_compression_list1 .i2::before,
.PDF_compression_list1 .i3::before{
	content: '1';
	font-size: 26px;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #dcdcdc;
	border-radius: 40px;
	position: absolute;
	left: 5px;
	top: -20px;
}
.PDF_compression_list1 .i2::before{
	content: '2';
}
.PDF_compression_list1 .i3::before{
	content: '3';
}
.PDF_compression_list1 li:hover::before{
	color: #fff;
	background: #000;
}

.PDF_compression_list2{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.PDF_compression_list2 li{
	text-align: center;
	width: 220px;
	padding-top: 120px;
}
.PDF_compression_list2 .i1{
	background: url(../images/pdf/ico_13.png) top no-repeat;
}
.PDF_compression_list2 .i2{
	background: url(../images/pdf/ico_14.png) top no-repeat;
}
.PDF_compression_list2 .i3{
	background: url(../images/pdf/ico_15.png) top no-repeat;
}
.PDF_compression_list2 .i4{
	background: url(../images/pdf/ico_16.png) top no-repeat;
}
.PDF_compression_list2 li span{
	font-size: 22px;
}
.PDF_compression_list2 li p{
	color: #666;
	font-size: 15px;
	line-height: 25px;
	margin-top: 10px;
}
.PDF_compression_block2{
	width: 100%;
	height: 260px;
	background: #eef9ff;
	margin-top: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.PDF_compression_block2 p{
	font-size: 30px;
}
.PDF_compression_block2 .use_btn{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	width: 240px;
	height: 70px;
	background: #3c6cfe;
	border-radius: 4px;
	margin-top: 50px;
}
.phone_content{
	width: 100%;
	max-width: 600px;
	padding: 0 15px;
	box-sizing: border-box;
	margin: 0 auto;
	display: inline-block;
}
.phone_content *{
	box-sizing: border-box;
}
.phone_menu_list{
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.phone_menu_list li {
	width: 32%;
	margin-bottom: 8px;
}
.phone_menu_list li a {
	color: #222;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #f2f3f8;
	border-radius: 4px;
	display: block;
}
.phone_title{
	width: 100%;
	display: flex;
	justify-content: center;
}
.phone_title h2 {
	font-size: 21px;
	font-weight: bold;
}
.phone_edit_block{
	width: 100%;
	min-height: 225px;
	border: 4px dashed #d4d4d4;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.phone_edit_block .phone_img_type {
	width: 100%;
	display: flex;
	justify-content: center;
}
.phone_edit_block .phone_img_type span {
	width: 40px;
	height: 45px;
	margin: 0 8px;
	display: inline-block;
}
.phone_edit_block .phone_img_type .pdf {
	background: url(../images/pdf/img_pdf.png) center no-repeat;
	background-size: 100% 100%;
}
.phone_edit_block .btn_upload{
	color: #fff;
	font-size: 12px;
	text-indent: 25px;
	width: 140px;
	height: 30px;
	border-radius: 30px;
	border-radius: 30px;
	background: #3c6cfe url(../images/pdf/ico_12.png) 18px no-repeat;
	background-size: 15px auto;
	margin: 10px 0;
}
.phone_edit_block .notice{
	color: #ccc;
	font-size: 12px;
}

.phone_edit_block .compression_after{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.phone_edit_block .compression_after .compression_edit{
	width: 100%;
	height: 195px;
	border: 1px solid #a0d6ff;
	margin: 5px 0;
	position: relative;
}
.phone_edit_block .compression_after .compression_edit:hover{
	border: 1px solid #0083E9;
	cursor: pointer;
}
.phone_edit_block .compression_after .compression_edit .top{
	width: 100%;
	padding: 4px;
	display: flex;
}
.phone_edit_block .compression_after .compression_edit .top .img{
	width: 130px;
	height: 130px;
	background: #a0d6ff;
	flex-shrink: 0;
	margin-right: 20px;
}
.phone_edit_block .compression_after .compression_edit .top .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.phone_edit_block .compression_after .compression_edit .top .info{
	font-size: 12px;
	line-height: 32px;
}
.phone_edit_block .compression_after .compression_edit .download_img{
	color: #fff;
	font-size: 12px;
	width: 70px;
	height: 30px;
	line-height: 30px;
	background: #3c6cfe;
	border-radius: 4px;
	padding: 0;
}
.phone_edit_block .compression_after .compression_edit .progress{
	width: 100%;
	height: 4px;
	background: #f0efee;
	margin-top: 5px;
}
.phone_edit_block .compression_after .compression_edit .name{
	width: 100%;
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	overflow: hidden;
}
.phone_edit_block .compression_after .compression_edit.slt::after{
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/pdf/ico_17.png) no-repeat;
	position: absolute;
	right: -1px;
	bottom: -1px;
}
.phone_edit_button_hold{
	width: 100%;
	height: 50px;
}
.phone_edit_button{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: fixed;
	left: 0;
	bottom: 0;
}
.phone_edit_button button{
	font-size: 15px;
	width: 50%;
	height: 50px;
	border-radius: 0;
	margin: 0px!important;
}
.phone_edit_button .btn_handle{
	color: #fff;
	background: #3c6cfe;
}
.phone_edit_button .btn_reupload{
	color: #3c6cfe;
	background: #f5f3f3;
}

/* 图片压缩 */
.pic_compress_block .pcompress_title{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.pic_compress_block .function_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pic_compress_block .function_list li{
	width: 275px;
	height: 130px;
	border: 1px solid #e8eaec;
	border-radius: 3px;
	background: #f6f7f9;
	margin: 10px 0;
	display: flex;
	align-items: center;
}
.pic_compress_block .function_list li:hover{
	opacity: 0.8;
}
.pic_compress_block .function_list li a{
	font-size: 19px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	padding: 0 30px;
	display: flex;
	align-items: center;
}
.pic_compress_block .function_list .i1 a{
	background: url(../images/pic_compress/ico_001.png) 90% no-repeat;
}
.pic_compress_block .function_list .i2 a{
	background: url(../images/pic_compress/ico_002.png) 90% no-repeat;
}
.pic_compress_block .function_list .i3 a{
	background: url(../images/pic_compress/ico_003.png) 90% no-repeat;
}
.pic_compress_block .function_list .i4 a{
	background: url(../images/pic_compress/ico_004.png) 90% no-repeat;
}
.pic_compress_block .function_list .i5 a{
	background: url(../images/pic_compress/ico_005.png) 90% no-repeat;
}
.pic_compress_block .function_list .i6 a{
	background: url(../images/pic_compress/ico_006.png) 90% no-repeat;
}
.pic_compress_block .function_list .i7 a{
	background: url(../images/pic_compress/ico_007.png) 90% no-repeat;
}
.pic_compress_block .function_list .i8 a{
	background: url(../images/pic_compress/ico_008.png) 90% no-repeat;
}

.pcompress_box{
	width: 100%;
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pcompress_box dd{
	color: #333;
	font-size: 18px;
	line-height: 46px;
	padding-left: 20px;
	position: relative;
}
.pcompress_box dd::before{
	content: '';
	width: 5px;
	height: 5px;
	background: #3c6cfe;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 20px;
}
.pcompress_box.right dd{
	text-align: right;
	padding-right: 20px;
}
.pcompress_box.right dd::before{
	content: '';
	width: 5px;
	height: 5px;
	background: #3c6cfe;
	border-radius: 5px;
	position: absolute;
	left: auto;
	right: 0;
	top: 20px;
}
.pcompress_box .img_i1{
	width: 612px;
	height: 413px;
	background: url(../images/pic_compress/img_01.png) no-repeat;
}
.pcompress_box .img_i2{
	width: 550px;
	height: 417px;
	background: url(../images/pic_compress/img_02.png) no-repeat;
}
.pcompress_box .img_i3{
	width: 544px;
	height: 372px;
	background: url(../images/pic_compress/img_03.png) no-repeat;
}
.pcompress_box:nth-of-type(2){
	text-align: right;
}
.pcompress_list{
	width: 100%;
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
}
.pcompress_list li{
	width: 370px;
	height: 180px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.pcompress_list li strong{
	color: #3c6cfe;
	font-size: 18px;
	height: 50px;
	padding: 0 20px;
	border-bottom: 1px solid #eff0f3;
	display: flex;
	align-items: center;
}
.pcompress_list li i{
	color: #3c6cfe;
	font-size: 22px;
	height: 22px;
	line-height: 22px;
	font-weight: normal;
	margin-right: 10px;
}
.pcompress_list li p{
	color: #636c78;
	font-size: 14px;
	width: 100%;
	line-height: 28px;
	padding: 20px;
}
.pcompress_help_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pcompress_help_list li{
	width: 47%;
	padding-left: 17px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.pcompress_help_list li::before{
	content: '';
	width: 7px;
	height: 7px;
	background: #636c78;
	border-radius: 7px;
	position: absolute;
	left: 0px;
	top: 13px;
}
.pcompress_help_list li a{
	font-size: 15px;
	width: calc(100% - 90px);
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pcompress_help_list li span{
	color: #777;
	font-size: 14px;
}


/* 会员弹窗 20231208 */
.member_pop *{
	box-sizing: border-box;
}
.member_pop{
	width: 1050px;
	height: 565px;
	background: #fff url(../images/upgrade/upgrade_bg.png) no-repeat;
	border-radius: 14px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.member_pop .member_pop_head{
	width: 100%;
	height: 75px;
	padding: 0 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.member_pop .member_pop_head .user{
	color: #343a5a;
	line-height: 42px;
	display: flex;
	align-items: center;
}
.member_pop .member_pop_head .user img{
	width: 42px;
	height: 42px;
	padding: 2px;
	border-radius: 42px;
	margin-right: 15px;
	background: #fff;
	object-fit: cover;
}
.member_pop .member_pop_head .user strong{
	font-size: 15px;
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
}
.member_pop .member_pop_head .user strong::after{
	content: '';
	width: 1px;
	height: 12px;
	background: #8591ac;
	display: inline-block;
	position: absolute;
	top: 16px;
	right: 0px;
}
.member_pop .member_pop_head .user span{
	font-size: 13px;
}
.member_pop .member_pop_head .close{
	width: 15px;
	height: 15px;
	background: url(../images/upgrade/upgrade_ico35.png) no-repeat;
	cursor: pointer;
}

.member_pop .member_pop_block{
	width: 100%;
	padding: 25px;
	background: #fff;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
}
.member_pop .member_pop_block .left{
	width: 185px;
	height: 440px;
	background: #f6f7fc;
	padding: 15px 13px;
	border-radius: 10px;
	position: relative;
}
.member_pop .member_pop_block .left>h2{
	color: #4a506c;
	font-size: 17px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: center;
}
.member_pop .member_pop_block .left>h2>strong{
	background: url(../images/upgrade/upgrade_vip01.png) left no-repeat;
	background-size: 30px auto;
	padding-left: 40px;
}
.member_pop .member_pop_block .left>ul{
	margin-top: 20px;
}
.member_pop .member_pop_block .left>ul>li{
	color: #4a506c;
	font-size: 13px;
	width: 100%;
	line-height: 32px;
	padding-left: 10px;
	position: relative;
}
.member_pop .member_pop_block .left>ul>li::before{
	content: '';
	width: 3px;
	height: 3px;
	background: #4a506c;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 14px;
}
.member_pop .member_pop_block .left a{
	color: #4a506c;
	font-size: 12px;
	text-align: center;
	width: calc(100% - 30px);
	height: 30px;
	line-height: 28px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #edeef2;
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
.member_pop .member_pop_block .right{
	width: 785px;
	display: flex;
	flex-direction: column;
	position: relative;
}
.member_pop .member_pop_block .right .member_list{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.member_pop .member_pop_block .right .member_list dd{
	width: 185px;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.member_pop .member_pop_block .right .member_list dd.active{
	border: 2px solid #3c6cfe;
}
.member_pop .member_pop_block .right .member_list dd.active .discount{
	color: #fff;
	background: #3c6cfe;
}
.member_pop .member_pop_block .right .member_list h3{
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.member_pop .member_pop_block .right .member_list .price{
	font-size: 14px;
	margin-top: 10px;
}
.member_pop .member_pop_block .right .member_list .price strong{
	color: #ff4800;
	font-size: 24px;
}
.member_pop .member_pop_block .right .member_list .notice{
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.member_pop .member_pop_block .right .member_list .notice .count{
	font-size: 12px;
	width: 80px;
	height: 28px;
	background: #f6f7fc;
	border-radius: 4px;
	padding-inline-start: 3px;
	display: flex;
	align-items: center;
}
.member_pop .member_pop_block .right .member_list .notice .count li{
	text-align: center;
	width: 50%;
	line-height: 22px;
}
.member_pop .member_pop_block .right .member_list .notice .count li.active{
	background: #fff;
}
.member_pop .member_pop_block .right .member_list .discount{
	color: #3c6cfe;
	font-size: 12px;
	text-align: center;
	width: 100%;
	height: 26px;
	line-height: 24px;
	background: #e8f1ff;
	border-radius: 0 0 10px 10px;
	margin-top: 10px;
}

.member_pop .member_pop_block .right .price_box{
	width: 100%;
	margin-top: 30px;
	display: flex;
	align-items: center;
}
.member_pop .member_pop_block .right .price_box .qr_box{
	text-align: center;
	margin-right: 35px;
}
.member_pop .member_pop_block .right .price_box .qr{
	width: 130px;
	height: 130px;
	border: 1px solid #e6e6e6;
	padding: 5px;
	border-radius: 10px;
	background: url(../images/upgrade/loading.gif) center no-repeat;
	background-size: 90% 90%;
}
.member_pop .member_pop_block .right .price_box .qr img{
	width: 100%;
	height: 100%;
}
.member_pop .member_pop_block .right .price_box span{
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	padding-left: 30px;
	margin-top: 10px;
	display: inline-block;
}
.member_pop .member_pop_block .right .price_box span.wx{
	background: url(../images/upgrade/upgrade_ico15.png) left no-repeat;
}
.member_pop .member_pop_block .right .price_box span.ali{
	background: url(../images/upgrade/upgrade_ico17.png) left no-repeat;
	background-size: 22px auto;
}
.member_pop .member_pop_block .right .price_box .price dd{
	color: #4a506c;
	font-size: 14px;
	line-height: 34px;
	display: flex;
	align-items: center;
}
.member_pop .member_pop_block .right .price_box .price dd .num{
	color: #ff4800;
}
.member_pop .member_pop_block .right .price_box .price dd .num>strong{
	font-size: 30px;
}
.member_pop .member_pop_block .right .price_box .price dd .time{
	color: #3c6cfe;
	font-weight: bold;
}
.member_pop .member_pop_block .right .price_box .price dd .wx{
	width: 24px;
	height: 30px;
	background: url(../images/upgrade/upgrade_ico16.png) center no-repeat;
	margin-right: 5px;
	display: inline-block;
}
.member_pop .member_pop_block .right .price_box .price dd .ali{
	width: 24px;
	height: 30px;
	background: url(../images/upgrade/upgrade_ico17.png) center no-repeat;
	margin-right: 5px;
	display: inline-block;
}
.member_pop .member_pop_block .right .price_box .price dd .user_agreement{
	color: #3c6cfe;
}
.member_pop .member_pop_block .right .price_box .price .warning{
	color: #ff0000;
}
.member_pop .member_pop_block .right .price_notice{
	color: #4a506c;
	font-size: 13px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.pop_buy{
	background: transparent!important;
}
.member_pop .close_message_pop{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	left: 0;
	top: 0;
}
.member_pop .close_message{
	width: 430px;
	height: 438px;
	background: url(../images/upgrade/bg_close.png) no-repeat;
	padding: 250px 30px 0 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.member_pop .close_message .close{
	width: 28px;
	height: 28px;
	background: url(../images/upgrade/close_2.png) no-repeat;
	position: absolute;
	top: 0;
	right: -35px;
	cursor: pointer;
}
.member_pop .close_message strong{
	color: #010101;
	font-size: 20px;
}
.member_pop .close_message .price_box{
	width: 100%;
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.member_pop .close_message .price_box .qr_box{
	width: 85px;
	margin-right: 15px;
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	align-items: center;
}
.member_pop .close_message .price_box .qr_box canvas{
	width: 80px;
	height: 80px;
	background: #f5f5f5;
}
.member_pop .close_message .price_box .qr_box .wx{
	color: #333;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	margin-top: 10px;
	background: url(../images/upgrade/upgrade_ico15.png) left no-repeat;
	padding-left: 25px;
}
.member_pop .close_message .price_box .qr_box .ali{
	color: #333;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	margin-top: 10px;
	background: url(../images/upgrade/upgrade_ico17.png) left no-repeat;
	background-size: 20px 20px;
	padding-left: 24px;
}
.member_pop .close_message .price_info li{
	font-size: 14px;
	line-height: 30px;
	display: flex;
	align-items: center;
}
.member_pop .close_message .price_info li p{
	color: #ff0000;
	display: flex;
	align-items: baseline;
}
.member_pop .close_message .price_info li strong{
	color: #ff0000;
	font-size: 28px;
}


/* 活动弹框 */
.anniversary_cover{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	display: block;
}
.anniversary_cover .anniversary_pop{
	width: 420px;
	height: 488px;
	background: url(../images/activity/pop_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50.1%);
}

.anniversary_cover .close_btn{
	width: 32px;
	height: 32px;
	background: url(../images/activity/close.png);
	background-size: 100% 100%;
	position: absolute;
	right: -15px;
	top: 25px;
	cursor: pointer;
}

.anniversary_cover .anniversary_pop .btns{
	width: 100%;
	margin-top: 15px;
	padding: 0 30px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	bottom: 28px;
}

.anniversary_cover .anniversary_pop .btns .btn_1{
	width: 300px;
	height: 84px;
	background: url(../images/activity/btn.png) no-repeat;
	background-size: 100% 100%;
}

/* pdf转换 */
.pdf_conversion *{
	box-sizing: border-box;
}
.pdf_bg{
	width: 100%;
	background: #fafafa;
	padding-bottom: 50px;
}
.pdf_top{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.pdf_top .menu{
	font-size: 14px;
	width: 205px;
	line-height: 50px;
	border-top: 3px solid #3c6cfe;
	border-radius: 4px;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
}
.pdf_top .menu dd{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.pdf_top .menu dd>strong{
	width: 100%;
	line-height: 38px;
	padding: 0 20px;
	background: url(../images/pdf_conversion/ico_arrow.png) 92% no-repeat;
	cursor: pointer;
}
.pdf_top .menu .open>strong{
	color: #3c6cfe;
	background: url(../images/pdf_conversion/ico_arrow2.png) 92% no-repeat;
}
.pdf_top .menu ul{
	display: none;
}
.pdf_top .menu .open ul{
	display: block;
}
.pdf_top .menu li{
	width: 100%;
	height: 38px;
	display: flex;
}
.pdf_top .menu li a{
	width: 100%;
	padding-left: 55px;
	display: flex;
	align-items: center;
}
.pdf_top .menu li:hover{
	color: #3c6cfe;
	background: #f2f5fc;
}
.pdf_top .menu li a>em{
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 32px;
	height: 16px;
	line-height: 18px;
	background: linear-gradient(to right, #fa2726, #ff6e66);
	border-radius: 8px 8px 8px 0;
	margin-left: 5px;
}
.pdf_top .menu li a>span{
	color: #777;
	font-size: 13px;
	text-align: center;
	width: 56px;
	height: 20px;
	line-height: 18px;
	background: #f3f3ff;
	border-radius: 3px;
	transform: scale(0.85);
}

.pdf_top .menu .i1_1 a{
	background: url(../images/pdf_conversion/ico/i1_1.png) 26px no-repeat;
}
.pdf_top .menu .i1_2 a{
	background: url(../images/pdf_conversion/ico/i1_2.png) 26px no-repeat;
}
.pdf_top .menu .i1_3 a{
	background: url(../images/pdf_conversion/ico/i1_3.png) 26px no-repeat;
}
.pdf_top .menu .i1_4 a{
	background: url(../images/pdf_conversion/ico/i1_4.png) 26px no-repeat;
}
.pdf_top .menu .i1_5 a{
	background: url(../images/pdf_conversion/ico/i1_5.png) 26px no-repeat;
}
.pdf_top .menu .i1_6 a{
	background: url(../images/pdf_conversion/ico/i1_6.png) 26px no-repeat;
}
.pdf_top .menu .i1_7 a{
	background: url(../images/pdf_conversion/ico/i1_7.png) 26px no-repeat;
}
.pdf_top .menu .i1_8 a{
	background: url(../images/pdf_conversion/ico/i1_8.png) 26px no-repeat;
}
.pdf_top .menu .i1_9 a{
	background: url(../images/pdf_conversion/ico/i1_9.png) 26px no-repeat;
}
.pdf_top .menu .i1_1.active,
.pdf_top .menu .i1_1:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_1.png) 26px no-repeat;
}
.pdf_top .menu .i1_2.active,
.pdf_top .menu .i1_2:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_2.png) 26px no-repeat;
}
.pdf_top .menu .i1_3.active,
.pdf_top .menu .i1_3:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_3.png) 26px no-repeat;
}
.pdf_top .menu .i1_4.active,
.pdf_top .menu .i1_4:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_4.png) 26px no-repeat;
}
.pdf_top .menu .i1_5.active,
.pdf_top .menu .i1_5:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_5.png) 26px no-repeat;
}
.pdf_top .menu .i1_6.active,
.pdf_top .menu .i1_6:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_6.png) 26px no-repeat;
}
.pdf_top .menu .i1_7.active,
.pdf_top .menu .i1_7:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_7.png) 26px no-repeat;
}
.pdf_top .menu .i1_8.active,
.pdf_top .menu .i1_8:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_8.png) 26px no-repeat;
}
.pdf_top .menu .i1_9.active,
.pdf_top .menu .i1_9:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i1_9.png) 26px no-repeat;
}

.pdf_top .menu .i2_1 a{
	background: url(../images/pdf_conversion/ico/i2_1.png) 26px no-repeat;
}
.pdf_top .menu .i2_2 a{
	background: url(../images/pdf_conversion/ico/i2_2.png) 26px no-repeat;
}
.pdf_top .menu .i2_3 a{
	background: url(../images/pdf_conversion/ico/i2_3.png) 26px no-repeat;
}
.pdf_top .menu .i2_4 a{
	background: url(../images/pdf_conversion/ico/i2_4.png) 26px no-repeat;
}
.pdf_top .menu .i2_5 a{
	background: url(../images/pdf_conversion/ico/i2_5.png) 26px no-repeat;
}
.pdf_top .menu .i2_6 a{
	background: url(../images/pdf_conversion/ico/i2_6.png) 26px no-repeat;
}
.pdf_top .menu .i2_7 a{
	background: url(../images/pdf_conversion/ico/i2_7.png) 26px no-repeat;
}
.pdf_top .menu .i2_8 a{
	background: url(../images/pdf_conversion/ico/i2_8.png) 26px no-repeat;
}
.pdf_top .menu .i2_1.active,
.pdf_top .menu .i2_1:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_1.png) 26px no-repeat;
}
.pdf_top .menu .i2_2.active,
.pdf_top .menu .i2_2:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_2.png) 26px no-repeat;
}
.pdf_top .menu .i2_3.active,
.pdf_top .menu .i2_3:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_3.png) 26px no-repeat;
}
.pdf_top .menu .i2_4.active,
.pdf_top .menu .i2_4:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_4.png) 26px no-repeat;
}
.pdf_top .menu .i2_5.active,
.pdf_top .menu .i2_5:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_5.png) 26px no-repeat;
}
.pdf_top .menu .i2_6.active,
.pdf_top .menu .i2_6:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_6.png) 26px no-repeat;
}
.pdf_top .menu .i2_7.active,
.pdf_top .menu .i2_7:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_7.png) 26px no-repeat;
}
.pdf_top .menu .i2_8.active,
.pdf_top .menu .i2_8:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i2_8.png) 26px no-repeat;
}

.pdf_top .menu .i3_1 a{
	background: url(../images/pdf_conversion/ico/i3_1.png) 26px no-repeat;
}
.pdf_top .menu .i3_2 a{
	background: url(../images/pdf_conversion/ico/i3_2.png) 26px no-repeat;
}
.pdf_top .menu .i3_3 a{
	background: url(../images/pdf_conversion/ico/i3_3.png) 26px no-repeat;
}
.pdf_top .menu .i3_4 a{
	background: url(../images/pdf_conversion/ico/i3_4.png) 26px no-repeat;
}
.pdf_top .menu .i3_5 a{
	background: url(../images/pdf_conversion/ico/i3_5.png) 26px no-repeat;
}
.pdf_top .menu .i3_6 a{
	background: url(../images/pdf_conversion/ico/i3_6.png) 26px no-repeat;
}
.pdf_top .menu .i3_7 a{
	background: url(../images/pdf_conversion/ico/i3_7.png) 26px no-repeat;
}
.pdf_top .menu .i3_8 a{
	background: url(../images/pdf_conversion/ico/i3_8.png) 26px no-repeat;
}
.pdf_top .menu .i3_9 a{
	background: url(../images/pdf_conversion/ico/i3_9.png) 26px no-repeat;
}
.pdf_top .menu .i3_1.active,
.pdf_top .menu .i3_1:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_1.png) 26px no-repeat;
}
.pdf_top .menu .i3_2.active,
.pdf_top .menu .i3_2:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_2.png) 26px no-repeat;
}
.pdf_top .menu .i3_3.active,
.pdf_top .menu .i3_3:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_3.png) 26px no-repeat;
}
.pdf_top .menu .i3_4.active,
.pdf_top .menu .i3_4:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_4.png) 26px no-repeat;
}
.pdf_top .menu .i3_5.active,
.pdf_top .menu .i3_5:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_5.png) 26px no-repeat;
}
.pdf_top .menu .i3_6.active,
.pdf_top .menu .i3_6:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_6.png) 26px no-repeat;
}
.pdf_top .menu .i3_7.active,
.pdf_top .menu .i3_7:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_7.png) 26px no-repeat;
}
.pdf_top .menu .i3_8.active,
.pdf_top .menu .i3_8:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_8.png) 26px no-repeat;
}
.pdf_top .menu .i3_9.active,
.pdf_top .menu .i3_9:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i3_9.png) 26px no-repeat;
}

.pdf_top .menu .i4_1 a{
	background: url(../images/pdf_conversion/ico/i4_1.png) 26px no-repeat;
}
.pdf_top .menu .i4_2 a{
	background: url(../images/pdf_conversion/ico/i4_2.png) 26px no-repeat;
}
.pdf_top .menu .i4_3 a{
	background: url(../images/pdf_conversion/ico/i4_3.png) 26px no-repeat;
}
.pdf_top .menu .i4_4 a{
	background: url(../images/pdf_conversion/ico/i4_4.png) 26px no-repeat;
}
.pdf_top .menu .i4_5 a{
	background: url(../images/pdf_conversion/ico/i4_5.png) 26px no-repeat;
}
.pdf_top .menu .i4_6 a{
	background: url(../images/pdf_conversion/ico/i4_6.png) 26px no-repeat;
}
.pdf_top .menu .i4_7 a{
	background: url(../images/pdf_conversion/ico/i4_7.png) 26px no-repeat;
}
.pdf_top .menu .i4_8 a{
	background: url(../images/pdf_conversion/ico/i4_8.png) 26px no-repeat;
}
.pdf_top .menu .i4_9 a{
	background: url(../images/pdf_conversion/ico/i4_9.png) 26px no-repeat;
}
.pdf_top .menu .i4_10 a{
	background: url(../images/pdf_conversion/ico/i4_10.png) 26px no-repeat;
}
.pdf_top .menu .i4_1.active,
.pdf_top .menu .i4_1:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_1.png) 26px no-repeat;
}
.pdf_top .menu .i4_2.active,
.pdf_top .menu .i4_2:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_2.png) 26px no-repeat;
}
.pdf_top .menu .i4_3.active,
.pdf_top .menu .i4_3:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_3.png) 26px no-repeat;
}
.pdf_top .menu .i4_4.active,
.pdf_top .menu .i4_4:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_4.png) 26px no-repeat;
}
.pdf_top .menu .i4_5.active,
.pdf_top .menu .i4_5:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_5.png) 26px no-repeat;
}
.pdf_top .menu .i4_6.active,
.pdf_top .menu .i4_6:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_6.png) 26px no-repeat;
}
.pdf_top .menu .i4_7.active,
.pdf_top .menu .i4_7:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_7.png) 26px no-repeat;
}
.pdf_top .menu .i4_8.active,
.pdf_top .menu .i4_8:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_8.png) 26px no-repeat;
}
.pdf_top .menu .i4_9.active,
.pdf_top .menu .i4_9:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_9.png) 26px no-repeat;
}
.pdf_top .menu .i4_10.active,
.pdf_top .menu .i4_10:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i4_10.png) 26px no-repeat;
}

.pdf_top .menu .i5_1 a{
	background: url(../images/pdf_conversion/ico/i5_1.png) 26px no-repeat;
}
.pdf_top .menu .i5_2 a{
	background: url(../images/pdf_conversion/ico/i5_2.png) 26px no-repeat;
}
.pdf_top .menu .i5_3 a{
	background: url(../images/pdf_conversion/ico/i5_3.png) 26px no-repeat;
}
.pdf_top .menu .i5_4 a{
	background: url(../images/pdf_conversion/ico/i5_4.png) 26px no-repeat;
}
.pdf_top .menu .i5_5 a{
	background: url(../images/pdf_conversion/ico/i5_5.png) 26px no-repeat;
}
.pdf_top .menu .i5_6 a{
	background: url(../images/pdf_conversion/ico/i5_6.png) 26px no-repeat;
}
.pdf_top .menu .i5_1.active,
.pdf_top .menu .i5_1:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i5_1.png) 26px no-repeat;
}
.pdf_top .menu .i5_2.active,
.pdf_top .menu .i5_2:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i5_2.png) 26px no-repeat;
}
.pdf_top .menu .i5_3.active,
.pdf_top .menu .i5_3:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i5_3.png) 26px no-repeat;
}
.pdf_top .menu .i5_4.active,
.pdf_top .menu .i5_4:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i5_4.png) 26px no-repeat;
}
.pdf_top .menu .i5_5.active,
.pdf_top .menu .i5_5:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i5_5.png) 26px no-repeat;
}
.pdf_top .menu .i5_6.active,
.pdf_top .menu .i5_6:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i5_6.png) 26px no-repeat;
}

.pdf_top .menu .i6_1 a{
	background: url(../images/pdf_conversion/ico/i6_1.png) 26px no-repeat;
}
.pdf_top .menu .i6_2 a{
	background: url(../images/pdf_conversion/ico/i6_2.png) 26px no-repeat;
}
.pdf_top .menu .i6_3 a{
	background: url(../images/pdf_conversion/ico/i6_3.png) 26px no-repeat;
}
.pdf_top .menu .i6_4 a{
	background: url(../images/pdf_conversion/ico/i6_4.png) 26px no-repeat;
}
.pdf_top .menu .i6_5 a{
	background: url(../images/pdf_conversion/ico/i6_5.png) 26px no-repeat;
}
.pdf_top .menu .i6_1.active,
.pdf_top .menu .i6_1:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i6_1.png) 26px no-repeat;
}
.pdf_top .menu .i6_2.active,
.pdf_top .menu .i6_2:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i6_2.png) 26px no-repeat;
}
.pdf_top .menu .i6_3.active,
.pdf_top .menu .i6_3:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i6_3.png) 26px no-repeat;
}
.pdf_top .menu .i6_4.active,
.pdf_top .menu .i6_4:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i6_4.png) 26px no-repeat;
}
.pdf_top .menu .i6_5.active,
.pdf_top .menu .i6_5:hover{
	background:#f2f5fc url(../images/pdf_conversion/ico/i6_5.png) 26px no-repeat;
}

.pdf_top .edit_box{
	width: 940px;
	display: flex;
}
.pdf_top .edit_box .pdf_upload{
	width: 940px;
	background:linear-gradient(to bottom, #e7edff 0%, #fff 40%);
	padding: 55px;
	border-radius: 8px;
}
.pdf_top .edit_box .pdf_upload .title{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pdf_top .edit_box .pdf_upload .title p{
	font-size: 24px;
	padding-top: 65px;
}
.pdf_top .edit_box .pdf_upload .title span{
	font-size: 14px;
	line-height: 35px;
}
.pdf_top .edit_box .pdf_upload .title .t1_1{
	background: url(../images/pdf_conversion/img/i1_1.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_2{
	background: url(../images/pdf_conversion/img/i1_2.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_3{
	background: url(../images/pdf_conversion/img/i1_3.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_4{
	background: url(../images/pdf_conversion/img/i1_4.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_5{
	background: url(../images/pdf_conversion/img/i1_5.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_6{
	background: url(../images/pdf_conversion/img/i1_6.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_7{
	background: url(../images/pdf_conversion/img/i1_7.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_8{
	background: url(../images/pdf_conversion/img/i1_8.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t1_9{
	background: url(../images/pdf_conversion/img/i1_9.png) top center no-repeat;
}

.pdf_top .edit_box .pdf_upload .title .t2_1{
	background: url(../images/pdf_conversion/img/i2_1.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t2_2{
	background: url(../images/pdf_conversion/img/i2_2.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t2_3{
	background: url(../images/pdf_conversion/img/i2_3.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t2_4{
	background: url(../images/pdf_conversion/img/i2_4.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t2_5{
	background: url(../images/pdf_conversion/img/i2_5.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t2_6{
	background: url(../images/pdf_conversion/img/i2_6.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t2_7{
	background: url(../images/pdf_conversion/img/i2_7.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t2_8{
	background: url(../images/pdf_conversion/img/i2_8.png) top center no-repeat;
}

.pdf_top .edit_box .pdf_upload .title .t3_1{
	background: url(../images/pdf_conversion/img/i3_1.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_2{
	background: url(../images/pdf_conversion/img/i3_2.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_3{
	background: url(../images/pdf_conversion/img/i3_3.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_4{
	background: url(../images/pdf_conversion/img/i3_4.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_5{
	background: url(../images/pdf_conversion/img/i3_5.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_6{
	background: url(../images/pdf_conversion/img/i3_6.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_7{
	background: url(../images/pdf_conversion/img/i3_7.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_8{
	background: url(../images/pdf_conversion/img/i3_8.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t3_9{
	background: url(../images/pdf_conversion/img/i3_9.png) top center no-repeat;
}

.pdf_top .edit_box .pdf_upload .title .t4_1{
	background: url(../images/pdf_conversion/img/i4_1.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_2{
	background: url(../images/pdf_conversion/img/i4_2.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_3{
	background: url(../images/pdf_conversion/img/i4_3.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_4{
	background: url(../images/pdf_conversion/img/i4_4.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_5{
	background: url(../images/pdf_conversion/img/i4_5.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_6{
	background: url(../images/pdf_conversion/img/i4_6.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_7{
	background: url(../images/pdf_conversion/img/i4_7.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_8{
	background: url(../images/pdf_conversion/img/i4_8.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_9{
	background: url(../images/pdf_conversion/img/i4_9.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t4_10{
	background: url(../images/pdf_conversion/img/i4_10.png) top center no-repeat;
}

.pdf_top .edit_box .pdf_upload .title .t5_1{
	background: url(../images/pdf_conversion/img/i5_1.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t5_2{
	background: url(../images/pdf_conversion/img/i5_2.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t5_3{
	background: url(../images/pdf_conversion/img/i5_3.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t5_4{
	background: url(../images/pdf_conversion/img/i5_4.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t5_5{
	background: url(../images/pdf_conversion/img/i5_5.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t5_6{
	background: url(../images/pdf_conversion/img/i5_6.png) top center no-repeat;
}

.pdf_top .edit_box .pdf_upload .title .t6_1{
	background: url(../images/pdf_conversion/img/i6_1.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t6_2{
	background: url(../images/pdf_conversion/img/i6_2.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t6_3{
	background: url(../images/pdf_conversion/img/i6_3.png) top center no-repeat;
}
.pdf_top .edit_box .pdf_upload .title .t6_4{
	background: url(../images/pdf_conversion/img/i6_4.png) top center no-repeat;
}

.pdf_top .edit_box .pdf_upload .pdf_upload_box{
	width: 100%;
	height: 330px;
	border: 2px dashed #ebebeb;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pdf_top .edit_box .pdf_upload .pdf_upload_box .upload_btn{
	font-size: 16px;
	width: 240px;
	height: 40px;
	text-indent: 20px;
	background: #3c6cfe url(../images/pdf_conversion/ico_upload.png) 70px no-repeat;
	border-radius: 4px;
	margin-bottom: 10px;
}

.pdf_top .pdf_upload_edit{
	width: 940px;
	background: #fff;
	border-radius: 8px;
	padding-bottom: 90px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
}
.pdf_top .pdf_upload_edit .title{
	width: 100%;
	height: 66px;
	border-bottom: 1px solid #f5f5f5;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pdf_top .pdf_upload_edit .title strong{
	font-size: 20px;
}
.pdf_top .pdf_upload_edit .title button{
	width: 96px;
	height: 36px;
	border-radius: 5px;
	padding: 0;
}
.pdf_top .pdf_upload_edit .title .clear{
	color: #333;
	background: #f2f3f5;
}
.pdf_top .pdf_upload_edit .title .add{
	color: #3c6cfe;
	background: #fff;
	border: 1px solid #3c6cfe;
}

.pdf_top .pdf_upload_edit .edit_list{
	width: 100%;
	padding: 0 20px;
}
.pdf_top .pdf_upload_edit .edit_list dt,
.pdf_top .pdf_upload_edit .edit_list dd{
	color: #444;
	font-size: 13px;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
}
.pdf_top .pdf_upload_edit .edit_list dt>span,
.pdf_top .pdf_upload_edit .edit_list dt>p,
.pdf_top .pdf_upload_edit .edit_list dd>span,
.pdf_top .pdf_upload_edit .edit_list dd>p{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex-shrink: 0;
}
.pdf_top .pdf_upload_edit .edit_list dt>span:nth-child(1),
.pdf_top .pdf_upload_edit .edit_list dd>p:nth-child(1){
	width: 600px;
	flex-shrink: 1;
}
.pdf_top .pdf_upload_edit .edit_list dt>span:nth-child(2),
.pdf_top .pdf_upload_edit .edit_list dd>p:nth-child(2){
	width: 100px;
}
.pdf_top .pdf_upload_edit .edit_list dt>span:nth-child(3),
.pdf_top .pdf_upload_edit .edit_list dd>p:nth-child(3){
	width: 200px;
}
.pdf_top .pdf_upload_edit .edit_list dt>span:nth-child(4),
.pdf_top .pdf_upload_edit .edit_list dd>p:nth-child(4){
	width: 110px;
}
.pdf_top .pdf_upload_edit .edit_list dt>span:nth-child(5),
.pdf_top .pdf_upload_edit .edit_list dd>p:nth-child(5){
	width: 130px;
}


.pdf_top .pdf_upload_edit .edit_list{
	width: 100%;
	padding: 0 20px;
}
.pdf_top .pdf_upload_edit .edit_list dt,
.pdf_top .pdf_upload_edit .edit_list dd{
	color: #444;
	font-size: 13px;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
}

.pdf_top .pdf_upload_edit .edit_list .ranges{
	display: flex;
	align-items: center;
}
.pdf_top .pdf_upload_edit .edit_list .ranges input{
	text-align: center;
	width: 48px;
	height: 26px;
	border-radius: 4px;
	padding: 0px;
}
.pdf_top .pdf_upload_edit .edit_list .ranges em{
	margin: 0 8px;
}
.pdf_top .pdf_upload_edit .edit_list .state .suecss{
	padding-left: 20px;
	background: url(../images/pdf_conversion/ico_sucess.png) left no-repeat;
}
.pdf_top .pdf_upload_edit .edit_list .state .fail{
	padding-left: 20px;
	background: url(../images/pdf_conversion/ico_err.png) left no-repeat;
}
.pdf_top .pdf_upload_edit .edit_list .edit .donwload{
	color: #3c6cfe;
	margin-right: 10px;
}

.pdf_top .pdf_upload_edit .pdf_list{
	width: 100%;
	height: 350px;
	border-top: 1px solid #f5f5f5;
	padding: 20px 30px;
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
}
.pdf_top .pdf_upload_edit .pdf_list li{
	text-align: center;
	width: 150px;
	height: 150px;
	border: 1px solid #efefef;
	border-radius: 5px;
	background: url(../images/pdf_conversion/img_pdf.png) center 30px no-repeat;
	margin-right: calc((100% - 750px) / 4);
	margin-bottom: 20px;
	padding-top: 110px;
}
.pdf_top .pdf_upload_edit .pdf_list li:nth-child(5n){
	margin-right: 0px;
}

.pdf_top .pdf_upload_edit .edit_bottom{
	font-size: 15px;
	width: 100%;
	height: 90px;
	padding: 0 20px;
	border-top: 1px solid #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	left: 0;
	bottom: 0;
}
.pdf_top .pdf_upload_edit .edit_bottom .slt_type{
	display: flex;
	align-items: center;
}
.pdf_top .pdf_upload_edit .edit_bottom .slt_type .layui-form-radioed>i{
	color: #3c6cfe;
	transform: scale(0.8);
}
.pdf_top .pdf_upload_edit .edit_bottom .layui-input{
	text-align: center;
	width: 50px;
	height: 26px;
	line-height: 26px;
	border-radius: 5px;
	margin: 0 10px;
}
.pdf_top .pdf_upload_edit .edit_bottom button{
	font-size: 18px;
	width: 165px;
	height: 48px;
	background: #3c6cfe;
	border-radius: 5px;
}
.pdf_top .pdf_upload_edit .edit_bottom .download_all{
	color: #3c6cfe;
	font-size: 18px;
	width: 165px;
	height: 48px;
	background: #fff;
	border: 1px solid #3c6cfe;
	border-radius: 5px;
}
.pdf_title{
	color: #1f2431;
	font-size: 32px;
	text-align: center;
	width: 100%;
}
.pdf_detail{
	width: 100%;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pdf_detail>ul{
	width: 360px;
}
.pdf_detail>ul.right{
	text-align: right;
}
.pdf_detail>ul strong{
	font-size: 28px;
}
.pdf_detail>ul p{
	color: #51565d;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}
.pdf_detail .upload_btn{
	font-size: 16px;
	width: 160px;
	height: 44px;
	background: #3c6cfe;
	border-radius: 40px;
}
.pdf_detail img{
	width: 637px;
	height: 440px;
}

.menu_block{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.menu_block .menu_block_title{
	color: #222;
	font-size: 24px;
	font-weight: bold;
	width: 100%;
}
.menu_block .menu_block_list{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
.menu_block .menu_block_list li{
	width: calc((100% - 80px) / 5);
	height: 100px;
	border: 1px solid #dfe4eb;
	border-radius: 8px;
	margin-right: 20px;
	margin-bottom: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu_block .menu_block_list li:nth-child(5n){
	margin-right: 0px;
}
.menu_block .menu_block_list li a{
	font-size: 20px;
	width: 100%;
	height: 100%;
	padding-left:25px;
	display: flex;
	align-items: center;
}
.menu_block .menu_block_list i{
	margin-right: 15px;
}
.menu_block .menu_block_list .i1 i{
	font-size: 34px;
	color: #599bf3;
}
.menu_block .menu_block_list .i2 i{
	font-size: 36px;
	color: #20bb7d;
}
.menu_block .menu_block_list .i3 i{
	font-size: 34px;
	color: #8a68d8;
}
.menu_block .menu_block_list .i4 i{
	font-size: 34px;
	color: #eb5653;
}
.menu_block .menu_block_list .i5 i{
	font-size: 34px;
	color: #ffcc0d;
}
.menu_block .menu_block_list .i6 i{
	font-size: 36px;
	color: #8a68d8;
}
.menu_block .menu_block_list .i7 i{
	font-size: 36px;
	color: #ffcc0d;
}
.menu_block .menu_block_list .i8 i{
	font-size: 36px;
	color: #4991f2;
}
.menu_block .menu_block_list .i9 i{
	font-size: 36px;
	color: #20bb7d;
}
.menu_block .menu_block_list .i10 i{
	font-size: 36px;
	color: #eb5451;
}
.menu_block .menu_block_list .i11 i{
	font-size: 36px;
	color: #4991f2;
}
.menu_block .menu_block_list .i12 i{
	font-size: 38px;
	color: #8a68d8;
}

.menu_block .menu_block_list .i13 i{
	font-size: 36px;
	color: #eb5451;
}
.menu_block .menu_block_list .i14 i{
	font-size: 36px;
	color: #9577dc;
}
.menu_block .menu_block_list .i15 i{
	font-size: 36px;
	color: #20bb7d;
}
.menu_block .menu_block_list .i16 i{
	font-size: 36px;
	color: #4991f2;
}
.menu_block .menu_block_list .i17 i{
	font-size: 36px;
	color: #ffcc0d;
}
.menu_block .menu_block_list .i18 i{
	font-size: 36px;
	color: #4991f2;
}
.menu_block .menu_block_list .i19 i{
	font-size: 36px;
	color: #20bb7d;
}

.menu_block .menu_block_list .i20 i{
	font-size: 36px;
	color: #9577dc;
}
.menu_block .menu_block_list .i21 i{
	font-size: 36px;
	color: #eb5451;
}
.menu_block .menu_block_list .i22 i{
	font-size: 36px;
	color: #20bb7d;
}
.menu_block .menu_block_list .i23 i{
	font-size: 36px;
	color: #4991f2;
}