@charset "UTF-8";
/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, form, table, tr, th, td { margin: 0; padding: 0; border: 0; }

img { border: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

body { font-family: ‘Microsoft YaHei’， 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; }

.htmlie body { font-family: 'Microsoft yahei','微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }

a, img { -webkit-touch-callout: none; text-decoration: none; }

body { font-size: 14px; color: #222; }

a { color: #737373; cursor: pointer; }

a:hover { color: #d43835; }

em { font-style: normal; }

.block { display: block; }

.none { display: none; }

.left { float: left; }

.right { float: right; }

.fa { font-family: Arial; }

.ftc { text-align: center; }

.ftr { text-align: right; }

.ftl { text-align: left; }

.cRed, .cRed a { color: #e35253; }

a.cRed:hover, .cRed a:hover { color: #d43835; }

.cBlue, .cBlue a { color: #0081e1; }

a.cBlue:hover, .cBlue a:hover { color: #d43835; }

.cGray, .cGray a { color: #737373; }

a.cGray:hover, .cGray a:hover { color: #d43835; }

.cWhite, .cWhite a { color: #fff; }

a.cWhite:hover, .cWhite a:hover { color: #d43835; }

.cBlack, .cBlack a { color: #222; }

a.cBlack:hover, .cBlack a:hover { color: #d43835; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f16 { font-size: 16px; }

.f18 { font-size: 18px; }

.f20 { font-size: 20px; }

.f22 { font-size: 22px; }

.f24 { font-size: 24px; }

.f26 { font-size: 26px; }

.f28 { font-size: 28px; }

@font-face { font-family: "iconfont"; src: url("../img/iconfont.eot"); /* IE9*/ src: url("../img/iconfont.eot#iefix") format("embedded-opentype"), url("../img/iconfont.woff") format("woff"), url("../img/iconfont.ttf") format("truetype"), url("../img/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */ }

.p-w { width: 1000px; margin: auto; clear: both;}

.p-toper { font-size: 12px; height: 36px; background: #f9f9f9; border-bottom: 1px solid #e9e9e9; min-width: 1000px; }

.p-toper .content dt { line-height: 32px; }

.p-toper .content dt span { font-family: "iconfont"; }

.p-toper .content dd em { display: inline-block; line-height: 36px; padding: 0 19px; border-left: 1px solid #e9e9e9; }

.p-toper .content .app span { font-family: "iconfont"; }

.p-toper .content .msg span { background: #e35253; display: inline-block; color: #fff; line-height: 18px; padding: 0 6px; border-radius: 10px; margin-left: 3px; }

.p-toper .content .uname { border-left: none; }

.p-header { height: 76px; overflow: hidden; }

.p-header .logo dt { width: 183px; float: left; }

.p-header .logo dd { float: left; width: 170px; }

.p-header .login { padding-top: 22px; width: 162px; overflow: hidden; }

.p-header .login dt, .p-header .login dd { float: left; }

.p-header .login dd { position: relative; margin-left: -1px; }

.p-header .login a { display: block; line-height: 32px; width: 79px; text-align: center; border: 1px solid #e9e9e9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.p-header .login a:hover, .p-header .login a.on { background: #e35253; color: #fff; border: 1px solid #e35253; }

.p-header .islogin { margin-top: 28px; position: relative; height: 30px; }

.p-header .islogin dt { font-family: "iconfont"; font-size: 26px; color: #8f8f8f; position: absolute; left: 0; top: 0; }

.p-header .islogin dd { padding: 6px 0 0 35px; }

.p-header .islogin dd a { background: url(../img/base_arw.png?__t=1459908586979) right center no-repeat; display: inline-block; padding-right: 16px; }

.p-login { padding: 22px 25px; width: 262px; overflow: hidden; background: #fff; border-radius: 8px; border: 1px solid #e9e9e9; }

.p-login h2 { height: 24px; font-size: 16px; font-weight: 400; }

.p-login .err { height: 20px; }

.p-login .item { height: 60px; position: relative; }

.p-login .item input, .p-login .item span { width: 260px; height: 30px; border: 1px solid #e9e9e9; padding: 5px 0; line-height: 30px; text-indent: 8px; display: block; border-radius: 7px; }

.p-login .item input { position: absolute; left: 0; top: 0; border: 1px solid #e9e9e9; background: none; }

.p-login .item span { color: #cdcdcd; }

.p-login .code { height: 60px; }

.p-login .code dt { position: relative; float: left; }

.p-login .code dt input, .p-login .code dt span { width: 160px; height: 30px; border: 1px solid #e9e9e9; padding: 5px 0; line-height: 30px; text-indent: 8px; display: block; border-radius: 7px; }

.p-login .code dt input { position: absolute; left: 0; top: 0; border: 1px solid #e9e9e9; background: none; }

.p-login .code dt span { color: #cdcdcd; }

.p-login .code dd { float: right; width: 94px; }

.p-login .code dd img { width: 94px; height: 40px; }

.p-login .remember { height: 30px; width: 262px; overflow: hidden; }

.p-login .remember dt { float: left; vertical-align: middle; }

.p-login .remember dt input { vertical-align: middle; }

.p-login .remember dt label { color: #8b8b8b; display: inline-block; vertical-align: middle; }

.p-login .remember dd { float: right; }

.p-login .button { height: 56px; }

.p-login .button a { width: 262px; }

.p-login .signup { text-align: center; }

.p-islogin { position: absolute; z-index: 10; }

.p-islogin a { width: 110px; text-align: center; line-height: 29px; border-bottom: 1px dashed #e9e9e9; background: #f9f7f7; display: block; }

.p-islogin a:hover { background: #bcbcbc; }

.p-menu { font-size: 16px; background: #e35253; min-width: 1000px; }

.p-menu ul { overflow: hidden; }

.p-menu li { float: left; }

.p-menu a { display: block; width: 128px; height: 40px; line-height: 40px; text-align: center; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 16px; }

.p-menu a.on, .p-menu a:hover { background: #d43835; }

.p-footer { background: #e2e2e2; }

.p-footer .content { overflow: hidden; }

.p-footer .flag { width: 145px; padding-top: 28px; }

.p-footer .option { padding-top: 28px; width: 582px; overflow: hidden; }

.p-footer .link { width: 100%; overflow: hidden; height: 90px; }

.p-footer .link dt { width: 358px; overflow: hidden; float: left; }

.p-footer .link dd { float: left; color: #505050; }

.p-footer .link dd strong { display: block; font-size: 16px; height: 32px; }

.p-footer .link ul { width: 360px; }

.p-footer .link li { width: 90px; height: 32px; float: left; }

.p-footer .copyright { height: 30px; }

.p-footer .safe { text-align: right; padding-bottom: 28px; }

.p-footer .safe a { display: inline-block; width: 65px; height: 30px; background: url(../img/base_icon04.png?__t=1459908586979); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.p-footer .safe a:hover { background-position: 0 -30px; }

.p-footer .safe a.a2 { width: 82px; background-position: -65px 0; margin-left: 10px; }

.p-footer .safe a.a2:hover { background-position: -65px -30px; }

.p-footer .code { border-left: 1px solid #bbb; margin-top: 20px; width: 202px; padding-left: 28px; overflow: hidden; }

.p-footer .code ul { width: 180px; overflow: hidden; }

.p-footer .code li { width: 60px; float: left; height: 53px; font-size: 40px; font-family: "iconfont"; }

.p-footer .code dt { height: 30px; }

.p-footer .code dd { width: 100%; overflow: hidden; }

.p-footer .code dd div { width: 88px; float: left; }

.p-footer .code dd div strong { display: block; text-align: center; width: 68px; }

.u-button, .u-button-2 { background: #e35253; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; width: 130px; line-height: 36px; text-align: center; border-radius: 5px; color: #fff; height: 36px; }

.u-button:hover { background: #d43835; color: #fff; }

.u-button-2 { background: #e3e3e3; color: #7d7d7d; }

.p-gettop { position: fixed; top: 300px; right: 100px; z-index: 10; }

.p-gettop a { display: block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; text-align: center; background: #d8d8d8; color: #fff; font-family: "iconfont"; margin-bottom: 10px; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); }

.p-gettop a:hover:before { -webkit-transform: scale(1); transform: scale(1); }

.p-gettop a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #d43835; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.p-page { height: 64px; padding-top: 17px; }

.p-page a, .p-page span { margin: 0 9px; display: inline-block; line-height: 20px; }

.p-page span { background: #e35253; color: #fff; padding: 0 6px; }

.p-page a:hover { text-decoration: underline; }