body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, code, form, input, button, textarea, p, th, td { margin: 0; padding: 0; border: none; outline: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
body { font: 14px/1.6 "Microsoft YaHei", Arial, sans-serif; -webkit-overflow-scrolling: touch; color: #666;background:#fff;}
img, input, select { vertical-align: middle; font-family: inherit }
img { border: 0 }
li, ul, dl { list-style: none;}
table { border-collapse: collapse; border-spacing: 0 }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none }
button[disabled], input[disabled] { cursor: default }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0 60px #fff inset; -webkit-text-fill-color: #666 }
textarea { overflow: auto; vertical-align: top; resize: none; font-family: inherit }
h1, h2, h3, h4 { font-weight: normal }
hr { height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eaeaea; }
i, em { font-style: normal }
b, strong { font-weight: bold }
a { color: #666; text-decoration: none; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s; }
a:hover, a:active {  outline: 0; -webkit-tap-highlight-color: transparent; background-color: transparent ;color:#008cd6;}
a:focus { outline: 0 }
.red {color: #f33;}
.blue {color: #2469f6;}
.green{color: #33AF5E;}
.yellow{color: #E1AC0D;}
.red-bg {background: #f33!important;}
.blue-bg {background: #2469f6!important;}
.green-bg{background: #33AF5E!important;}
.yellow-bg{background: #E1AC0D!important;}
.show { display: block }
.hide { display: none }
.fl { float:left; }
.fr { float:right;}
.p10 { padding:10px;}
.pt20 { padding-top:20px;}
.pb20 { padding-bottom:20px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.hide {display: none;}
.clear { clear: both; height: 0; overflow: hidden }
.clearfix {zoom:1;}.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cl {zoom:1;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:after { clear: both }
.w1200 { width: 1200px;margin:0 auto; }
.w900 { width: 900px;margin:0 auto; }
.w300 { width: 300px;margin:0 auto; }
.w280 { width: 280px;margin:0 auto; }
.w { width: calc(100%-15px);padding:0 15px;}


/*top*/
.top { height:550px;position:relative; }
.header { height:73px;background:url(../images/header-bg.png)  repeat-x; }
.header .logo { height:62px;width:309px;margin-right:15px; }
.header .logo a { height:62px;width:309px;display:block;text-indent:-9999px;background:url(../images/logo.png) no-repeat;margin-top: 6px;}
.header .nav{ margin-top:6px; margin-left: 40px; }
.header ul li { float:left;margin:0 10px; }
.header ul li a {padding:0 10px;color:#eee;font-size:15px;height:70px;line-height:70px;display:block;text-align:center;}
.header .info { height:60px;margin-top:26px;}
.header .info .search-box .new-searching-unit{height:30px;}
.header .info .search-show { width:18px;height:18px;background:url(../images/icon.png) no-repeat 0 -20px;margin-right:20px;position:relative; cursor:pointer;}
.header .info .search-box { width:200px;position:absolute;right:-5px;top: -6px;height:30px;background:none;border:1px solid rgba(255, 255,255, 0.3);border-radius:4px;}
.header .info .search-box .new-searching-unit input { width:160px;height:30px;line-height:28px;color:#fff;padding:0 5px;background:none;}
.header .info .search-box .new-searching-unit .go { width:30px;height:30px;position:absolute; right:0;top:0;z-index:998;}
.header .info .split{height: 14px; width: 14px; padding:4px 8px; }
.h-pub .nav ul li a { border-bottom:3px solid #222;}
.h-pub .nav ul li a:hover { border-bottom:3px solid #008cd6;}
.header .nav ul li a:hover { color:#008cd6;}
.top .banner { height:550px;position:absolute; top:0;left:0;z-index:-9999; height: 100%;width: 100%;opacity: 0; background-position: center 0; background-repeat: no-repeat;background-size: cover;transition: opacity 200ms ease-in-out;}
.top .banner-top { background:#000;height:550px;position:absolute; top:0;left:0;z-index:-9998;height: 100%;width: 100%;opacity: .3;}
.top .tit {padding-top: 150px;height: 280px;text-align:center;}
.top .tit .b-title h1 { height:60px;line-height:60px;text-align:center;font-size:60px;color:#fff;font-weight:100;margin:0 auto;overflow:hidden;}
.top .tit .b-title h2 { height:60px;line-height:60px;text-align:center;font-size:24px;color:#fff;font-weight:60;margin:0 auto;overflow:hidden;}
.top .tit .b-title a { height:60px;line-height:60px;text-align:center;font-size:20px;color:#fff;margin:0 10px;background: #1B9E2B;padding: 10px 20px;border-radius: 10px;}
.top .tit .b-word {  margin:0 auto;border:1px solid  rgba(255, 255,255, 0.5);height:44px;line-height:44px;padding:0 10px;display:inline-block;text-align:center;margin-top:60px;border-radius: 4px;background:#fff; color:#ccc;background: rgba(255, 255,255, 0.2);}
.top .tit .b-word .hot-word { position:absolute;width:32px;height:20px;background:url(../images/hot.png) no-repeat;left:20px;top:-20px;}
.top .tit .b-word .cur {position:absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;left:12px;bottom:-14px;}
.top .tit .b-word .cur.l { left:18px;}
.top .tit .b-word a { color:#fff;margin:0 10px ;position:relative;}
.top .tit .b-word a:hover { color:#ccc; }


/*down*/
.header ul li.last-slide { position:relative; }
.header ul li .last-nav-down { position:absolute;top:70px;left:50%;margin-left:-60px;background:#fff; width:150px;overflow:hidden;border-radius: 4px;padding-bottom:5px ;border-top:3px solid #008cd6;box-shadow:0 10px 50px rgba(0,0,0,0.15);z-index:999;}
.header ul li .last-nav-down a { height:44px;line-height:44px;padding:0 10px;color:#666;overflow:hidden;font-size:14px;border:none; }
.header ul li .last-nav-down a:hover { background:#008cd6 !important;color:#fff;}


/*down*/
div.user-avatar {height: 60px;width: 60px;line-height: 60px;background: #111;border-radius: 50%;text-align: center;color: #fff;margin: 10px 0 5px 0;}
.header .avatar,.header div.avatar {height: 32px;width: 32px;line-height: 32px;background: #8590a6;border-radius: 50%;text-align: center;color: #fff;}
.header ul li.my-slide { position:relative;height: 60px; }
.header ul li.my-slide a{ height: 32px; line-height: 32px; }
.header ul li.my-slide span{ height: 32px; line-height: 32px; color: #fff;padding:0 10px;}
.header ul li .my-nav-down { position:absolute;top:50px;left:50%;margin-left:-60px;background:#fff; width:120px;overflow:hidden;border-radius: 4px;padding-bottom:5px ;border-top:3px solid #008cd6;box-shadow:0 10px 50px rgba(0,0,0,0.15);z-index:999;}
.header ul li .my-nav-down a { height:44px;line-height:44px;padding:0 10px;color:#666;overflow:hidden;font-size:14px;border:none; }
.header ul li .my-nav-down a:hover { background:#008cd6 !important;color:#fff;}


.soft-thumb { height:704px;padding:15px;background-color: #1b1b1b;}
.soft-thumb .title{ background-color: #1b1b1b;}
.soft-thumb .title span{ padding:0!important;margin-top: -10px;}
.cat-btns { height:40px;padding:6px 0 10px 0;text-align: center;}
.cat-btns ul {display: inline-block;margin:0 auto;}
.cat-btns ul li { float:left; background: #1b1b1b; margin: 0 6px;padding: 6px 12px;font-size: 12px;border-radius: 3px;}
.cat-btns ul li:hover {background: #333;}
.cat-btns ul li:hover a{color: #fff;}
.cat-btns ul li a {color: #ccc;}

/*news*/
.news { height:100px;padding:10px;}
.news ul { width:1250px;}
.news ul li { float:left; }
.news ul li a { width:355px;height:36px;line-height:36px;float:left;overflow:hidden;padding:0 20px 0 15px;border-radius: 50px;background:#f3f3f3;margin:10px 15px 0 0;}
.news ul li a p { width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/news-dot.png) no-repeat left;text-indent:15px}
.news ul li a:hover { color:#fff;background:#008cd6;}
.news ul li a:hover span { color:#fff;} 
.news ul li span { color:#999;font-size:12px;}

/*main*/
.m1, .m3, .m5 { background:#f7f7f7;}
.m { padding: 40px 0 50px 0;}
.m .m-title h2 { font-size:36px;text-align:center;line-height:70px;}
.m .m-title h2 a { color:#333;}
.m .m-title p { text-align:center;margin:30px 0; font-size:16px;color:#ccc;}
.m .m-title p a { margin:0 20px;}
.m .m-title p .more { color:#999;}
.m .m-list ul { width:1250px;}
.m .m-list ul li { float:left;}
.m .m-list ul li a { width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;position:relative;}
.m .m-list ul li a:hover .list-tit { bottom:-40px;}
/* .m .ml1 ul li a { height:312px;} */
/* .m .ml1 ul li a img { width:224px;height:312px;} */
/* .m .ml2 ul li a { height:224px;} */
/* .m .ml2 ul li a img { width:224px;height:224px;} */
.m .m-more { text-align:center;margin-top:10px;}
.m .m-more a { width:350px;height:42px;line-height:42px;border:1px solid #e6e6e6;border-radius: 4px;text-align:center;display:block;margin:0 auto;color:#999;}
.m .m-more a:hover { color:#fff;}
.ico-bar { width:36px;height:3px;display:block;margin:0 auto; }
.list-tit { width:194px;height:40px;background:url(../images/li-bg.png); position:absolute;bottom:0;left:0;line-height:40px;padding:0 15px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;} 
.list-tit p { color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-tit-short p {width:120px;}


/*l-color*/
.r1 .m-title p a:hover { color:#ff3333;}
.r2 .m-title p a:hover { color:#abcd03;}
.r3 .m-title p a:hover { color:#e4007f;}
.r4 .m-title p a:hover { color:#5000e4;}
.r5 .m-title p a:hover { color:#e4a700;}

.cor0 { background:#94e400;}
.cor1 { background:#ff3333;}
.cor2 { background:#abcd03;}
.cor3 { background:#e4007f;}
.cor4 { background:#5000e4;}
.cor5 { background:#e4a700;}
.cor6 { background:#00e4ab;}
.cor7 { background:#e400e4;}
.cor8 { background:#00c9e4;}
.cor9 { background:#e48100;}
.m-cor1 a:hover { background:#ff3333;border-color:#ff3333;}
.m-cor2 a:hover { background:#abcd03;border-color:#abcd03;}
.m-cor3 a:hover { background:#e4007f;border-color:#e4007f;}
.m-cor4 a:hover { background:#5000e4;border-color:#5000e4;}
.m-cor5 a:hover { background:#e4a700;border-color:#e4a700;}

/*footer*/
.footer .link {  color:#ccc;padding:10px 0; }
.footer .link b{font-size:14px}
.footer .link .lcontainer {width: 1130px;display: inline-flex;flex-wrap: wrap;}
.footer .link a { color:#ccc; display: inline-block; line-height:35px; margin-right:10px; font-size:12px}
.footer a:hover { color:#008cd6;}
.f-u { background:#292929;padding:10px 0 10px 0;}
.f-d { background:#0c0d0d;padding:10px 0;font-size:12px;color:#999;text-align:center;line-height:28px;}
.f-d span{display:block;clear:both;}
.f-d a{color:#ccc;}
.lan dl { width:200px;float:left;}
.lan dl dt { color:#656565;font-size:16px;margin:15px 0;}
.lan dl dd { margin:5px 0;}
.lan dl dd a { color:#999;}

/*list-pub*/
.h-pub { background:#222;}
.position { height:40px;padding-top:6px;line-height:40px;color:#eeee;background:#1b1b1b;}
.position a{ color:#eeee;}
.position span i { width:16px;height:20px;background:url(../images/icon.png) no-repeat;display:block;float:left;margin:10px 10px 0 0;}
.position .w1200 h1 {font-size:inherit;display:inline;}
.slide { padding:30px 0 40px 0;background:#f7f7f7;}
.slide .p-list { position:relative;border-radius: 4px;overflow:hidden;/*height:312px;*/}
.slide .p-list .bd ul { width:1250px;}
.slide .p-list .bd ul li { float:left;}
.slide .p-list .bd ul li a { width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;position:relative;}
.slide .p-list .bd ul li a .list-tit { bottom:-40px;}
.slide .p-list .bd ul li a:hover .list-tit { bottom:0;}
.slide .p-list .bd ul li a em { position:absolute;top:0;left:0;background-image:url(../images/top.png);width:60px;height:60px;display:block;text-indent:-9999px; }
.slide .p-list .bd ul li:nth-child(2) a em { background-position:-60px 0;}
.slide .p-list .bd ul li:nth-child(3) a em { background-position:-120px 0;}
.slide .p-list .bd ul li:nth-child(4) a em { background-position:-180px 0;}
.slide .p-list .bd ul li:nth-child(5) a em { background-position:-240px 0;}
.slide .p-list .bd ul li:nth-child(6) a em { background-position:-300px 0;}
.slide .p-list .bd ul li:nth-child(7) a em { background-position:-360px 0;}
.slide .p-list .bd ul li:nth-child(8) a em { background-position:-420px 0;}
.slide .p-list .bd ul li:nth-child(9) a em { background-position:-480px 0;}
.slide .p-list .bd ul li:nth-child(10) a em { background-position:-540px 0;}
.slide .p-list .hd { display:none;}
.slide .p-list:hover .hd  { display:block;}
.slide .p-list .hd a { position:absolute;top:0;width:66px;height:312px;display:block;background-image:url(../images/arrow.png);z-index:999;opacity: .5;}
.slide .p-list .hd a:hover {opacity: .8; }
.slide .p-list .hd .prev { background-position:0 0;left:0;}
.slide .p-list .hd .next { background-position:-66px 0;right:0;}

.list { padding:15px;background-color: #282828;}
.list .l-title h1 { text-align:center;font-size:36px;color:#ccc;padding:15px 0;}
.list .l-title .h1 { text-align:center;font-size:36px;color:#ccc;padding:30px 0;margin:0 528px;display:block;}
.list .l-title p { height:50px;line-height:50px;text-align:center;margin-bottom:20px;}
.list .l-title p span { border-top:1px solid #e6e6e6;display:inline-block; }
.list .l-title p a { padding:0 15px;display:inline-block;margin-top:-1px;border-top:3px solid  rgba(255, 255,255, 0);}
.list .l-title p a:hover, .list .l-title p a.cur { border-bottom:3px solid #ff3333;color: #ff3333;}
.list .l-pub .m-list .time { position:absolute;right:10px;bottom:10px;color:#fff;font-size:12px;background:#fff;background: rgba(0, 0,0, 0.2);padding:0 5px;border-radius: 4px;opacity: .5;} 
.c-pub h2 { font-size:22px;height:22px;line-height:22px;border-left:4px solid #008cd6;margin-bottom:20px;color:#333;text-indent:10px;}
.list .m-list ul { width:100%;}
.list .m-list ul li { float:left;}
.list .m-list ul li a {width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;position:relative;}
.list .m-list ul li a img{width:100%}
.list .m-list ul li a:hover .list-tit { bottom:-40px;}


.channel2 .w-list { border-top:1px solid #e6e6e6;}
.channel .m-list ul { width:1230px;}
.channel .m-list ul li { float:left;}
.channel .m-list ul li a { width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;position:relative;}
.channel .m-list ul li a img{width:100%}
.channel .m-list ul li a:hover .list-tit { bottom:-40px;}
.channel2 .w-list { border-top:1px solid #e6e6e6;}
.channel2 .w-list ul  { width:1230px;margin-top:5px;}
.channel2 .w-list ul li { float:left;width:590px;height:26px;line-height:26px;margin:12px 20px 0 0;}
.channel2 .w-list ul li span { color:#999;font-size:12px;}
.channel2 .w-list ul li .a-t { width:400px;overflow:hidden;height:26px;font-size:16px;color:#333;}
.channel2 .w-list ul li .a-t2 { min-width:70px;max-width:84px;padding:0 10px;margin-right:12px;background:#f7f7f7;text-align:center;border-radius: 4px;color:#999;font-weight:normal;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel2 .w-list ul li .a-t2 strong  { font-weight:normal;}
.channel2 .w-list ul li .a-t:hover { color:#008cd6;}
.channel2 .w-list ul li .a-t2:hover { background:#008cd6;color:#fff;}

/*page*/
.page{clear: both;margin:40px auto 20px auto; padding-top:50px; overflow: hidden; text-align: center;font-size:14px; }
.page ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.page ul li:hover{background:#008cd6;color:#fff;border: 1px solid #008cd6}
.page ul li:hover a{color:#fff;}
.page ul li.thisclass{display: inline-block;border: 1px solid #008cd6;padding:6px 15px;margin: 0 1px;background: #008cd6;color: #fff;}
.page ul li.thisclass a{color: #fff;}
.page ul li a{display:block;color:#999}
.page ul li a:hover{color: #fff;}


.main {background:#1b1b1b;padding: 15px;}
.main h2{color:#ccc;}
.main .title {width: 100%;text-align:center;line-height:30px;height:50px;color:#eeee;font-weight: bold;font-size: 18px;}
.main .title span{display: block;}
.pic {height: 800px;}
.pic .pic-m {background:#282828;border-radius: 4px;line-height:24px;}
.pic .pic_t {height: 100px;padding: 0 10px;border-bottom:1px solid #1b1b1b;padding-bottom:5px;}
.pic .pic_u {width: 60px;padding: 0 10px;}
.pic .pic_u .avatar img{width: 60px;height: 60px;border-radius: 100%;margin: 10px 0 5px 0;}
.pic .pic_u .follow_btn {width: 60px;height: 20px;border-radius: 3px;background: #2469f6;text-align: center;font-size: 10px;line-height: 20px;}
.pic .pic_u .follow_btn.gray{background: #1b1b1b;}
.pic .pic_u .follow_btn a{color: #fff;}
.pic .pic_i {width: 550px;height: 78px;background:#1b1b1b;border-radius: 4px;line-height:18px;margin: 7px 0 5px 0px;padding: 6px;color: #ccc;overflow-x: hidden;overflow-y: auto;}
.pic .pic_arrow{margin-top: 40px;height: 0px;width: 0px;border-top: 9px solid transparent;border-right: 10px solid #1b1b1b;border-bottom: 10px solid transparent;}
.pic .pic_i a{color: #fff;}
.pic .pic_i .iconfont{font-size: 14px!important;}
.iconfont{font-size: 28px!important;color:#fff;}
.iconfont.red{color:#f33;}
.iconfont.yellow{color:#F4BD1A;}
.iconfont.gray{color:#999;}
.iconfont.blue{color:#2469f6;}
.iconfont.green{color:#33AF5E;}
.iconfont span{font-size: 12px;line-height: 24px;padding: 0 4px;}
.pic .pic_r {width: 220px;height: 80px;text-align: right;overflow: hidden;text-align: right;}
.pic .pic-m ul{float:right;width: 200px;height: 60px;margin: 30px 10px 0 0;}
.pic .pic-m li{float:left;width: 70px;height: 60px;text-align: center;}
.pic .pic-m li span{color: #ccc;display: block;}
.pic .pic_b {width:900px;height: 640px;}
.pic .pic_b .btn {width:30px;height: 600px;margin:20px 10px;overflow: hidden;}
.pic .pic_b .btn a {line-height: 600px;height: 600px;display: block;}
.pic .pic_b .btn .iconfont {font-size: 22px;color:#fff;}
.pic .pic_b .btn a span{display: none;}
.pic .pic_b .btn a:hover{background: #444;border-radius: 4px;}
.pic .pic_b .work {margin:20px auto;width:800px;height:600px;}
.pic .pic_b .work img {max-width:800px;max-height:600px;background: #fafafa;border: 0px solid #fafafa;}
.pic .pic_b .work img:hover {background: #eee;}
.pic .pic_f{height: 80px;padding: 0 10px;border-top:1px solid #1b1b1b;padding-bottom:5px;}
.pic .pic_f ul{width: 280px;margin: 18px auto;float: none;}
.pic .pic_f ul li{margin: 0 10px;text-align: center;}

.more-works {margin: 0 10px 10px 10px;height:832px;background: #282828;border-radius: 4px;}
.more-works .w280{padding: 20px 10px 10px 10px;}
.w-list {width:260px; height:760px;overflow-x:hidden;overflow-y: auto;}
.w-list ul { width:242px;}
.w-list ul li { float:left!important;}
.w-list ul li a { width:242px;display:block;margin:0 15px 6px 5px;overflow:hidden;position:relative;}
.w-list ul li a img{width:240px;background: #fafafa;border: 0px solid #fafafa;}
.w-list ul li a img:hover{background: #eee;}
.flow-works {padding: 6px;background: #282828;border-radius: 4px;}

.label h2 { font-size:18px;margin-bottom:10px;}
.label h2 i { width:22px;height:20px;background:url(../images/icon.png) no-repeat 0 -42px;display:block;float:left;margin:6px 8px 0 0;}
.label .bq { width:1220px;}
.label .bq a { width:126px;height:36px;background:#111;color:#ccc;display:block;float:left;border-radius: 4px;margin:8px 8px 0 0;line-height:36px;text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.label .word a { width: 294px;}
.label .bq a:hover { background:#151515;color:#fff;}
.label .t-title h2 {text-align:center;color:#eee;}

.t-list { padding:15px;background-color: #1b1b1b;}
.t-list .l-title h1 { text-align:center;font-size:36px;color:#ccc;padding:15px 0;}

/* login */
#login {width: 464px; height: auto;background: #222;margin:0 auto;border-radius: 6px;color:#fff;}
#login .h{padding:12px 8px 4px 8px;height: 24px;}
#login .t{line-height: 24px;font-size: 18px;color: #fff;width:370px;padding-left: 24px;text-align: center;}
#login .c{line-height: 24px;width:24px;height:24px;}
#login .c .iconfont{color: #999;font-size: 18px!important;}
#login .c .iconfont:hover{color: #ccc;}
#login .b{padding:8px;height: 340px;}
#login .b .login-img,#login .b .login-img img,#login .b .login-form{width: 450px;height: 340px;border-radius: 6px;background-color: #1b1b1b;}

#login .title{text-align: center;font-weight: bold;font-size: 16px;height: 35px;margin-top: 22px;}
#login .txt{text-align: center;padding: 8px;line-height: 24px;height: 24px;}
#login .txt.login-mod{padding: 16px 8px;}
#login a {color: #fff;}
#login a:hover {color: #ccc;}
#login .login-form .iconfont{background-color: #eee;border-radius: 100%;font-size: 24px!important;padding: 6px;margin: 4px;text-align: center;}
#login .qrcode{width: 170px;height: 190px;margin: 0 auto;text-align: center;}
#login .qrcode div{width: 170px;height: 170px;padding: 5px;}
#login .qrcode img{width: 160px;height: 160px;padding: 5px;background-color: #fff;}
#login .qrcode .cover{background-color: #000;opacity: 0.5;position: relative;top: -180px;}
#login .qrcode .info{position: relative;color: #fff;font-weight: bold;line-height: 20px;top: -286px;height: 60px!important;}
#login .qrcode .iconfont{color: #666;}
#login .user-login{width: 420px;height: 150px;}
#login .user-login .lable{width: 120px;height: 45px;text-align: right;line-height: 40px;}
#login .user-login .input{width: 220px;height: 45px;padding: 0 10px;}
#login .user-login .button{width: 220px;height: 45px;padding: 0 10px;}
#login .user-login input{width: 220px;height: 14px;line-height: 14px;border-radius: 4px;outline: none;padding: 10px;border: 1px solid #111;background: #444;color: #fff;}
#login .user-login .button input{width: 242px;height: 34px;border: 1px solid #333;background: #333;}
#login .user-login .button:hover input{border: 1px solid #444;background: #444;}

#message {width: 360px; line-height: 32px;padding: 10px;background: #666;margin-top:30px;border-radius: 6px;color: #c9c9c9;}
#message .iconfont{font-size: 14px!important;padding: 0 10px;}

#goods {display:none;width: 660px;height: 100px;padding:5px 0 5px 15px;background: #1b1b1b;border-radius: 6px;color: #fff;line-height: 40px;border: 1px solid #fff;}
#goods .arrow{margin: 0 auto;height: 0px;width: 0px;border-left: 10px solid transparent;border-top: 10px solid #fff;border-right: 10px solid transparent;margin-top: 5px;}
#goods ul{height: 100px;}
#goods ul li{width: 110px;height: 50px;float: left;cursor: default;}