section, article, aside, header, footer, nav, figure { display: block; }
body, h1, h2, h3, h4, h5, h6, blockquote, div, dl, dt, dd, ul, ol, li, p, pre, form, fieldset, legend, button, input, textarea, th, td, tr, table, tbody, thead, tfoot, em, strong, span, figure { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.8 Microsoft YaHei,Simsun,sans-serif; color: #333; outline: none; background: #F7F7F7; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; font-style: normal; font-weight: normal; }
code, kbd, pre, samp { font-family: courier new,courier,monospace; }
p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { list-style: none; }
a { color: #333; text-decoration: none; }
a:focus, a:active { outline: none; }
a:hover { color: #ff7400; }
fieldset, img { border: 0; }
img { border: 0 none; }
em { font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; outline: 0; }


*html { zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this)); }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; }
.line5 { clear: both; font-size: 0; height: 5px; overflow: hidden; }
.line10 { clear: both; font-size: 0; height: 10px; overflow: hidden; }
.line15 { clear: both; font-size: 0; height: 15px; overflow: hidden; }
.line20 { clear: both; font-size: 0; height: 20px; overflow: hidden; }
.line30 { clear: both; font-size: 0; height: 30px; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }
.fn { float: none !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt75 { margin-top: 75px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mauto { margin: 0 auto; }
.color6 { color: #666; }
.color2 { color: #000; }
.color9 { color: #999; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.plr30 { padding-left: 30px !important; padding-right: 30px !important; }
.w60 { width: 60px !important; }
.w80 { width: 80px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w180 { width: 180px !important; }
.w310 { width: 310px !important; }
.w340 { width: 340px !important; }
.width100 { width: 100%; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.hide { display: none; }
.show { display: block; }
.gray { color: #999 !important; }
.green { color: #56b02a !important; }
.orange { color: #ff7400 !important; }
.red { color: #f00 !important; }
.bg_white { background: #fff !important; }
.bg_gray { background: #c2c2c2 !important; }
.bg_orange { background: #ff7400 !important; }
.border_orange { border-color: #ff7400 !important; }
.checkbox16 { width: 16px; height: 16px;vertical-align: -2px; }
.red { color: #f00; }
.bold { font-weight: 700; }
input { border: 0 none; outline: none; }
.minheight_initial { min-height:initial!important; }
.line { border-bottom: 1px solid #f1f1f1; }
.lineinput{border-bottom: 0.5px solid #f1f1f1;width: 800px;}
.line-dashed { border-bottom: 1px dashed #d3d3d3; }
.vertical-middle { vertical-align: middle !important; }
.inline { display: inline !important; }
.text_over { display: block; font-family: Arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.wrapper { display: block; width: 1004px; margin: 0 auto; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nobordertop { border-top: 0 !important; }
.division-line { border-bottom: 1px solid #d8d8d8; }
.body { padding: 45px 0 60px; background: #f9f9f9; }
.icons { background: url(../images/icons.png) no-repeat; background-size: 320px auto; }
.star { width: 14px; height: 14px; background: url(../images/star.png) no-repeat; display: inline-block; background-size: 14px; }
.star-grey { width: 15px; height: 15px; display: inline-block; background-position: 0px -1050px; background-size: 420px auto; position: relative; top: 2px; }
.input { width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; padding: 3px 6px; box-sizing: border-box; }
.input:focus { border-color: #51b819; }
.border { border-bottom: 1px solid #ddd; }
.border-none { border:none!important;}
.border-top { border-top: 1px solid #dcdcdc !important; }
.relative { position: relative; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.required { font-style: normal; color: #f00; margin: 0 10px; }
.icon { display: inline-block; background: url(../images/icons.png) no-repeat; vertical-align: middle; }
.btn { display: block; height: 26px; text-align: center; color: #fff; line-height: 25px; cursor: pointer; }
.btn:hover { color: #ffffff; }
.btn-xuexi { display: block; width: 80px; height: 26px; color: #000000; line-height: 26px; text-align: center; background: #ff7400; }
.btn-xuexi:hover { color: #fff; }
.button { display: block; height: 32px; line-height: 32px; text-align: center; color: #fff; border-radius: 5px; cursor: pointer; }
.w { width: 1200px; margin: 0 auto; }
.ic { display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; padding: 0; vertical-align: -4px; font-size: 0; line-height: 9999em; overflow: hidden; position: relative; *position: static; width: 18px; height: 18px; background: url(../images/icons.png) no-repeat; }
.ic-star-s-off { background-position: -50px -166px; }
.ic-star-s-half { background-position: -148px -37px; }
.ic-star-s-on { background-position: -186px -37px; }
.ico { display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; padding: 0; vertical-align: -4px; font-size: 0; line-height: 9999em; overflow: hidden; position: relative; *position: static; width: 14px; height: 14px; background: url(../images/icons.png) no-repeat; }
.ico-star-sm-off { background-position: -50px -167px; }
.ico-star-sm-half { background-position: -87px -167px; }
.ico-star-sm-on { background-position: -124px -167px; }
.progress-wrap { display: inline-block; width: 50px; height: 6px; background: #dbdbdb; border-radius: 4px; margin-right: 5px; position: relative; }
.progress-wrap b { font-weight: 400; background: #ff7400; display: block; height: 6px; position: absolute; top: 0; left: 0; border-radius: 4px; }
.shortcut { font-size: 12px; height: 35px; line-height: 35px; border-bottom: 1px solid #e7e7e7; background: #f5f5f5; }
.shortcut .shortcut-right li { float: left; margin: 0 0 0 16px; }
.shortcut .shortcut-right li a i { display: inline-block; width: 15px; height: 15px; background: url(../images/icons.png) no-repeat; vertical-align: middle; margin: 0 3px 0 0; position: relative; top: -2px; }
.shortcut .shortcut-right li a i.ico-order { background-position: 1px 0; }
.shortcut .shortcut-right li a i.ico-collection { background-position: -22px 0px; }
.shortcut .shortcut-right li a i.ico-user { background-position: -48px -1px; }
.shortcut .shortcut-right li a:hover .ico-order { background-position: -54px -350px; }
.shortcut .shortcut-right li a:hover .ico-collection { background-position: -87px -349px; }
.shortcut .shortcut-right li a:hover .ico-user { background-position: -120px -351px; }
.header { font-size: 12px; height: 98px; border-bottom: 2px solid #ff7400; background: #fff; }
.header .logo { float: left; width: 280px; margin: 20px 0px 0 0; position: relative; }
.header .logo img { height: 58px; display: block; float: left; }
.header .logo .logo-text { font-size: 24px; color: #000; position: absolute; top: 12px; left: 80px; float: left; }
.header .headIndexLogo{float: left; width: 280px; margin: 20px 0px 0 0; position: relative;}
.header .headIndexLogo img { height: 58px; display: block; float: right; }
.header .headIndexLogo .logo-text { font-size: 24px; color: #000; position: absolute; top: 12px; left: 80px; float: left; }

.cenheader { font-size: 12px; height: 98px; border-bottom: 2px solid #ff7400; background: #fff;padding: 0px 200px}
.cenheader .cenHeaderLogo{float: left; margin: 20px 0px 0 0; position: relative;}
.cenheader .cenHeaderLogo img { height: 58px; display: block; float: right; }
.cenheader .cenHeadIndexLogo .logo-text { font-size: 24px; color: #000; position: absolute; top: 12px;float: left;}

.cenheader .rmenu { float: right; margin: 36px 0 0 100px; }
.cenheader .rmenu .rmenu-list li { display: inline; margin: 0 20px; }
.cenheader .rmenu .rmenu-list .limsg {  display: inline;margin: 0 0 10px 0;}
.cenheader .rmenu .rmenu-list li a { font-size: 14px; text-decoration: none}
.cenheader .rmenu .rmenu-list li a:hover, .cenheader .rmenu .rmenu-list li a.current { color: #ff7400;text-decoration: none }
.cenheader .rmenu .rmenu-list .limsg .notitydiv{
	width: 40px;
	height: 40px;
	display:inline-block;
	position: relative;
}

.cenheader .rmenu .rmenu-list .limsg .notitydiv .notice {
	        background:rgba(250,60,0,1);
            position:absolute;
            width:6.4px;
            height:6.4px;
            top:0px;
            right:0px;
            margin-right:6px;
            margin-top:2px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
             border-radius:50%;
             visibility: hidden;
}



.goIndexDiv{float: right;width: 100px;margin-right: 180px;margin-top: 36px}
.goIndexDiv a{font-size: 16px;float: left;}
.header .menu { float: left; margin: 36px 0 0 100px; }
.header .menu .menu-list li { float: left; margin: 0 20px; }
.header .menu .menu-list li a { font-size: 14px;text-decoration: none }
.header .menu .menu-list li a:hover, .header .menu .menu-list li a.current { color: #ff7400;text-decoration: none }

.header .menuright { float: right; margin: 36px 0 0 100px; }
.header .menuright .menu-list li { float: left; margin: 0 20px; }
.header .menuright .menu-list li a { font-size: 14px;text-decoration: none }
.header .menuright .menu-list li a:hover, .header .menu .menu-list li a.current { color: #ff7400;text-decoration: none }


.header .hcb-item {float: right;width: auth; position: relative;vertical-align: middle;display: block; position: relative;margin: 40px 20px 20px 0;}
.header .hcb-item  .appCenterBtn{background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 0px 12px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 32px;width: 70px;text-align: center;}
.header .hcb-item  a{font-size: 14px;color: #fff;text-decoration: none}
.header .hcb-item  a:hover{ color: #444;text-decoration: none}


.header .cart-box { position: absolute; top: 33px; right: 0; }
.header .cart-box .cart-num-box { border: 1px solid #ff7400; padding: 2px 10px; font-size: 14px; height: 24px; float: right; background: #fff; }
.header .cart-box .cart-num-box .ico-cart { display: inline-block; width: 16px; height: 16px; background: url(../images/icons.png) no-repeat -80px 0; vertical-align: middle; position: relative; top: -1px; margin: 0 5px 0 0; }
.header .cart-box .cart-num-box .cart-num { color: #ff7400; }
.header .cart-box .cart-num-box .ico-drop-down { display: inline-block; width: 16px; height: 16px; background: url(../images/icons.png) no-repeat -112px 0; vertical-align: middle; margin: 0 0 0 5px; }
.header .cart-box .cart-num-box .line { position: absolute; border: 1px solid transparent; border-bottom: 1px solid #fff; width: 100%; bottom: -1px; right: 1px; z-index: 2; box-sizing: content-box; }
.header .cart-box .cart-hide-box { font-size: 12px; width: 210px; height: 34px; border: 1px solid #ff7400; line-height: 34px; text-indent: 12px; display: none; }
.header .cart-box .cart-hide-box .no-login .cart-login { color: #ff7400; }
.header .cart-box:hover .cart-hide-box { display: block; margin: -1px 0 0 0; }
.header .cart-box:hover .cart-num-box { padding-bottom: 4px; border-bottom: none; }
.course-box { margin: 20px 0 0 0; }
.course-box .course-box-inner { background: #fff; padding: 20px 30px 30px 30px; box-sizing: border-box; }
.course-box .course-title { border-bottom: 1px solid #eae9e9; text-align: center; position: relative; }
.course-box .course-title h3 { font-size: 24px; }
.course-box .course-title h4 { font-family: Arial; font-size: 12px; color: #999; text-transform: uppercase; }
.course-box .course-title .course-line { width: 22px; height: 3px; background: #ea5926; margin: 10px auto 30px; }
.course-box .course-title .course-link { position: absolute; right: 0; top: 28px; }
.course-box .course-title .course-link .more { font-size: 14px; color: #ea5926; border: 1px solid #ea5926; border-radius: 26px; display: inline-block; padding: 1px 26px; height: 26px; transition: 0.3s; }
.course-box .course-title .course-link .more:hover { background: #ff7400; color: #fff; }
.course-box .course-con { width: 1140px; overflow: hidden; }
.course-con-inner { width: 1200px; }
.course-con-inner .course-item { float: left; width: 250px; margin: 30px 46px 0 0; }
.course-con-inner .course-item .item-link:hover:hover { color: #333; }
.course-con-inner .course-item .item-link .img-box { display: block; width: 250px; height: 150px; position: relative; }
.course-con-inner .course-item .item-link .img-box img { display: block; width: 100%; height: 100%; }
.course-con-inner .course-item .item-link .cover { position: absolute; background: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0; text-align: center; display: none; }
.course-con-inner .course-item .item-link .cover .view-text { font-size: 16px; color: #fff; margin: 40px 0 0 0; display: block; }
.course-con-inner .course-item .item-link .cover .magnifying { width: 30px; height: 30px; display: block; background: #fff url(../images/icons.png) no-repeat -139px 6px; border-radius: 50%; margin: 10px auto; }
.course-con-inner .course-item .item-link .title { font-size: 14px; margin: 5px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.course-con-inner .course-item .item-link .title:hover { color: #ff7400; }
.course-con-inner .course-item .item-link .info { color: #999; white-space: nowrap; overflow: hidden; }
.course-con-inner .course-item .item-link.hover .cover { display: block; }
.news { margin: 20px 0 50px 0; }
.news-item { float: left; width: 550px; padding: 20px; background: #fff; }
.news-item .news-item-title { position: relative; }
.news-item .news-item-title h3 { border-left: 3px solid #ff7400; font-size: 20px; height: 24px; line-height: 24px; padding: 0 0 0 10px; }
.news-item .news-item-title .more { position: absolute; right: 0; bottom: 0; color: #999; }
.news-item .news-item-title .more:hover { color: #ff7400; }
.news-item .news-item-con { margin: 12px 0 0 0; }
.news-item .news-item-con .news-list li a { position: relative; display: block; padding: 0 0 0 10px; height: 28px; line-height: 28px; }
.news-item .news-item-con .news-list li a:before { content: ""; position: absolute; top: 12px; left: 0; display: inline-block; width: 5px; height: 5px; background: #ea5d2b; border-radius: 50%; }
.news-item .news-item-con .news-list li a:hover { color: #ff7400; }
.module1 { margin: 20px 0 0 0; }
.module1 .module1-left { float: left; width: 940px; }
.search-box .btn { float: left; font-size: 14px; color: #fff; background: #a6a6a6; display: block; height: 34px; line-height: 34px; text-align: center; transition: 0.2s; }
.search-box .btn:hover { background: #ff7400; }
.search-box .btn.btn-my-course { width: 140px; }
.search-box .btn.btn-all-class { width: 120px; }
.search-box .select { border: 1px solid #a6a6a6; background: #fff; color: #666; font-size: 14px; height: 34px; line-height: 34px; width: 145px; text-indent: 10px; display: block; float: left; margin: 0 10px 0 0; }
.search-box .search-text { width: 270px; height: 32px; border: 1px solid #a6a6a6; background: #fff; padding: 0 10px; float: left; font-size: 14px; }
.search-box .search-button { width: 58px; height: 34px; font-size: 16px; color: #fff; background: #a6a6a6; cursor: pointer; text-align: center; transition: 0.2s; }
.search-box .search-button:hover { background: #ff7400; }

.module1-right { float: left; width: 240px; background: #fff; height: 175px; margin: 0px 0 0 20px; }
.module1-right .avater-box { font-size: 12px; color: #666; width: 58px; height: 58px; margin: 10px auto; }
.module1-right .avater-box img { width: 58px; height: 58px; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #f0efef; }
.module1-right p { text-align: center; }
.module1-right .login-box { margin: 8px 0 0 30px; }
.module1-right .login-box .btn-login { display: inline-block; width: 80px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #56b02a; text-align: center; margin: 0 10px 0 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
.module1-right .login-box .btn-register { width: 90px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #ff7400; display: inline-block; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
.module2 { margin: 20px 0 0 0; }
.module2 .m-box { position: relative; float: left; height: 220px; padding: 10px; background: #fff; box-sizing: border-box; }
.module2 .m-box div { position: absolute; left: 20px; top: 20px; z-index: 2; }
.module2 .m-box div h3 { font-size: 16px; color: #333; margin: 0 0 8px 0; }
.module2 .m-box div p { font-size: 12px; color: #999; line-height: 24px; }
.module2 .m-box div a { display: inline-block; width: 76px; height: 24px; font-size: 12px; color: #ea5926; border: 1px solid #ea5926; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; text-align: center; line-height: 24px; margin: 18px 0 0 0; transition: 0.3s; }
.module2 .m-box div a:hover { background: #ff7400; color: #fff; }
.module2 .m-box img { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; max-width: 100%; }
.module2 .m-box:hover img { transform: matrix(1,0,0,1,0,-6); -ms-transform: matrix(1,0,0,1,0,-6); -moz-transform: matrix(1,0,0,1,0,-6); -webkit-transform: matrix(1,0,0,1,0,-6); -o-transform: matrix(1,0,0,1,0,-6); }
.module2 .box1 { width: 420px; margin: 0 20px 0 0; }
.module2 .box1 div p { width: 250px; }
.module2 .box2 { width: 240px; margin: 0 20px 0 0; }
.module2 .box3 { width: 240px; margin: 0 20px 0 0; }
.module2 .box4 { width: 240px; }
.daohang { font-size: 14px; color: #666; line-height: 45px; margin: 10px 0 0 0; }
.danhang a { font-size: 14px; color: #666; }
.daohang b { color: #ff7400; font-weight: 400; }


.comment-item { position: relative; border-bottom: 1px solid #F7F7F7; padding: 18px 0; }
.comment-item dt { position: absolute; left: 0; top: 14px; }
.comment-item dt img {display: block;border-radius: 50%;width: 55px;height: 55px;}
.comment-item dd {padding-left: 75px;}
.comment-item .user-info .username { color: #999; font-size: 16px; }
.comment-item .user-info { position: relative; top: -5px; }
.comment-item .user-info .xingxing2 { margin: 0px 0 0 25px; position: relative; top: -2px; }
.comment-item .user-info .fenshu { color: #999; position: relative; top: -2px; }
.comment-item .comment-con { color: #666; line-height: 22px; font-size: 14px; margin: -2px 10px 0 0; }
.comment-item .appraise-box { position: relative; }
.comment-item .appraise-box .appraise { color: #999; }
.comment-item .appraise-box .vote { position: absolute; right: 0; top: 0; color: #bbb; background: url(../images/vote.png) no-repeat; padding-left: 20px; background-size: 16px; background-position: 0 3px; }
.comment-item .time { color: #bbb; font-size: 14px; }
.dianzan { position: absolute; right: 0; top: 15px; font-size: 14px; color: #bbb; width: 80px; cursor: pointer; }
.dianzan .ico-dianzan { width: 20px; height: 20px; background-position: -510px -100px; margin: 0 3px 0 0; }
.dianzan:hover .ico-dianzan { background-position: -555px -100px; }
.user-box-left { float: left; width: 230px; background: #fff; margin: 0 20px 20px 0; }
.user-box-left .title { position: relative; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; color: #ff7400; text-align: center; border-bottom: 1px solid #F7F7F7; }
.user-box-left .title:before { content: ""; position: absolute; left: 20px; top: 24px; width: 30px; height: 1px; background: #ff7400; }
.user-box-left .title:after { content: ""; position: absolute; right: 20px; top: 24px; width: 30px; height: 1px; background: #ff7400; }
.user-box-left .user-menu-list { margin: 10px 20px; border-bottom: 1px solid #F7F7F7; padding: 0 0 10px; }
.user-box-left .user-menu-list li { line-height: 40px; text-align: center; position: relative; }
.user-box-left .user-menu-list li a { font-size: 14px; color: #666; display: block; }
.user-box-left .user-menu-list li a.cur, .user-box-left .user-menu-list li a:hover { color: #ff7400; }
.user-box-left .user-menu-list:last-child { border: 0 none; }
.user-box-right { float: left; width: 950px; margin: 0 0 75px; }
.user-box-right .gaikuang { background: #fff; padding: 20px 30px 25px; margin: 0 0 20px; }
.user-box-right .gaikuang .tishi { line-height: 30px; padding: 0 0 10px; border-bottom: 1px solid #f1f1f1; }
.user-box-right .gaikuang .tishi .btn-zhuce {width: 80px;height: 30px;line-height: 28px;text-align: center;color: #fff;background: #56b02a;display: inline-block;}

.user-box-inner { background: #fff; position: relative; min-height: 915px; }
.user-box-inner .biaoti { font-size: 20px; padding: 0 0 0 30px; border-left: 3px solid #ff7400; height: 20px; line-height: 20px; }
.user-box-inner .yue { font-size: 16px; }
.user-box-inner .btn-mscz { display: inline-block; width: 80px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #ff7400; font-size: 14px; }
.user-box-inner .shaixuan-box { position: absolute; right: 30px; top: 28px; }
.user-box-inner .shaixuan-box .shaixuan-text { color: #999; margin: 0 0 0 20px; }
.user-box-inner .shaixuan-box .shaixuan-text .ico-shaixuan { display: inline-block; width: 20px; height: 20px; background: url(../images/icons.png) no-repeat -178px -164px; vertical-align: middle; }
.user-box-inner .shaixuan-box .shaixuan-text:hover, .user-box-inner .shaixuan-box .shaixuan-text.cur { color: #009c4e; }
.user-box-inner .shaixuan-box .shaixuan-text:hover .ico-shaixuan, .user-box-inner .shaixuan-box .shaixuan-text.cur .ico-shaixuan { background-position: -224px -164px; }
.user-box-inner .yueguanli-box { padding: 20px 30px; }
.user-box-inner .yueguanli-box .qian { font-size: 24px; color: #ff7400; font-weight: 400; }
.user-box-inner .yueguanli-box .form-dl { line-height: 36px; margin: 15px 0; padding: 0 30px 0 130px; position: relative; }
.user-box-inner .yueguanli-box .form-dl dt { position: absolute; width: 110px; text-align: right; left: 0; top: 0; }

.form-box { padding: 30px; color: #666; }
.form-box .form-dl { margin: 20px 0; line-height: 34px; }
.form-box .form-dl dt { float: left; width: 160px; text-align: right; margin: 0 15px 0 0; }
.form-box .form-dl dd { float: left; }
.form-box .form-dl dd .avater { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #F7F7F7; vertical-align: middle; overflow: hidden; cursor: pointer; }
.form-box .form-dl.avater-dl { line-height: 55px; }
.form-box .form-dl.avater-dl .xg { margin: 0 18px; }
.form-box .printTips { height: 30px; line-height: 30px; color: #fff; background: #ff7400; margin-top: 20px; padding-left: 10px; }
.form-input { width: 300px; height: 32px; border: 1px solid #d0d0d0; background: #fff; border-radius: 5px; text-indent: 12px; line-height: 32px; }
.form-input:focus { border-color: #ff7738; box-shadow: 0 0 6px rgba(248,84,8,0.4); }
.form-select { height: 32px; border: 1px solid #d0d0d0; background: #fff; border-radius: 5px; text-indent: 12px; line-height: 32px; width: 200px; }
.tishi-text { color: #f00; font-size: 16px; font-weight: 700; margin: -10px 0 12px; }

.tab-list .tab-item { display: inline-block; margin: 0 11px; width: 50px; padding: 11px 0; font-size: 14px; color: #999; text-align: center; font-size: 16px; cursor: default; }
.tab-list .tab-item.curr, .tab-list .tab-item:hover { color: #ff7400; }

.chapter-list { width: 245px; padding: 7px 0 0; border-bottom: 1px solid #2f2f2f; color: #999; }
.chapter-list dt { width: 210px; padding-left: 10px; font-size: 14px; font-weight: 300; line-height: 35px; word-wrap: break-word; word-break: break-all; overflow: hidden; color: #999; }
.chapter-list dd { padding: 7px 5px; font-size: 12px; line-height: 20px; cursor: pointer; border-top: 1px solid #313131; border-bottom: 1px solid #313131; color: #999; }
.chapter-list dd.curr { background: #242424; border-color: #2f2f2f; color: #ff7400; }
.chapter-list dd.curr:last-child { border-bottom: none; }
.chapter-list .chapter-name { float: left; width: 160px; margin-left: 8px; word-wrap: break-word; word-break: break-all; }
.chapter-list .label-play { float: right; display: none; margin: 7px 3px 0 0; width: 14px; height: 8px; background: url(../images/icons.png) no-repeat -509px -43px; }
.chapter-list dd.curr .label-play { display: inline-block; }
.okScroll_wrap .ok_slider { display: none; position: absolute; right: 0; top: 0; height: 100%; width: 7px; background: rgba(0,0,0,0); -webkit-transition: background .4s linear 0s; transition: background .4s linear 0s; overflow: hidden; border-radius: 4px; }
.okScroll_wrap .ok_slider .slider { position: absolute; width: 7px; height: 80px; background: rgba(100,100,100,.4); background: #bbb\9; border-radius: 4px; }
.base-info-box { background: #fff; margin-bottom: 20px; padding: 20px 20px 25px; box-sizing: border-box; }
.base-info-box .title { font-size: 24px; color: #333; white-space: nowrap; overflow: hidden; }
.base-info-box .xinxi { line-height: 25px; margin: 10px 0 0 -20px; float: left; width: 74%; }
.base-info-box .xinxi span { font-size: 14px; color: #666; border-right: 1px solid #F7F7F7; padding: 0 20px; }
.base-info-box .xinxi span:last-child { border: 0; }
.base-info-box .evaluate { float: right; margin: 10px 0 0 0; color: #999; }
.comment-box { padding: 20px; width: 100%; background: #f5f5f5; box-sizing: border-box; position: absolute; top: 40px; left: 0; z-index: 1; display: none; }
.comment-box .comment-close { position: absolute; right: 10px; top: 0px; z-index: 2; width: 22px; height: 22px; background: #cacaca; color: #fff; text-align: center; line-height: 22px; font-family: Times New Roman; border-radius: 50%; font-size: 22px; cursor: pointer; }
.comment-title-box { position: relative; padding: 0 12px 0 0; color: #333; font-size: 20px; }
.comment-title-box .comment-title { border-left: 3px solid #51b819; height: 20px; line-height: 20px; padding: 0 0 0 12px; }
.comment-title-box .comment-title span { font-size: 14px; color: #999; }
.comment-title-box .buttun-close { position: absolute; right: 5px; top: 7px; display: block; width: 24px; height: 24px; background-position: 3px -979px; background-size: 420px auto; }
.comment-title-box .buttun-close.show { background-position: 3px -913px; }
.comment-con-box { padding: 20px 20px 0 0; display: none; }
.comment-form { display: block; position: relative; }
.comment-form .text-con { width: 100%; max-width: 100%; border: 1px solid #e7e7e7; padding: 10px; box-sizing: border-box; outline: none; background: #fff; height: 100px; font-size: 16px; max-height: 135px; }
.comment-form .form-btn { font-size: 12px; background: #51b819; color: #fff; padding: 0px 8px; border-radius: 3px; }
.comment-form .btn-submit-comment { width: 80px; height: 26px; line-height: 26px; text-align: center; background: #ff7400; color: #fff; font-size: 14px; display: inline-block; cursor: pointer; }
.kaoshixiangqing { background: #fff; padding: 0 30px 30px 30px; box-sizing: border-box; margin-bottom: 30px; }

.dangan {margin :30px 160px 30px; padding: 20px; box-sizing: border-box;background: #fff;position: relative;}
.dangan .line {width:100%;border-bottom: 1px solid #dcdcdc; margin: 15px 0px;}
.dangan .disline{width:100%;border-bottom: 1px solid #dcdcdc;position: relative;}
.dangan .disthemplines{width:100%;border-bottom: 1px solid #ff7400; margin: 0px 0px 30px 0px;}
.dangan .dislines{width:100%;border-bottom: 1px solid #dcdcdc; margin: 15px 0px 5px 0px;}
.dangan .disthline{width:100%;border-bottom: 1px solid #ff7400;position: relative;}
.dangan .querybox{
position: relative;
float: right;
margin-bottom: 8px;
}
.dangan .querybox .querybtn {
	padding: 2px 10px;
	background: #fe7f44;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin-left: 10px;
	text-align: center;
}
.dangan .querybox .querybtn:hover{
	color: #444;
}

.dangan .querybox .queryinput {
   padding: 4px 5px;
   width:180px;
}

.introDivBox{width:720px;margin :10x; padding: 20px; box-sizing: border-box;background: #fff;position: relative;}


.introDivBox .danIntroDiv{
	position: relative;
	width: 100%;
	height: 30px;
	margin: 25px 0px;
}
.introDivBox .danIntroImageDiv{
	position: relative;
	width: 100%;
	height: 200px;
	margin: 25px 0px;
}

.introDivBox .danIntroImageDiv .title{
	position: relative;
	width: 30%;
	float: left;
	color: #666;
}

.introDivBox .danIntroImageDiv .imgbox{
	position: relative;
	width: 50%;
	height:100%;
	float: left;
	color: 111;
}
.introDivBox .danIntroImageDiv .imgbox .license{
    height:100%;
	width: 100%;
}

.introDivBox .disline{width:100%;border-bottom: 1px solid #dcdcdc;position: relative;}
.introDivBox .danIntroDiv .title{
	position: relative;
	width: 30%;
	float: left;
	color: #666;
}

.introDivBox .danIntroDiv .content{
	position: relative;
	width: 70%;
	float: left;
	color: 111;
}


.dangan-box { border: 1px solid #dcdcdc;  text-align: center;width: 100%}
.dangan-box thead { height: 40px; line-height: 40px; background: #f8f8f8; text-align: center;}
.dangan-box thead tr { text-align: center;}
.dangan-box thead th { font-weight: 400; text-align: center;}
.dangan-box thead tr .message {text-align: left; padding-left: 10px;font-size: 12px; }
.dangan-box thead th .message{text-align: left;padding-left: 10px;font-size: 12px;}
 .dangan-box thead th span{with:30px;font-size: 6px;color: #888888;float:right;height: 100%;position:absolute;padding-top: 10px;}
 
.dangan-box .btn-caozuo { color: #fff; }
.dangan .dangan-divtip{width: 100%;position: relative;height:30px;}
.dangan .dangan-divtip p{font-size: 16px;color: #000000;float: left;text-align: center;vertical-align: middle;font-weight: 400;}
.dangan .dangan-divtip .appCntrollerBtn{float:right;background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 2px 10px;overflow: hidden;color: #fff;text-decoration: none;text-align: center;}
.dangan .dangan-divtip .pioneerCntrollerBtn{float:right;background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 2px 10px;overflow: hidden;color: #fff;text-decoration: none;text-align: center;margin-bottom: 5px;}

.dangan .dangan-divtip a{font-size: 14px;color: #fff}
.dangan .dangan-divtip a:hover{ color: #444}


.dangan .dangan-box tbody tr.trapp{height: 60px;}

.dangan .dangan-box tbody tr.message{text-align: left;padding-left: 10px;font-size: 12px;}

.dangan .dangan-box tbody tr.trapp .logobox{padding-left: 20px; padding-right: 20px}
.dangan .dangan-box tbody tr.trapp .logobox .logoimg{width: 48px; height: 48px; margin: 10dp}
.dangan .dangan-box tbody tr.trapp .logobox .name{font-size: 14px;color: #000000;margin-top: 5px;}
.dangan .dangan-box tbody tr.trapp .keyboxappk{padding-left: 20px; padding-right: 20px;text-align: left;font-size: 14px;color: #666666;margin-left: 16px;margin-bottom: 10px;}
.dangan .dangan-box tbody tr.trapp .keyboxappk span{font-size: 14px;color: #000000}
.dangan .dangan-box tbody tr.trapp .keyboxscret{padding-left: 20px; padding-right: 20px;text-align: left;font-size: 14px;color: #666666;}
.dangan .dangan-box tbody tr.trapp .keyboxscret span{font-size: 14px;color: #000000}


.dangan .dangan-box tbody tr td .appApplyBox{
	display: inline-block;vertical-align: middle;
}
.dangan .dangan-box tbody tr td .appApplyBox .titleName{
	color: #555;font-size: 14px;text-align: left;
}
.dangan .dangan-box tbody tr td .appApplyBox .titleContent{
	color: #444;font-size: 16px;
}


.dangan .dangan-box tbody tr td .appApplyBox .appapplylogo{width: 40px;height: 40px;vertical-align: middle;margin: 5px;}



.dangan .dangan-box tbody tr td.message{border: 1px solid #eaeaea;text-align: left;padding: 0 10px;word-break : break-all;}
.dangan .dangan-box tbody tr td.message .itemtitle{color:#333;font-size: 14px; }
.dangan .dangan-box tbody tr td.message .itemtip{color:#666;font-size: 13px;margin-top: 5px;}
.dangan .dangan-box tbody tr td.message .itemContent{display: none; }
.dangan .dangan-box tbody tr td.message .itemtime{color:#888;font-size: 12px; }
.dangan .dangan-box tbody tr td.message a{text-decoration: none;}
.dangan .dangan-box tbody tr td.message .tipv {
	background:#ff7400;
	border-radius:50%;
	width:6.8px;
	height:6.8px;
    position: relative;
	float: left;
	margin: 20px 15px 0px 0px;
	visibility: visible;
}
.dangan .dangan-box tbody tr td.message .tipn {
    background:#ff7400;
	border-radius:50%;
	width:6.8px;
	height:6.8px;
    position: relative;
	float: left;
	margin: 20px 15px 0px 0px;
	visibility: hidden;
}

.showContent{padding: 40px;font-size: 16px;word-break : break-all;}

.dangan .dangan-box tbody tr td{border: 1px solid #eaeaea;padding: 20px 0px}
.dangan .dangan-box tbody tr th{border: 1px solid #eaeaea;}

.dangan .dangan-box tbody tr td a{font-size: 14px;color:#666;margin-left:5px;}
.dangan .dangan-box tbody tr td a:hover{color:#ff7400;text-decoration: none;}


.dangan .dangan-pioneertypecenter{width: auth;height:30px;margin: 0 auto;text-align: center;}
.dangan .dangan-pioneertypecenter a{margin: 0px 60px 0px;text-decoration: none;}
.dangan .dangan-pioneertypecenter a.disablea{color: #eaeaea;pointer-events: none;}

.tips { font-size: 16px; color: #ff7400; }
.shaixuan-wrap { padding: 20px 0 0; position: relative; display: none; }
.shaixuan-wrap .s1 { float: left; }
.shaixuan-wrap .nianfen li { float: left; width: 78px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #a6a6a6; margin: 0 10px 10px 0; cursor: pointer; }
.shaixuan-wrap .nianfen li.cur { border-color: #56b02a; background: #56b02a; color: #fff; }
.search { position: absolute; right: 0; top: 15px; }
.search .search-text { width: 200px; height: 32px; border: 1px solid #a6a6a6; background: #fff; padding: 0 10px; float: left; }
.search .search-button { width: 58px; height: 34px; font-size: 16px; color: #fff; background: #a6a6a6; cursor: pointer; text-align: center; transition: 0.2s; }
.checkbox { width: 16px; /*background: url(../images/icons.png) no-repeat -325px -165px;*/ height: 16px; border: 0; vertical-align: -2px; }
.dingdan-box { margin: 15px 0 0 0; }
.dingdan-box .item { margin: 0 0 20px; border: 1px solid #dcdcdc; position: relative; }
.dingdan-box .item .operation {position: absolute;right: 0;text-align: center;top: 65px;width: 150px;}
.dingdan-box .item .hd { height: 40px; line-height: 40px; background: #f1f1f1; padding: 0 0 0 20px; }
.dingdan-box .item .hd .delete { display: inline-block; width: 20px; height: 20px; background: url(../images/icons.png) no-repeat -275px -161px; float: right; margin: 10px 12px 0 0; cursor: pointer; }
.dingdan-box .item .bd {border: 1px solid #dcdcdc;border-left: 0;border-top: 0;padding: 20px 100px 20px 20px;width: 740px;box-sizing: border-box;position: relative;}
.dingdan-box .item .bd:last-child { border-bottom: 0; }
.dingdan-box .item .bd .t1 { float: left; width: 35px; margin: 25px 0 0 0; }
.dingdan-box .item .bd .t2 {float: left;width: 140px;margin: 0 0 10px;}
.dingdan-box .item .bd .t2 .img { width: 125px; height: 85px; display: block; }
.dingdan-box .item .bd .t3 {float: left;width: 440px;}
.dingdan-box .item .bd .t3 h3 { margin: 0 0 10px; }
.dingdan-box .item .bd .t3 p { font-size: 12px; color: #999; line-height: 24px; }
.dingdan-box .item .bd .t4 {float: left;width: 140px;font-size: 14px;font-weight: 700;color: #333;}
.dingdan-box .item .bd .t5 {position: absolute;top: 45px;right: 15px;line-height: 28px;width: 80px;text-align:center;}
.dingdan-box .item .bd .t5 .text-dropOut { color:#f00;font-weight: 700;}
.created { height: 58px; line-height: 58px; background: #fff; border: 1px solid #d4d4d4; }
.created .t1 { float: left; padding-left: 30px; }
.created label { padding-left: 20px; }
.created .t2 { float: right; }
.created .t2 span { font-size: 20px; }
.created .created-btn { float: right; display: table; background: #ff7400; color: #fff; font-size: 24px; padding: 0 20px; margin-left: 15px; }
.plr20 { padding-left: 20px !important; padding-right: 20px !important; }

#J_UpdateAddressBox { display: none; }

.btn-tjdd { display: inline-block; width: 180px; height: 46px; line-height: 46px; background: #ff7400; font-size: 20px; color: #fff; text-align: center; }
.btn-tjdd:hover { color: #fff; }
.cashier-desk { border-top: 3px solid #56b02a; margin: 20px 0 0 0; position: relative; }
.cashier-desk .yingfu { position: absolute; right: 30px; top: 6px; }
.cashier-desk:before { content: ""; background: #F7F7F7; height: 100%; display: block; width: 1px; position: absolute; top: 0; left: 170px; }
.cashier-dl { border-bottom: 1px solid #F7F7F7; position: relative; }
.cashier-dl .cashier-dt { position: absolute; top: 25px; left: 50px; }
.cashier-dl .cashier-dd { padding: 25px 30px 25px 200px; position: relative; }
.cashier-table { border-collapse: separate; border: 1px solid #dcdcdc; width: 100%; text-align: center; border-bottom: 0; }
.cashier-table thead { background: #f1f2f7; height: 45px; line-height: 45px; font-weight: 400; }
.cashier-table thead th { font-weight: 400; color: #999; }
.cashier-table .img { display: block; width: 125px; height: 82px; float: left; margin: 0 20px 0 0; }
.cashier-table tbody tr.select td { border-bottom: 1px solid #ff7400; border-top: 1px solid #ff7400; }
.cashier-table tbody tr.select td:first-child { border-left: 1px solid #ff7400; }
.cashier-table tbody tr.select td:last-child { border-right: 1px solid #ff7400; }
.cashier-table tbody tr td { border-bottom: 1px solid #F7F7F7; height: 55px; line-height: 55px; }
.zhifu-box { margin: 30px 0 0 0; float: right; }
.zhifu-box .btn-cancel { font-size: 20px; color: #fff; display: inline-block; width: 180px; height: 45px; line-height: 45px; text-align: center; background: #cfcfcf; }
.zhifu-box .btn-zhifu { font-size: 20px; color: #fff; display: inline-block; width: 180px; height: 45px; line-height: 45px; text-align: center; background: #ff7400; }
.notice-box { padding: 30px; }
.notice-list li {position:relative; height: 51px; line-height: 51px; box-sizing: border-box; display: block; width: 100%; border-bottom: 1px dashed #e2e7ec; }
.notice-list li a { display: block; position: relative; padding: 0 120px 0 0; text-indent: 12px; color: #666; }
.notice-list li a:hover { background: #f4f6f8; }
.notice-list li a .txt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-list li a .pubtime { position: absolute; width: 100px; color: #999; right: 0; top: 0; }
.notice-list li .unread { position: absolute; top: 23px;left:2px; width: 5px; height: 5px; background: #f00; display: block; border-radius: 50%;z-index:99 }
.notice-title { text-align: center; font-size: 18px; color: #333; }
.notice-time { text-align: center; font-size: 14px; color: #999; border-bottom: 1px solid #f1f1f1; margin: 5px 0 20px; padding: 0 0 10px; }
.notice-con { line-height: 30px; color: #666; }
.footer { font-size: 12px; border-top: 1px solid #d2d2d2; background: #fff; }

.contact { padding: 20px 0 30px 0; line-height: 30px;position: relative; }
.contact .contact-left { float: left; width: 770px; color: #666; }
.contact .contact-center {width: 100%; color: #666;text-align: center; }
.contact .contact-right { float: left; padding: 8px 0 0 0; }
.contact .contact-right .client { float: left; width: 200px; }
.contact .contact-right .client .ico-client { float: left; display: inline-block; width: 38px; height: 50px; background: url(../images/icons.png) no-repeat 0 -30px; }
.contact .contact-right .client .p1 { font-size: 18px; color: #666; }
.contact .contact-right .client .p2 { color: #999; margin: -8px 0 0 0; }
.contact .contact-right .app { float: left; border: 1px solid #cecece; width: 98px; height: 28px; line-height: 28px; text-indent: 10px; color: #666; margin-top: 8px; }
.contact .contact-right .app a:hover { color: #333; }
.contact .contact-right .app .ico-app { float: left; display: inline-block; width: 28px; height: 28px; background: #9FB6CD url(../images/icons.png) no-repeat; }
.contact .contact-right .app .ico-app.ico-iphone { background-position: -35px -31px; }
.contact .contact-right .app .ico-app.ico-android { background-position: -67px -31px; }
.login-wrap { width: 100%; margin: 50 auto; height: 535px; display: table; background: #fff; }
.loginBox { margin: 0 auto; right: 0; z-index: 100; height: 535px; position: relative; width: 1200px; }
.login-img { float: left; height: 515px; margin-top: 10px; margin-left: 30px; }
.login { border: 1px solid #A7A7A7; border-radius: 8px; box-shadow: 0 0 4px rgba(255,255,255,0.84); }
.login-box-modern { background: #f8f8f8; *opacity: 0.23; width: 400px; max-height: 360px; position: relative; top: 20%;  height: inherit; margin: 0 auto;}
.login-box-modern .title { font-size: 18px; color: #333; padding: 10px 0px 10px; margin: 0 20px; border-bottom: 1px solid #dedede; text-align: center; font-weight: 500; *position: relative; *height: 12px; }
.login-box-modern .form { margin: 15px auto 0; padding: 0 20px; border-radius: 15px; *position: relative; }
.login-box-modern .form .item .input { font-family: Microsoft yahei; font-size: 14px; width: 294px; height: 32px; box-sizing: border-box; padding: 4px 10px; border: 0; position: absolute; *height: 23px; outline: none; background: #fff; border: 1px solid #e7e7e7; }
.login-box-modern .form .item .code { width: 168px; }
.login-box-modern .divBtn { margin: 20px 0 20px; }




.login-box-modern .logxieyi{bottom:0;text-align: center;position: absolute;left: 85px;margin-bottom: 45px;vertical-align: middle;}
.login-box-modern .logxieyiinput{width: 16px;height: 16px;outline:none;border:0px;vertical-align: middle;text-align: center;}

.login-box-modern .forgetgobtn{bottom:0;text-align: right;position: absolute;left: 330px;margin-bottom: 5px}
.login-box-modern .reggobtn{bottom:0;text-align: right;position: absolute;left: 250px;margin-bottom: 5px}


.login-box-modern .divBtn .btn-tips { font-size: 12px; color: #333; float: right; margin-right: 25px; line-height: 35px; }
.login-box-modern .divBtn #tipsMsg { color: #f00; font-size: 12px; text-align: center; float: left; width: 100%; line-height: 45px; }
.login-box-modern .btn { float: left; text-align: center; border: 0; background: #ff7400; height: 35px; margin-left: 85px; color: #fff; padding: 0 60px; font-size: 18px; display: block; border-radius: 5px; *position: relative; *font-size: 16px; }
.login-box-modern .checkCode { position: absolute; width: 75px; height: 24px; right: 8px; top: 5px; cursor: pointer; }
.login-box-modern .form .item { *width: 40px; height: 32px; position: relative; }
.login-box-modern .form .item .titleName { display: inline-block; width: 50px; line-height: 32px; font-size: 12px; padding-right: 10px; text-align: right; }
.login-box-modern .form .wrongTip { line-height: 28px; color: #ff0000; margin-left: 55px; display: inline-block; font-size: 12px; }
.mask { display: none; }
#Mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 10000000; }
#deleted { /*width: 360px; height: 205px; position: fixed; left: 50%; top: 50%;*/width: 560px;height: 605px;position: fixed;left: 45%; top: 25%; margin-left: -180px; margin-top: -105px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 35px 1px #858484; z-index: 10000001; }
.mask h2 { cursor: move; height: 40px; line-height: 40px; background: #ff7400; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0 14px 0 16px; font-size: 14px; color: #fff; display: block; }
.mask h2 .close { float: right; height: 40px; text-align: center; display: block; margin: 0 auto; }
.mask h2 .close .i-close { background: url(../images/icons.png) no-repeat -482px 4px; width: 20px; height: 20px; float: right; margin: 10px 0px; }
.reg-form { height: 100%;width:100%;margin : 0 auto;  outline: none; text-align: center;vertical-align: middle;position: relative;}
.reg-form .regxieyi{width: 16px;height: 16px;outline:none;border:0px;vertical-align: middle;}
#deleted .mainBox { height: 32px; padding: 41px 0px; border-bottom: 1px solid #edeff1; }
#deleted .mainBox p { line-height: 32px; font-size: 18px; display: table; margin: 0 auto; font-weight: bold; }
#deleted .mainBox p .i-warn { float: left; background: url(../images/icons.png) no-repeat -266px -302px; width: 32px; height: 32px; margin-right: 14px; }
#deleted .mainBox p .i-right { float: left; background: url(../images/icons.png) no-repeat -410px -317px; width: 35px; height: 35px; margin-right: 14px; }
#deleted .mainBox span { text-align: center; display: table; margin: 0 auto; line-height: 30px; font-size: 14px; color: #666; }
#deleted .delBtn { margin: 10px auto; display: table; }
#deleted .delBtn a { line-height: 30px; height: 30px; display: inline-block; margin: 0 10px; padding: 0 20px; background: #56b02a; color: #fff; }
#deleted .delBtn a.cancel { background: #f1f1ef; color: #fff; }

.dangan-box.xiaofei, .dangan-box.xiaofei th { border: none; }
.dangan-box.xiaofei td { border: none; border-bottom: 1px solid #eaeaea;padding: 8px 0;}
.dangan-box td a { color: #ffffff; }
.dangan-box.xiangqing td { padding: 12px 25px; }
.back-btn { margin: 20px auto; display: table; }
.back-btn .btn-mscz { background: #d5d5d5; }
.back-btn .btn-mscz:hover { background: #ff7400; }
.user-box-about { margin-left: 10px; }
.user-box-about h3 { font-size: 20px; color: #ff7400; font-weight: bold; line-height: 28px; padding-bottom: 10px; }
.user-box-about h4 { color: #333; font-weight: bold; }
.user-box-about p { color: #666666; line-height: 30px; }
.user-box-about .info { margin: 25px 0; }
.user-box-about .info p { text-indent: 5px; }
.user-box-about .info i { background: url(../images/icons.png) no-repeat; float: left; width: 30px; height: 25px; }
.user-box-about .info i.icon-phone { background-position: -565px -200px; }
.user-box-about .info i.icon-email { background-position: -565px -240px; }
.user-box-about .info i.icon-qq { background-position: -565px -279px; }
.user-box-about .info i.icon-address { background-position: -565px -315px; }
.user-box-about .address { border: 1px solid #f1f1f1; padding: 5px; display: inline-block; height: 340px; }
.leftside-list .list-box { border-top: 1px solid #fff; background: #ff7400; padding-bottom: 10px; }
.leftside-list .list-box a { color: #fff; text-align: center; line-height: 50px; font-size: 18px; height: auto; background: #ff7400; }
.leftside-list .list-box a:hover, .leftside-list .list-box a.cur { font-weight: bold; }
.user-box-left .user-menu-list a i { background: url(../images/icons.png) no-repeat -398px -204px; width: 12px; height: 14px; float: left; margin-left: 45px; position: absolute; top: 15px; left: 0; }
.user-box-left .user-menu-list .nav-list { margin-left: 65px; text-align: left; }
.user-box-left .user-menu-list .nav-list a { float: left; width: 100%; }
.user-box-left .user-menu-list .nav-list a.cur { color: #ff7400; }

.reg-box { background: #fff; margin: 30px 0; position: relative;}
.reg-box .reg-box-inner { padding: 10px 50px 10px; position: relative;}
.reg-box .reg-box-inner h2 {font-size: 24px;text-align: center;line-height: 63px;position: relative;}
.reg-box .reg-box-inner h2 a {width: 133px;height: 26px;line-height: 26px;font-size: 12px;color: #999;border: 1px solid #e0e0e0;border-radius: 5px;display: block;position: absolute;right: 0;top: 15px;}
.reg-box .reg-box-inner h2 a:hover { color: #ff7400; border-color: #ff7400; }

.cb-item {left:50%;margin-left:-200px;margin-bottom:10px;width: auth; line-height: 32px; margin-top: 20px; position: relative;vertical-align: middle;text-align: center;}
.cb-item .inputDiv { position: relative;}
.cb-item .inputDiv .verifyCodeBtn{float:left;background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 28px;margin-left: 10px;width: 70px}
.cb-item .inputDiv .inputCode{float:left;width: 194px; height: 30px; line-height: 30px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; outline: none; resize: none;vertical-align: top;}
.cb-item .inputDiv .inputbox {float:left ;width: 300px; height: 30px; line-height: 30px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; outline: none; resize: none;}
.cb-item .inputDiv .inputpioneerbox {float:left ;width: 300px; height: 30px; line-height: 30px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; outline: none; resize: none;}
.cb-item .inputDiv .inputbox:focus { border-color: #ff7400; }


.cb-item .inputDiv a { line-height: 30px; font-size: 12px; }
.cb-item .inputDiv a:hover { color: #333; }
.cb-item .inputDiv a em {float:left;color: #333; margin-left: 0; }
.cb-item .inputDiv  em {float:left;color: #ff7400; margin-left: 0; }
.cb-item .inputDiv span { float:left;font-size: 12px; line-height: 30px; margin-right: 10px}
.cb-item .inputDiv .spanerror{float:left;font-size: 12px; line-height: 30px;color: #ff6347;}
.cb-item .inputDiv .regloadtip{margin-left: 10px;font-size:12px}

.cb-item .inputDiv .submitBtn{float:left;background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 34px;width: 300px;margin-left: 50px}
.cb-item label {float: left;  line-height: 32px; height: 32px; width: auth; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; }
.pioneer-cb-item {margin-bottom:10px;width: auth; line-height: 32px; margin-top: 20px; position: relative;vertical-align: middle;text-align: center;display:inline-block;}
.pioneer-cb-item .inputDiv { position: relative;}
.pioneer-cb-item .inputDiv.disline{width:100%;border-bottom: 1px solid #dcdcdc;position: relative;float: left;}

.pioneer-cb-item .inputDiv .inputpioneerbox {float:left ;width: 400px; line-height: 30px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; outline: none; resize: none;}
.pioneer-cb-item .inputDiv .inputpioneerbox:focus { border-color: #ff7400; }
.pioneer-cb-item .inputDiv .spanerror{float:right;font-size: 12px; line-height: 20px;color: #ff6347;}
.pioneer-cb-item .inputDiv .inputpioneerImageboxDiv{float:left;}
.pioneer-cb-item .inputDiv .inputpioneerImageboxDiv .inputpioneerImageA {width: 240px; height: 120px;float: left;position: relative;}
.pioneer-cb-item .inputDiv .inputpioneerImageboxDiv .inputpioneerImagebox {width: 240px; height: 120px;position: absolute;left: 0px;top: 0px;}
.pioneer-cb-item .inputDiv .inputpioneerImageboxDiv .inputpioneerImageFile {position: absolute;width: 240px; height: 120px;left: 0px;top: 0px;opacity: 0}
.pioneer-cb-item .inputDiv .productboxDiv {
	float: left;
	width: 400px;
	position: relative;;
}
.pioneer-cb-item .inputDiv .productboxDiv .productboxtextArea{
	width: 400px;
	height: 120px;
	font-size: 14px;
	color: #111;
	left:0px;
	top:0px;
	vertical-align: middle;
	position: absolute;
	padding: 3px 5px;
}
.pioneer-cb-item .inputDiv .productboxDiv .note {
	position: absolute;
	line-height: 20px;
	padding: 3px 5px;
	left:0px;
	top:0px;
}

.pioneer-cb-item .inputDiv .inputpioneerEmptybox{float:left ;width: 160px; height: 120px;}
.pioneer-cb-item .inputDiv a { line-height: 30px; font-size: 12px; }
.pioneer-cb-item .inputDiv a:hover { color: #333; }
.pioneer-cb-item .inputDiv a em {float:left;color: #333; margin-left: 0; }
.pioneer-cb-item .inputDiv  em {float:left;color: #ff7400; margin-left: 0; }
.pioneer-cb-item .inputDiv span { float:left;font-size: 12px; line-height: 30px; margin-right: 10px}

.pioneer-cb-item .inputDiv .submitBtn{float:left;background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 34px;width: 300px;margin-left: 50px}
.pioneer-cb-item label {float: left;  line-height: 32px; height: 32px; width: auth; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; }


.pioneer-cb-item .labelDiv{position: relative;width: 140px;float: left;text-align: center;}
.pioneer-cb-item .labelDiv label {float: right;  line-height: 32px; height: 32px; width: auth; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; }
.pioneer-cb-item .labelDiv label span{float: right;   text-align: right; }

.msg-form {width:100%;outline: none; text-align: center;position: relative;}

.msg-cb-item {margin-bottom:10px;width: 600px; line-height: 32px; position: relative;text-align: center;height: auto;margin:0 auto;display: block;padding: 20px 0px;}
.msg-cb-item .inputDiv { position: relative;text-align: center;float: left;width: 100%;}
.msg-cb-item .inputDiv.disline{width:100%;border-bottom: 1px solid #dcdcdc;position: relative;float: left;}

.msg-cb-item .inputDiv .inputpioneerbox {float:left ;width: 400px; line-height: 30px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; outline: none; resize: none;}
.msg-cb-item .inputDiv .inputpioneerbox:focus { border-color: #ff7400; }

.msg-cb-item .inputDiv  p{margin-left: 140px;}

.msg-cb-item .inputDiv .inputmsgaccountbox {float:left ;width: 160px; line-height: 30px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; outline: none; resize: none;}
.msg-cb-item .inputDiv .inputmsgaccountbox:focus { border-color: #ff7400; }

.msg-cb-item .inputDiv .spanerror{float:left;font-size: 12px; line-height: 20px;color: #ff6347;}
.msg-cb-item .inputDiv .msgctspanerror{margin-top: 95px;font-size: 12px; line-height: 20px;color: #ff6347;}
.msg-cb-item .inputDiv .productboxDiv {
	float: left;
	width: 400px;
	position: relative;
}
.msg-cb-item .inputDiv .productboxDiv .productboxtextArea{
	width: 410px;
	height: 120px;
	font-size: 14px;
	color: #111;
	left:0px;
	top:0px;
	vertical-align: middle;
	position: absolute;
	padding: 3px 5px;
}
.msg-cb-item .inputDiv .productboxDiv .note {
	position: absolute;
	line-height: 20px;
	padding: 3px 5px;
	left:0px;
	top:0px;
}



.msg-cb-item .inputDiv .inputpioneerEmptybox{float:left ;width: 160px; height: 120px;}
.msg-cb-item .inputDiv a { line-height: 30px; font-size: 12px; }
.msg-cb-item .inputDiv a:hover { color: #333; }
.msg-cb-item .inputDiv a em {float:left;color: #333; margin-left: 0; }
.msg-cb-item .inputDiv  em {float:left;color: #ff7400; margin-left: 0; }
.msg-cb-item .inputDiv .productboxDiv em{float:left;color: #ff7400; margin-left: 422px;}

.msg-cb-item .inputDiv span { float:left;font-size: 12px; line-height: 30px; margin-right: 10px}

.msg-cb-item .inputDiv .submitBtn{background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #fff;text-decoration: none;line-height: 34px;padding: 10px 60px;}
.msg-cb-item label {float: left;  line-height: 32px; height: 32px; width: auth; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; }

.msg-cb-item .labelDiv{position: relative;width: 140px;float: left;text-align: center;}
.msg-cb-item .labelDiv label { float: left;;line-height: 32px; height: 32px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; }
.msg-cb-item .labelDiv label span{float: left;;text-align: center; width: 100%;  }


.cb-item label em {color: #ff0000; line-height: 30px; margin-right: 10px; }
.cb-item em { color: #f00; vertical-align: middle; width: 1em; overflow: hidden; margin: 0 10px; font-style: normal; line-height: 27px; }
.cb-item .cb-item-box { border-radius: 5px; border: 1px solid #ddd; padding: 15px; margin-left: 110px; margin-right: 15px; }
.cb-item-box .domain_sch { height: 15px; line-height: 15px; }
.cb-item-box .domain_sch b { float: left; height: 14px; padding-right: 15px; font-weight: normal; border-left: 1px solid #cccedf; margin-left: 15px; }
.cb-item-box .domain_sch a { float: left; height: 12px; display: inline-block; line-height: 12px; border-radius: 2px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; text-decoration: none !important; }
.cb-item-box .domain_sch dl { float: left; width: 250px; height: 15px; line-height: 15px; }
.cb-item-box .domain_sch dl i { margin: 0 8px 0px 0px; }
.cb-item-box .skuList { margin: 10px 0 15px 0; }
.cb-item .table-list { width: 100%; border: 1px solid #ddd; border-collapse: collapse; }
.cb-item .table-list thead { background: #eef1f6; }
.cb-item .table-list th { line-height: 36px; color: #333; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: normal; }
.cb-item .table-list td { line-height: 40px; color: #333; background: #fff; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; }
.cb-item .table-list td input { float: none; margin: 0 auto; }
.cb-item .table-list td span { float: right; margin-right: 10px; }
.cb-item .table-list td span .sorting { display: block; margin-top: 10px; }
.cb-item .domainPage { padding: 10px; background: #f9f9f9; }
.cb-item .domainPage .pageCur { margin-right: 10px; font-size: 16px; line-height: 30px; color: #000; display: inline-block; vertical-align: -4px; }
.cb-item .domainPage .pageInput { width: 38px; margin-left: 10px; border: 1px solid #cfcfcf; border-radius: 2px; line-height: 12px; height: 12px; padding: 9px 0; text-align: center; color: #000; vertical-align: -1px; }
.cb-item .domainPage td { line-height: 20px; padding: 10px 0 10px 10px; }
.cb-item .submit_btn { padding: 0 26px; height: 30px; background: #ff7400; color: #fff; border-radius: 5px; display: inline-block; text-align: center; cursor: pointer; }
.cb-item-box p { color: #ff0000; line-height: 12px; }
.selectItem { float: left; margin-right: 10px; }
.selectItem p { color: #fff; margin-top: 5px; float: left; width: 100%; }
.selectItem span { color: #fff; }
.searchItem { float: left; margin-right: 0px; margin-left: -8px; }
.select_box { float: left; width: 100%; height: 27px; position: relative; border-radius: 5px; margin-right: 10px; background: #fff; }
div.tag_select { height: 26px; line-height: 26px; display: block; border: 1px solid #ddd; padding: 0 18px 0 10px; border-radius: 5px; }
div.tag_select_hover { line-height: 26px; display: block; padding: 0 18px 0 10px; border: 1px solid #ddd; border-radius: 5px; }
div.tag_select_open { line-height: 26px; display: block; padding: 0 18px 0 10px; border: 1px solid #ddd; border-radius: 5px; }
div.tag_select i { background: url(../images/icons.png) no-repeat -398px -204px; width: 7px; height: 7px; position: absolute; right: 10px; top: 10px; }
div.tag_select i.i-arrowTop, div.tag_select_hover i.i-arrowTop { background: url(../images/icons.png) no-repeat -398px -204px; position: absolute; right: 0px; height: 20px; width: 20px; top: 10px; }
div.tag_select_open i.i-arrowTop { background: url(../images/icons.png) no-repeat -398px -242px; position: absolute; right: 0px; height: 26px; width: 20px; top: 10px; }
ul.tag_options { width: 93%; max-height: 310px; position: absolute; background: #fff; list-style: none; margin: 0; border: 1px solid #ddd; overflow-y: auto; overflow-x: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0px 0px 7px 1px #ddd; top: 31px; padding: 2px 5px; border-radius: 5px; }
ul.tag_options li { width: 100%; min-width: 100%; height: 26px; line-height: 26px; display: inherit; text-decoration: none; text-align: center; }
ul.tag_options li.open_hover { background: #0099ff; color: #fff; }
ul.tag_options li.open_selected { background: #0099ff; color: #fff; }

.gldz { border: 1px solid #eee; }
.gldz.border-top { border-top: none; }
.gldz span { padding: 0 10px; color: #999; }
.gldz a { color: #008ee0; }
.gldz label { color: #c4c4c4; padding: 0 8px; }
.add_address { margin: 10px 0; font-size: 12px; color: #008ee0; display: table; }
.add_address1 { position: absolute; color: #008ee0 !important; width: 70px !important; left: 300px; top: -10px; }
.add_address span { color: #999; }
.add_address i { background: url(../images/icons.png) no-repeat -506px -268px; width: 20px; height: 20px; float: left; }
#mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0); display: none; }
.add-info-box { border: 1px solid #bfbfbf; width: 538px; height: 398px; padding: 0 20px; background: #fff; position: fixed; top: 50%; left: 50%; margin-left: -289px; margin-top: -199px; display: none; z-index: 999; }
.add-info-box h3 { height: 53px; line-height: 53px; border-bottom: 1px solid #eee; color: #333; font-size: 14px; font-weight: bold; }
.add-info-box h3 .closed { background: url(../images/icons.png) no-repeat -482px 4px; width: 20px; height: 20px; float: right; margin: 16px 0px; }
.add-info-box form { margin: 28px 20px 0; display: table; }
.add-info-box .cb-item label { width: 102px; font-size: 12px; color: #666; }
.add-info-box .cb-item label em { margin: 0 10px 0 0; }
.add-info-box .cb-item .inputDiv .inputbox { width: 278px; }
.add-info-box .cb-item .inputDiv span { color: #666; }
.add-info-btn { display: table; margin: 0 auto; }
.add-info-btn .submit_btn { height: 26px; line-height: 26px; background: #ff7400; color: #fff; border-radius: 0; display: inline-block; text-align: center; padding: 0 16px; }
.appBg { position: relative; width: 100%; height: 650px; }
.code-box { display: table; margin: 0 auto; height: 650px; }
.appleCode { width: 220px; height: 220px; position: absolute; left: 975px; bottom: 78px; }
.appleCode img { width: 220px; }
.androidCode { width: 220px; height: 220px; position: absolute; left: 712px; bottom: 78px; }
.androidCode img { width: 220px; }
.page-course .sort-box { width: 100%; }
.page-course .sort-box .course-left-con-inner { margin-left: -40px; }
.page-course .sort-box .course-left-con-inner .course-item { float: left; width: 270px; margin: 15px 0px 15px 40px; }
.page-course .sort-box .course-left-con-inner .course-item .item-link { display: block; border: 1px solid #F7F7F7; padding: 9px; position: relative;}
.page-course .sort-box .course-left-con-inner .course-item .item-link:hover { border-color: #ff7400; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .img-box { display: block; width: 250px; height: 150px; position: relative; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .img-box img { display: block; width: 100%; height: 100%; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .cover { position: absolute; background: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0; text-align: center; display: none; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .cover .cover-btn-box { position: absolute; height: 30px; width: 202px; top: 50%; margin-top: -15px; left: 50%; margin-left: -101px; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .cover .cover-btn { display: table; border: 1px solid #fff; margin: 0 6px; color: #fff; padding: 5px 12px; line-height: 18px; float: left; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .cover .i-del { background: url(../images/icons.png) no-repeat -460px -206px; width: 20px; height: 20px; position: absolute; right: 6px; top: 8px; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .title { font-size: 14px; margin: 10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .info { color: #999; font-size: 12px; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .info2 { color: #999; text-align: right; position: relative; line-height: 28px; font-size: 12px; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .info2 .price { font-size: 16px; color: #ff7400; font-weight: 700; position: absolute; left: 0; top: 0px; }
.page-course .sort-box .course-left-con-inner .course-item .item-link.hover .cover { /*display: block;*/ }

.page-course .sort-box .course-left-con-inner .course-item .item-link .edit-pop { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: 10; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .edit-pop .edit-pop-bg { width: 100%; height: 100%; top: 0; left: 0; background-color: #000; filter: alpha(opacity=30); opacity: .3; }
.page-course .sort-box .course-left-con-inner .course-item .item-link .edit-pop .edit-pop-btn .edit-icon { width: 40px; height: 41px; right: 0; top: 0; overflow: hidden; position: absolute; cursor: pointer; background: url(../images/icons.png) no-repeat -219px -401px; }
.page-course .sort-box .course-left-con-inner .course-item .item-link.selected { border-color: #ff7400; }
.page-course .sort-box .course-left-con-inner .course-item .item-link.selected .edit-pop .edit-pop-btn .edit-icon{background-position:-219px -351px;}
.page-course .sort-box .course-left-con-inner .course-item .item-link.selected .edit-pop-bg,
.page-course .sort-box .course-left-con-inner .course-item .item-link:hover .edit-pop-bg { opacity:0}


.user-box-left.xszn { width: 238px; border: 1px solid #eeeeee; border-top: none; }
.user-box-left.xszn .title { margin-top: 30px; margin-left: -12px; height: 62px; border-bottom: none; }
.user-box-left.xszn .user-menu-list { margin: 0px 20px; border-bottom: 1px solid #F7F7F7; padding: 7px 0; }
.user-box-left.xszn .user-menu-list li { line-height: 40px; text-align: left; position: relative; text-indent: 45px; }
.user-box-left.xszn .user-menu-list li h4 { font-size: 16px; color: #333; }
.user-box-left.xszn .user-menu-list li .i-jian { background: url(../images/icons.png) no-repeat -393px -265px; width: 20px; height: 20px; float: right; margin-top: 8px; margin-right: 8px; }
.user-box-left.xszn .user-menu-list li .i-jia { background: url(../images/icons.png) no-repeat -456px -265px; width: 20px; height: 20px; float: right; margin-top: 8px; margin-right: 8px; }
.user-box-left.xszn .user-menu-list li a { font-size: 16px; color: #666; display: block; color: #333; }
.user-box-left.xszn .user-menu-list li a.cur { color: #ff7400; }
.user-box-left.xszn .user-menu-list:last-child { border: 0 none; }
.user-box-left.xszn .user-menu-list .nav-list { margin-left: 16px; text-align: left; display: inline-block; width: 180px; }
.user-box-left.xszn .user-menu-list .nav-list a { float: left; width: 100%; color: #999; position: relative; font-size: 14px; }
.user-box-left.xszn .user-menu-list .nav-list a.cur, .user-box-left.xszn .user-menu-list .nav-list a:hover { color: #ff7400; }
.user-box-left.xszn .user-menu-list li a.cur .i-arrowR, .user-box-left.xszn .user-menu-list .nav-list a.cur .i-arrowR { background: url(../images/icons.png) no-repeat -506px -206px; width: 12px; height: 12px; position: absolute; right: 10px; top: 14px; }
.xszn-right { float: left; margin-top: 10px; }
.xszn-right .user-box-right { width: 940px; }
.xszn-right .user-box-right p { line-height: 32px; text-indent: 2em; }

.changePwd { width: 620px; }
.changePwd .liucheng {width:620px;height: 24px;background:url(../images/changePwd.png) no-repeat;line-height: 24px;}
.changePwd .liucheng.step1 { background-position:0 0;}
.changePwd .liucheng.step2 { background-position:0 -24px;}
.changePwd .liucheng.step3 { background-position:0 -48px;}
.changePwd .liucheng span {width: 155px;display: inline-block;text-align: center;}
.changePwd .liucheng span.white { color:#fff;}
.changePwd .liucheng2 {width:620px;height: 24px;background:url(../images/chang.png) no-repeat;line-height: 24px;}
.changePwd .liucheng2.step1 { background-position:0 0;}
.changePwd .liucheng2.step2 { background-position:0 -34px;}
.changePwd .liucheng2.step3 { background-position:0 -68px;}
.changePwd .liucheng2.step4 { background-position:0 -102px;}
.changePwd .liucheng2 span {width: 155px;display: inline-block;text-align: center;}
.changePwd .liucheng2 span.white { color:#fff;}

.changePwd .changeWay { border: 1px solid #eee; color: #333; }
.changePwd .changeWay li { height: 66px; line-height: 66px; padding: 0 10px; border-top: 1px solid #eee; font-size: 16px; }
.changePwd .changeWay li a { font-size: 12px; color: #ff7400; height: 24px; width: 78px; border: 1px solid #ff7400; line-height: 24px; text-align: center; margin: 20px 0; }
.changePwd .changeWay li a.grey { border-color: #E4E4E4; color: #ccc; }
.form-box .changePwd .form-dl dt { width: 80px; }
.form-box .changePwd .form-dl dd .sendCode { padding:0 10px; height: 32px; line-height: 32px; border-radius: 5px; background: #ff7400; color: #fff; text-align: center; display: table; float: right; margin-left: 20px; cursor:pointer}

@media (max-width:1220px) {
    .w { width: 990px; }
    .header .menu { margin-left: 50px; }
    .header .menu .menu-list li { margin: 0 10px; }
    .header .menu .menu-list li .appCenterBtn{float:left;background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 30px;margin-left: 10px;width: 70px}
    
    .hcb-item {margin-bottom:10px;left:340px;width: auth; line-height: 32px; margin-top: 20px; position: relative;vertical-align: middle;display: block;}
    .hcb-item .hinputDiv { position: relative;}
    .hcb-item .hinputDiv .happCenterBtn{float:left;background: #ff7400;border: 1px solid #ff7400;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 30px;margin-left: 10px;width: 70px}
    
    .header .logo-cart { width: 200px; }
    .course-box .course-con { width: 930px; }
    .course-con-inner .course-item { width: 220px; margin: 30px 23px 0 0; }
    .course-con-inner .course-item .item-link .img-box { width: 220px; height: 132px; }
    .course-con-inner .course-item .item-link:hover .cover { display: block; }
    .news .news-item { width: 445px; }
    .module1 { margin: 20px 0 0 0; }
    .module1 .module1-left { width: 770px; overflow: hidden; }
    .search-box .btn { float: left; font-size: 14px; color: #fff; background: #a6a6a6; display: block; height: 34px; line-height: 34px; text-align: center; }
    .search-box .btn.btn-my-course { width: 110px; }
    .search-box .btn.btn-all-class { width: 100px; }
    .search-box .select { border: 1px solid #a6a6a6; background: #fff; color: #666; font-size: 14px; height: 34px; line-height: 34px; width: 110px; text-indent: 10px; display: block; float: left; margin: 0 10px 0 0; }
    .search-box .search-text { width: 220px; height: 32px; border: 1px solid #a6a6a6; background: #fff; padding: 0 10px; float: left; }
    .search-box .search-button { width: 58px; height: 34px; font-size: 16px; color: #fff; background: #a6a6a6; cursor: pointer; text-align: center; }

    .module1 .module1-right { float: left; width: 200px; background: #fff; height: 175px; margin: 0px 0 0 20px; }
    .module1 .module1-right .avater-box { font-size: 12px; color: #666; width: 58px; height: 58px; margin: 10px auto; }
    .module1 .module1-right .avater-box img { width: 58px; height: 58px; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; }
    .module1 .module1-right p { text-align: center; }
    .module1 .module1-right .login-box { margin: 8px 0 0 8px; }
    .module1 .module1-right .login-box .btn-login { display: inline-block; width: 80px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #56b02a; text-align: center; margin: 0 10px 0 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
    .module1 .module1-right .login-box .btn-register { width: 90px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #ff7400; display: inline-block; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
    .module2 .m-box { position: relative; float: left; height: 190px; padding: 10px; background: #fff; box-sizing: border-box; }
    .module2 .box1 { width: 330px; margin: 0 20px 0 0; }
    .module2 .box1 div p { width: 250px; }
    .module2 .box2 { width: 200px; margin: 0 20px 0 0; }
    .module2 .box3 { width: 200px; margin: 0 20px 0 0; }
    .module2 .box4 { width: 200px; }

    .xueshi-item .tit { width: 600px!important; }
    .xueshi-item .xueshi { width: 110px; }
    .user-box-right { width: 740px; }
    .dingdan-box .item .bd .t3 { width: 285px; min-width: 285px; }
    .dingdan-box .item .bd .t4 { width: 95px; }
    .login-box-modern { margin-right: 30px; }
    .reg-box .reg-box-inner .reg-box-info { margin: 0 auto; text-align: center;position: relative;}
    .all-del { background: url(../images/icons.png) no-repeat -460px -206px; width: 20px; height: 20px; position: absolute; right: 6px; top: 8px; }
    .dingdan-box .item .bd { width: 550px;}
    .dingdan-box .item .operation{width:130px;}
}