@charset "utf-8";
*{ margin: 0; padding: 0; }
*:focus { outline: 0; }
html,body { min-width: 1000px; width: 100%; height: 100%; font-size: 14px; line-height: 1.5; background:#fff; font-family:'Microsoft YaHei'; }
img { max-width: 100%; border:0;}
a, a:visited { text-decoration: none; font-weight: normal; outline: 0; }
a:hover, a:active, a:focus { color: #000; text-decoration: none; }
ul, ol { list-style: none; }
em{font-style: normal;}
.fl{float: left} .fr{float: right;}
header:after,div:after,li:after,p:after{content: ' '; display:block; clear:both;}

.icon,[class^="ic-"],[class*=" ic-"]{display: inline-block; width: 32px; height: 30px; background:url('/xc/login_newicon.png') left top no-repeat;}
.ic-phone{background-position: 5px 0;}
.ic-win{background-position: -39px 0;}
.ic-mac{background-position: -85px 0;}
.ic-url{background-position: -131px 0;}
.ic-down{background-position: -176px 0;}
.ic-xing{background-position: -222px 0;}
.ic-kefu{background-position: -267px 0;}
.ic-safe{background-position: 0 0;}
.ic-username{background-position: -268px -144px;}
.ic-password{background-position: -268px -110px;}
.ic-code{background-position: -268px -75px;}
.ic-chrome{background-position: -79px -82px; vertical-align:-9px; width: 30px; height: 30px;}
.ic-ie{background-position: -38px -81px; vertical-align:-9px; width: 32px; height: 30px;}
.ic-firefox{background-position: 0 -82px; vertical-align:-9px; width: 30px; height: 30px;}
.ic-schrome{background-position: -221px -81px; vertical-align:-8px;}
.ic-sie{background-position: -224px -119px; vertical-align:-8px;}
.ic-sfirefox{background-position: -222px -151px; vertical-align:-8px;}
.ic-yanzheng{background-position: -125px -185px;}
.ic-right{background-position: -175px -120px; vertical-align: -8px}
.ic-wrong{background-position: -175px -152px; vertical-align: -9px}

ul li:hover .ic-phone{background-position: 5px -39px;}
ul li:hover .ic-win{background-position: -39px -39px;}
ul li:hover .ic-mac{background-position: -85px -39px;}
ul li:hover .ic-url{background-position: -131px -39px;}
ul li:hover .ic-down{background-position: -176px -39px;}
ul li:hover .ic-xing{background-position: -222px -39px;}
ul li:hover .ic-kefu{background-position: -267px -39px;}

.login_main{ width: 100%; min-height: 890px; height: 100%; position: relative; overflow: hidden;}
.login_warp{width: 1000px; height: auto; margin:0 auto; position: relative; z-index: 100}
/*登录框*/
.logo{display:block; text-align: center; padding-top:40px; transform:translate(0,-30px); opacity: 0; animation: logo-anim .5s linear .5s forwards; -webkit-animation: logo-anim .5s linear .5s forwards;}
.logo .logoimg{position: relative;}
.logo .logoimg .team_name{position: absolute; left: 177px; bottom: 17px; width: 120px; text-align: left; font-size: 16px; color: #FD0A92; text-shadow: 1px 1px 0 #fff}
.login_list{ width: 400px; height: 630px; margin:0 auto; padding: 0 70px;   border-radius:10px; z-index: 127; padding-top: 70px; background: url('/xc/bg_newlogin.png') left top no-repeat; transform:translate(0,50px); opacity: 0; animation: login-anim .7s linear .9s forwards; -webkit-animation: login-anim .7s linear .9s forwards; }

.login_input{}
.login_input li{width: 100%; margin-bottom: 20px; position: relative;}
.login_input li i.icon{position: absolute; left: 2px; top: 3px;}
.login_input li input{box-sizing: border-box; width: 100%; height: 45px; line-height: 45px; padding-left: 40px; color: #7F396A; border-radius:5px; font-size: 15px; background-color: #fff; border: #ecd1e7 solid 1px; }
.login_input li input.submit-login{padding-left: 0; margin-top: 10px; color: #fff; font-size: 20px; letter-spacing: 2px; box-shadow: none; border: 0; font-weight: bold; cursor: pointer; box-shadow:0px 5px 20px 3px rgba(231,145,250,0.5); background: #aa34bf; background: -webkit-linear-gradient(-40deg, #9a4ac6 0%, #9a4ac6 45%, #cf00b0 60%, #cf00b0 100%); background: -moz-linear-gradient(-40deg, #9a4ac6 0%, #9a4ac6 45%, #cf00b0 60%, #cf00b0 100%); background: -ms-linear-gradient(-40deg, #9a4ac6 0%, #9a4ac6 45%, #cf00b0 60%, #cf00b0 100%); }
.login_input li input.submit-login:hover{ background: #9d2ab2;
  	background: -webkit-linear-gradient(-40deg, #8e40b9 0%, #8e40b9 45%, #c002a3 60%, #c002a3 100%); background: -moz-linear-gradient(-40deg, #8e40b9 0%, #8e40b9 45%, #c002a3 60%, #c002a3 100%); background: -ms-linear-gradient(-40deg, #8e40b9 0%, #8e40b9 45%, #c002a3 60%, #c002a3 100%); }
.login_input li input:-webkit-autofill{ -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color:#b580bf!important; }
.login_input .validate{position: absolute; top: 10px; right: 5px; width: 70px; height: 25px; line-height: 24px; text-align: center; color: #9972c4; cursor: pointer; background: url('/xc/code2.png') center center no-repeat; border-radius: 5px; }
.login_input .forgotpasswd{position: absolute; top: 10px; right: 0; width: 70px; height: 25px; line-height: 24px; text-align: center; color: #c8ade5; cursor: pointer; }
.login_input .forgotpasswd:hover{text-decoration: underline;}
.login_input li input[type='text']::-webkit-input-placeholder,.login_input li input[type='password']::-webkit-input-placeholder{color: #b580bf; }
.login_input li input[type='text']::-moz-placeholder,.login_input li input[type='password']::-moz-input-placeholder{color: #b580bf;}
.login_input li input[type='text']:-ms-input-placeholder,.login_input li input[type='password']:-ms-input-placeholder{color: #b580bf; }
.login_input li input:focus{box-shadow: 0 0 3px 1px #ecd1e7, 0 0 0 30px #fff inset;}

/*测速*/
.speedtest,.newregister{border: 0; border-top:#dddddd solid 1px; margin-top: 35px; }
.speedtest legend,.newregister legend{text-align: center; font-size: 14px; padding: 0 10px; color: #c7a5d7; font-weight: bold; margin: 0 auto; text-shadow: 0 1px 0 #fff;}
.speedtest .speedBtn{display: inline-block; width: 100%; height: 43px; position: relative; margin-top: 15px;}
.speedtest .bestLink,.speedtest .reTest{ display: inline-block; width: 99%; height: 43px; line-height: 43px; font-size: 16px; color:#a968b5; border-radius: 5px; border:#caa0d2 solid 1px; background: none; text-align: center; position: absolute; left: 0; top: 0; text-shadow: 1px 1px 0 #fff; }
.speedtest .bestLink:hover,.speedtest .reTest:hover{background:#f2f0f9; }
.speedtest .reTest,.img-list,.item-img{display: none;}
.newregister .registerBtn{ display: inline-block; width: 100%; height: 45px; line-height: 45px; border-radius:5px; text-align: center; margin-top: 30px; color: #fff; font-size: 20px; letter-spacing: 2px; border: 0; font-weight: bold; cursor: pointer; background: #a16dbd; background: -webkit-linear-gradient(top, #FF1417, #FD08A7);	background: -moz-linear-gradient(top, #FF1417, #FD08A7); background: -ms-linear-gradient(top, #FF1417, #FD08A7); }
.newregister .registerBtn:hover{background: #FE0C78; background: -webkit-linear-gradient(top, #ef070a, #ea059a);	background: -moz-linear-gradient(top, #ef070a, #ea059a); background: -ms-linear-gradient(top, #ef070a, #ea059a); }

.login_regist .speedtest,.login_regist .ymfubu,.login_warp .newregister{display: none;}
.login_regist .login_list{background-image: url('/xc/bg_newlogin2.png'); height: 450px}
.login_regist .newregister{display: block;}


/*测速列表*/
.speedlist{ margin-top: 20px; width: 400px }
.line_list{display: inline-block; width: 430px;}
.line_list li{display: inline-block; width: 180px; font-size: 15px;  margin:5px 5px 10px 5px; padding: 3px 0 3px 5px; border-radius: 5px;}
.line_list li a{ color: #d4caac}
.line_list li em{ display: inline-block; width: 14px; height: 14px; font-size: 24px; line-height: 20px; vertical-align: -1px; border-radius: 50%; overflow: hidden; text-indent: -30px;background-color: #2cb89f; background: -webkit-linear-gradient(top, #2ec9a7 0%, #2bad99 100%); background: -moz-linear-gradient(top, #2ec9a7 0%, #2bad99 100%); background: -ms-linear-gradient(top, #2ec9a7 0%, #2bad99 100%); }
.line_list li b{display: inline-block; width: 76px; font-weight: normal; text-shadow: 1px 1px 0 #fff;}
.line_list .liTop, .line_list .liTop a{ color:#2ec9a7; }
.line_list .liNormal, .line_list .liNormal a{ color: #d4caac }
.line_list .liNormal em{background-color: #d1c9a9; background: -webkit-linear-gradient(top, #c9c4a0 0%, #d8cdb1 100%); background: -moz-linear-gradient(top, #c9c4a0 0%, #d8cdb1 100%); background: -ms-linear-gradient(top, #c9c4a0 0%, #d8cdb1 100%);}
.speedlist #novpn{ display: none; text-align: center; font-size: 15px; color: #EE952F}
.line_list li .url_jindu{ display: inline-block; background-color: #f6f0f7; padding: 3px 3px 3px 1px; border-radius: 5px; vertical-align: -5px}
.line_list li .url_jindu i{ float: left; width: 3px; height: 15px; margin-left: 3px; background-color: #f1e7f3; border-radius: 2px; }
.line_list li .url_jindu i.green{background-color: #2cb89f; background: -webkit-linear-gradient(top, #2ec9a7 0%, #2bad99 100%); background: -moz-linear-gradient(top, #2ec9a7 0%, #2bad99 100%); background: -ms-linear-gradient(top, #2ec9a7 0%, #2bad99 100%);}
.line_list li .url_jindu i.yellow{background-color: #d1c9a9; background: -webkit-linear-gradient(top, #c9c4a0 0%, #d8cdb1 100%); background: -moz-linear-gradient(top, #c9c4a0 0%, #d8cdb1 100%); background: -ms-linear-gradient(top, #c9c4a0 0%, #d8cdb1 100%);}
.line_list li:hover{background: #f3f0fa}

.link_bottom{ width: 480px; margin: 0 auto; opacity: 0;animation: opacity_anim .7s linear 1.3s forwards; -webkit-animation: opacity_anim .7s linear 1.3s forwards;}
.link_bottom ul{ width: 510px; text-align: center; }
.link_bottom li{display: inline-block; width: 71px; height: 56px; text-align: center; margin:15px 50px 50px 0; font-size: 14px; position: relative; }
.link_bottom li .phoneCode{position: absolute; width: 100px; height: 100px; padding: 2px; border: #eee solid 1px; background-color: #fff; left: -15px; top: 55px; display: none;}
.link_bottom li .phoneCode img{width: 100%; height: 100px; float: left}
.link_bottom li:hover .phoneCode{display: block;}

.link_right{position: fixed; width: 90px; right: 120px; top: 240px; z-index: 101; }
.link_right li{display: inline-block; text-align: center; margin-top: 15px; font-size: 14px; border-radius: 10px; background-color:#e2e1f4; background-color: rgba(226,225,244,0.4); filter:alpha(opacity=70);transform:translate(20px,0); opacity: 0;}
.link_right li a{display: block; padding: 15px; }
.link_right li span,.link_bottom li span{display: block; color: #b860a8; text-shadow: 1px 1px 0 #fff;}
.link_right li a:hover span,.link_bottom li a:hover span{ color: #79336c}
.link_right li:hover{ background-color: rgba(226,225,244,0.6) }
.link_right li:nth-child(1){ animation: rightList-anim .7s linear 1.3s forwards; -webkit-animation: rightList-anim .7s linear 1.3s forwards;}
.link_right li:nth-child(2){ animation: rightList-anim .7s linear 1.6s forwards; -webkit-animation: rightList-anim .7s linear 1.6s forwards;}
.link_right li:nth-child(3){ animation: rightList-anim .7s linear 1.9s forwards; -webkit-animation: rightList-anim .7s linear 1.9s forwards;}

/*向下箭头*/
.tobottom{ width: 40px; margin-left:-20px; font-size: 14px; color: #BDB7E5; text-align: center; position: absolute; left: 50%; bottom: 9px; opacity: 0; animation: opacity_anim .7s linear 2s forwards; -webkit-animation: opacity_anim .7s linear 2s forwards; z-index: 101; cursor: pointer; }
.tojian{display: inline-block; position: relative; margin-top: 5px;}
.tojian i:before, .tojian i:after{content: " "; display: block; width: 2px; height: 3px; background-color:#b7aeec; border-radius: 4px; margin:2px 0 0 10px; }
.tojian i:nth-child(1):before{ animation: jiantou 3.5s linear 1s infinite; -webkit-animation: jiantou 3.5s linear 1s infinite}
.tojian i:nth-child(1):after{ animation: jiantou 3.5s linear 1.5s infinite; -webkit-animation: jiantou 3.5s linear 1.5s infinite}
.tojian i:nth-child(2):before{ animation: jiantou 3.5s linear 2s infinite; -webkit-animation: jiantou 3.5s linear 2s infinite}
.tojian i:nth-child(2):after{ animation: jiantou 3.5s linear 2.5s infinite; -webkit-animation: jiantou 3.5s linear 2.5s infinite}
.tojian:after{content: " "; display: block; width: 22px; height: 14px; background: url('/xc/login_newicon.png') 0 -185px no-repeat; animation: jiantouu 1s linear 3.5s infinite; -webkit-animation: jiantouu 1s linear 3.5s infinite;}


/*域名验证*/
.warp_yz{ width: 100%; background-color: #f5f4fa}
.cont_yz{width: 480px; height: 410px; margin: 0 auto; padding-top: 110px; position: relative;}
.cont_yz h1{ display: block; width: 100%; height: 37px; overflow: hidden; text-indent: -99em;}
.cont_yz .yz_tips{border:#c9a3d2 solid 1px; border-radius: 5px; padding:10px 15px; color: #a968b5; line-height: 22px; font-size: 14px; margin: 30px 0;}
.cont_yz:after{content: ""; display: block; width:686px; height: 521px; background: url('/xc/bg_xing.png') left top no-repeat; position: absolute; left: -440px; bottom: 0; z-index: 9}

/*验证表单*/
.form_box{ font-size: 16px; color: #7f318f; position: relative; z-index: 11 }
.form_box td{}
.form_box input[type=text]{ width: 290px; height: 38px; line-height: 38px; border: #e4e4e4 solid 1px; border-radius: 3px; padding-left: 5px; font-size: 14px;color: #b580bf; margin: 5px 0; }
.form_box input.link_code{width: 183px; float: left;}
.form_box img#img_captcha{ float: left; width: 90px; height: 36px; line-height:36px; font-size: 12px; border: #ddd solid 1px; margin-left: 10px; margin-top: 6px; text-align: center; cursor: pointer; background-color: #fff; color: #9972c4}
.form_box input.link_btn{ width: 90px; height: 90px; font-size: 16px; font-weight: bold; color: #fff; border: 0; border-radius: 5px; line-height: 130px; background: #9872c4 url('/xc/login_newicon.png') 30px -202px no-repeat; cursor: pointer; margin-top: 5px;}
.form_box input.link_btn:hover{ background-color:#8961b7 }
.form_box #span_notify{ display: none; text-align: center; margin-top: 30px; font-size: 18px;}
.form_box .noti_right{color: #3bbc36}
.form_box .noti_wrong{color: #ff2428; display: none;}
.form_box input:-webkit-autofill{ -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color:#b580bf!important; }
.form_box input[type='text']::-webkit-input-placeholder{color: #b580bf; }
.form_box input[type='text']::-moz-placeholder{color: #b580bf;}
.form_box input[type='text']:-ms-input-placeholder{color: #b580bf; }

/*底部*/
.footer{width: 100%; background-color: #3c193d}
.foot{width: 1000px; margin: 0 auto; padding: 30px 0 20px; text-align: center;}
.browser{ color: #573358; font-size: 20px; background: url('/xc/bg_login_xt.png') center top no-repeat; padding-top: 20px; margin-top: 20px; margin-bottom: 15px; }
.browser a{ color: #b69ebb; font-size: 15px; margin-left: 10px; margin-right: 10px}
.browser a:hover{color:#cdbbd1 }
.browser a:hover .ic-chrome{background-position: -79px -119px; }
.browser a:hover .ic-ie{background-position: -38px -117px; }
.browser a:hover .ic-firefox{background-position: 0 -119px; }
.browser b{ color: #a181a2; font-size: 20px; }
.foot p{ color: #745a77; line-height: 24px; font-size: 12px;}

/*IE强制升级弹层*/
.browser_upgrade{display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.85; filter: alpha(opacity=85); z-index: 11111;}
.browser_upgrade .upgrade-con{position:absolute;width:776px;height:500px;left:50%;top:45%;margin:-250px 0 0 -388px;z-index:999;}
.browser_upgrade .upgrade_tit { text-align: center; padding-top: 60px;}
.browser_upgrade .upgrade_tit h3 { font-size: 24px; font-weight: bold; color: #fff; line-height: 26px; margin-bottom: 15px;}
.browser_upgrade .upgrade_tit p { font-size: 16px; color: #bbb; line-height: 18px;}
.browser_upgrade .upgrade_nr { padding: 40px 0 50px; margin: 0 auto; overflow: hidden;}
.browser_upgrade .upgrade_nr ul { width:776px;padding-left:13px;}
.browser_upgrade .upgrade_nr ul li {width: 250px;float:left;text-align: center;padding:0;margin:0;}
.browser_upgrade .upgrade_nr ul li a.ie_logo { background: url('/xc/sc_chat_hint_ielogo.png') no-repeat center 10px;}
.browser_upgrade .upgrade_nr ul li a.google_logo { background: url('/xc/sc_chat_hint_googlelogo.png') no-repeat center 10px;}
.browser_upgrade .upgrade_nr ul li a.firefox_logo { background: url('/xc/sc_chat_hint_firefoxlogo.png') no-repeat center 10px;}
.browser_upgrade .upgrade_nr span.icon_tj { background-color: #ff632c; border-radius: 3px; top: -5px; right: -20px; width: 43px; height: 17px; line-height: 17px; font-size: 12px; color: #fff; position: absolute;}
.browser_upgrade .upgrade_nr ul li p { font-size: 18px; color: #bbb; font-weight: bold;}
.browser_upgrade .upgrade_nr ul li a { margin: 0 auto; width: 120px; height: 40px; padding-top: 90px; display: block; position: relative; }
.browser_upgrade .upgrade_nr ul li a:hover { background-color:#333; border-radius: 8px;}
.browser_upgrade .upgrade_footer { padding: 35px 0; border-top: 1px solid #303030; margin: 0 auto; text-align: center;}
.browser_upgrade .upgrade_footer p { font-size: 16px; color: #bbb; line-height: 18px; margin-bottom: 25px;}
.browser_upgrade .upgrade_footer .button_xz { background: url('/xc/sc_chat_hint_xzicon.png') no-repeat 42px center; text-align: left; margin: 0 auto 20px; display: inline-block; border: 1px solid #888; border-radius: 3px; padding-left: 90px; padding-right:43px;height: 42px; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; }
.browser_upgrade .upgrade_footer .button_xz:hover { border: 1px solid #ff632c; background-color: #ff632c};
.browser_upgrade .upgrade_footer p .no_upgrade:hover{text-decoration: underline;}

/*登录页三大背景*/
.bg_leftCircle{ width: 700px; height: 500px; position: absolute; left: 0; top: 0; background: url('/xc/circleLeft.png') left top no-repeat; background-size: 100%; opacity:0.9; z-index: 95}
.bg_topCircle{ width: 1920px; height: 2400px; position: absolute; left:50%; top: -1050px; margin-left: -970px; z-index: 90; overflow: hidden;}
.bg_botmCircle{ width: 800px; height: 800px; position: absolute; right: -450px; bottom: -330px; background: url('/xc/circleRight.png') left top no-repeat; opacity:0.7; z-index: 90; animation: topCircleB 35s linear 1s infinite; -webkit-animation: topCircleB 35s linear 1s infinite; }

.bg_topCircle:before{content: " "; display: block; position: absolute; left: 0; top: 1050px; width: 100%; height: 958px; background: url('/xc/circleTop.png') center top no-repeat; background-size: 100%; opacity:1; z-index: 89;}
.bg_topCircle i:before,.bg_topCircle i:after{content: ""; display: block; position: absolute; left: 3%; top: 0; width: 94%; height: 1200px; border-radius: 50%; z-index: 85; background-color: #fff; background-color: rgba(238,238,238,0.2) }
.bg_topCircle i.bg_tc1:before{ top: 0px; height: 1600px; animation: topCircle 28s linear 1s infinite; -webkit-animation: topCircle 28s linear 1s infinite; }
.bg_topCircle i.bg_tc1:after{ width: 1300px; height: 1800px; left: 300px; top: 0; animation: topCircle 30s linear 1s infinite; -webkit-animation: topCircle 30s linear 1s infinite; }
.bg_topCircle i.bg_tc2:before{ top: 250px; height: 1300px; transform:rotate(45deg); -webkit-transform:rotate(45deg); animation: topCircleR 30s linear 1s infinite; -webkit-animation: topCircleR 30s linear 1s infinite;}
.bg_topCircle i.bg_tc2:after{top: 250px; height: 1300px; transform:rotate(135deg); -webkit-transform:rotate(135deg); animation: topCircleL 30s linear 1s infinite; -webkit-animation: topCircleL 30s linear 1s infinite; }

@keyframes jiantou{ 
	0%{ transform:scale(1); }
	20%{ transform:scale(1.5); }
	100%{ transform:scale(1); }
}
@-webkit-keyframes jiantou{
	0%{ transform:scale(1); }
	20%{ transform:scale(1.5); }
	100%{ transform:scale(1); }
}

@keyframes jiantouu{ 
	0%{ transform:translate(0,0px); }
	50%{ transform:translate(0,3px); }
	100%{ transform:translate(0,0px); }
}
@-webkit-keyframes jiantouu{
	0%{ transform:translate(0,0px); }
	50%{ transform:translate(0,3px); }
	100%{ transform:translate(0,0px); }
}

@keyframes topCircle{ 
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}
@-webkit-keyframes topCircle{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

@keyframes topCircleR{ 
	0%{ transform:rotate(45deg); }
	100%{ transform:rotate(405deg); }
}
@-webkit-keyframes topCircleR{
	0%{ transform:rotate(45deg); }
	100%{ transform:rotate(405deg); }
}

@keyframes topCircleL{ 
	0%{ transform:rotate(135deg); }
	100%{ transform:rotate(495deg); }
}
@-webkit-keyframes topCircleL{
	0%{ transform:rotate(135deg); }
	100%{ transform:rotate(495deg); }
}

@keyframes topCircleB{ 
	0%{ transform:rotate(0deg) translate(0,0); }
	25%{ transform:rotate(90deg) translate(-20px,-30px); }
	50%{ transform:rotate(180deg) translate(0px,-60px); }
	75%{ transform:rotate(270deg) translate(20px,-30px); }
	100%{ transform:rotate(360deg) translate(0,0); }
}
@-webkit-keyframes topCircleB{
	0%{ transform:rotate(0deg) rotate(0deg); }
	25%{ transform:rotate(90deg) translate(-20px,-30px); }
	50%{ transform:rotate(180deg) translate(0px,-60px); }
	75%{ transform:rotate(270deg) translate(20px,-30px); }
	100%{ transform:rotate(360deg) translate(0,0); }
}


@keyframes logo-anim{ 
	0%{ transform:translate(0,-30px); opacity:0; }
	100%{ transform:translate(0,0); opacity:1; }
}
@-webkit-keyframes logo-anim{
	0%{ transform:translate(0,-30px); opacity:0; }
	100%{ transform:translate(0,0); opacity:1; }
}

@keyframes login-anim{ 
	0%{ transform:translate(0,50px); opacity:0; }
	100%{ transform:translate(0,0); opacity:1; }
}
@-webkit-keyframes login-anim{
	0%{ transform:translate(0,50px); opacity:0; }
	100%{ transform:translate(0,0); opacity:1; }
}

@keyframes opacity_anim{ 
	0%{ opacity:0; }
	100%{ opacity:1; }
}
@-webkit-keyframes opacity_anim{
	0%{ opacity:0; }
	100%{ opacity:1; }
}

@keyframes rightList-anim{ 
	0%{ transform:translate(20px,0); opacity:0; }
	100%{ transform:translate(0,0); opacity:1; }
}
@-webkit-keyframes rightList-anim{
	0%{ transform:translate(20px,0); opacity:0; }
	100%{ transform:translate(0,0); opacity:1; }
}

/*提示框*/
.blockOverlay,.blockOverlayBox{border:none;position: absolute;z-index: 999;filter:alpha(opacity=70);opacity:0.7;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#000;cursor:default;}
#JS_blockPage{ margin-left: -240px;}
.blockMsg{padding:0;position: absolute;text-align:left;box-shadow:0px 0px 18px #666;background:#fff url("/xc/blockMsg-title_bg.png") repeat-x;}
.blockMsg *{padding:0; margin:0;}

#block_ajaxUploadArea { /*padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #eee;*/}
#block_ajaxUploadArea input { width:140px; margin:8px auto; color:#666; padding:5px 6px; border:1px solid #ddd; cursor:pointer; background-color:#f4f4f4; font-family:"Microsoft Yahei";}
#block_ajaxUploading { display:none; color:red; font-size: 18px;}
.blockMsg .title { height:42px; line-height:42px; border:1px solid #c8c8c8; font-family:Microsoft YaHei; font-size:20px; text-align:center; color:#262626;margin:0 auto;}
.blockMsg .title span { display:inline-block; width:28px; height:26px; background:url("/xc/blockMsg-title_icon.png") no-repeat; margin-right:10px; vertical-align:-5px;}
.blockMsg .close{width:25px; height: 25px; position: absolute; top: -5px; right: -5px}
.blockMsg .close a{ background:url(/xc/prompt-box_close.png) no-repeat;cursor: pointer; display: block}
.blockMsg .content {text-align:center;background:#fff;width:480px;line-height:30px;font-size:15px; color:#262626;}
.blockMsg .content .detail { padding:28px 10px 20px; font-family:Microsoft YaHei; max-height:300px; overflow-y:auto; font-size:18px;}
.blockMsg .content .detail .title { font-size:18px; color:#ed0000; border:0;}
.blockMsg .bottom { background:#fff; height:50px; padding-top:25px; border-top:1px solid #eee; font-family:Microsoft YaHei; font-size:14px; text-align:center;}
.blockMsg .submit { width:90px; height:33px; line-height: 33px; font-size: 16px; color: #fff; padding: 0!important; font-family: Microsoft Yahei; margin:0 10px; background:#e6561d url("/xc/btn-modification_bg.png") no-repeat; border:0!important; cursor:pointer;    border-radius: 5px;-webkit-border-radius: 5px;}
#block_ajaxConfirm { width:90px; height:33px; line-height: 33px; font-size: 16px; color: #fff; padding: 0!important; font-family: Microsoft Yahei; margin:0 10px; background:url("/xc/btn-modification_bg.png") no-repeat; border:0!important; cursor:pointer; letter-spacing:1px;}
.blockMsg .cancel,#block_close { font-size: 16px; width: 90px; height: 33px; line-height: 33px; color:#353434; margin:0 10px; padding: 0!important; background:#dcdbdb url("/xc/btn-reset_bg.png") no-repeat; border:0!important; font-family: Microsoft Yahei; cursor:pointer;border-radius: 5px;-webkit-border-radius: 5px;}

.addBtn .lf{ width:300px; height:70px;text-align:center;margin:10px 10px 10px 10px;margin:0 auto;  }

.addBtn .rt{ width:300px; height:70px;text-align:center;margin:0 0 10px 0; }



.btns { display: inline-block; margin: 0 0 5px; padding: 6px 16px; line-height: 22px; font-size: 16px; color: #FFFFFF; cursor: pointer; text-align: center; vertical-align: middle; border: 0 none; border-radius: 2px 2px 2px 2px; background-color: #348fd4; transition: opacity 0.2s ease-in-out 0s; }



.btn1 { display: inline-block; margin: 0 0 5px; padding: 6px 16px; line-height: 22px; font-size: 16px; color: #FFFFFF; cursor: pointer; text-align: center; vertical-align: middle; border: 0 none; border-radius: 2px 2px 2px 2px; background-color: #348fd4; transition: opacity 0.2s ease-in-out 0s; }



.btn:hover { text-decoration: none; background-color: #fff; }



.btn-small { padding: 3px 12px; font-size: 14px; }



.btn-mini { padding: 1px 8px; font-size: 14px; }



.btns { display: inline-block; margin: 0 0 5px; padding: 6px 16px; line-height: 22px; font-size: 16px; color: #FFFFFF; cursor: pointer; text-align: center; vertical-align: middle; border: 0 none; border-radius: 2px 2px 2px 2px; background-color: #348fd4; transition: opacity 0.2s ease-in-out 0s; }



.btn1 { display: inline-block; margin: 0 0 5px; padding: 6px 16px; line-height: 22px; font-size: 16px; color: #FFFFFF; cursor: pointer; text-align: center; vertical-align: middle; border: 0 none; border-radius: 2px 2px 2px 2px; background-color: #348fd4; transition: opacity 0.2s ease-in-out 0s; }



.btn1:hover { text-decoration: none; background-color: #fff; }



.btns:hover { text-decoration: none; background-color: #fff; }



.btn { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline;



vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2.8em .55em; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); padding-left: 0; padding-right: 0; }



.btn:hover { text-decoration: none; }



.btn:active { position: relative; top: 1px; }



.btn1 { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline;



vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2.8em .55em; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); padding-left: 0; padding-right: 0; }



.btns:hover { text-decoration: none; }



.btns:active { position: relative; top: 1px; }



.btns { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline;



vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2.8em .55em; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); padding-left: 0; padding-right: 0; }



.btn1:hover { text-decoration: none; }



.btn1:active { position: relative; top: 1px; }





.black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');



}



.black:hover { background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');



}



.black:active { color: #666; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background: -moz-linear-gradient(top, #000, #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');



}



/* red */ 



.red { color: #faddde!important; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');



}



.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');



}



.red:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');



}



/* blue */ 



.blue { color: #d9eef7!important; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');



}



.blue:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');



}



.blue:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');



}



/* green */ 



.greens { color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');



}



.greens:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');



}



.greens:active { color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');



}



.addBtn .btn1{ width:360px; height:40px; margin:0 20px; text-align:center; line-height:40px; font-size:30px; font-family:"微软雅黑";}

.addBtn .btns a{padding: 0 16px 0 0;}


/* orange */ 



.orange { color: #fef4e9 !important; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');



}



.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');



}



.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');



}