﻿* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;}
body {margin:0;font-size:12px;color:#333333;background:#FFFFFF;}
form,input,select,textarea,td,th {font-size:12px;}
input,textarea,select {padding:6px;}
img {border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
a:link,a:visited,a:active {color:#333333;text-decoration:none;}
a:hover {color:#FF3300;}

a.w:link,a.w:visited,a.w:active {color:#FFFFFF;text-decoration:none;}
a.w:hover {color:#F4F3F2;}
a.b:link,a.b:visited,a.b:active {color:#007AFF;text-decoration:none;}
a.b:hover {color:#FF3300;}
a.g:link,a.g:visited,a.g:active {color:#666666;text-decoration:none;}
a.g:hover {color:#FF6600;}

.m {margin:auto;width:1200px;background:#FFFFFF;clear:both;}
.m0 {width:100%;background:#F2F2F2;}
.m0 .m {background:#F2F2F2;}
.m1 {background:url('404.png') repeat-y 960px 0;}
.m1l {width:940px;float:left;}
.m1r {width:239px;float:right;}
.m2 {background:url('404.png') repeat-y 960px 0;}
.m2l {width:940px;float:left;}
.m2r {width:219px;float:right;}
.m3 {background:url('404.png') repeat-y 880px 0;}
.m3l {width:860px;float:left;}
.m3r {width:299px;float:right;}

.head {background:#F8F8F8;width:100%;height:32px;border-bottom:#E5E5E5 1px solid;position:fixed;z-index:9;left:0;}
.head_m {margin:auto;width:1200px;padding:7px 0 0 0;color:#666666;}
.head_s {height:31px;}
.head_t strong{color:#FF0000;font-weight:normal;}
.head_l li {float:left;margin:0 10px 0 0;}
.head_r {float:right;}
.head_r img {position:relative;margin:-2px 6px 0 0;}
.h_location {background:url('404.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_fav {background:url('404.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_mobile {background:url('404.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_cart {background:url('404.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_qrcode {background:url('404.png') no-repeat 0 center;padding:0 6px 0 20px;}

.logo {width:220px;height:80px;overflow:hidden;}
.logo img {margin:10px 0 0 0;height:60px;}
.head_search_kw {width:455px;margin:30px 0 0 15px;height:20px;line-height:20px;overflow:hidden;}
.head_search {float:left;width:510px;height:32px;background:url('../image/head_search.png') no-repeat;margin-top:25px;}
.head_search:hover {background:url('../image/head_search.png') no-repeat 0 -32px;}
.head_search div {clear:both;padding:4px 0 0 25px;}
.search_i {width:320px;font-size:14px;height:20px;line-height:20px;padding:2px 0 0 0;color:#666666;background:url('../image/spacer.gif');border:none;}
.search_m {width:60px;cursor:default;padding:2px 25px 0 10px;font-size:14px;height:20px;line-height:20px;color:#666666;background:url('../image/spacer.gif');border:none;}
.search_s {width:70px;height:25px;background:url('../image/spacer.gif');border:none;padding:0;margin:0;cursor:pointer;}
.search_i:focus,.search_s:focus{outline:none;}
#search_module {z-index:1000;position:absolute;width:95px;overflow:hidden;margin:56px 0 0 565px;font-size:14px;line-height:26px;color:#666666;background:#FFFFFF;border:#CCCCCC 1px solid;border-top:none;cursor:pointer;}
#search_module li {padding:0 10px;color:#666666;}
#search_module li:hover {color:#FF6600;}
#search_tips {z-index:1000;position:absolute;width:340px;overflow:hidden;cursor:pointer;margin:56px 0 0 220px;font-size:13px;line-height:20px;color:#666666;background:#FFFFFF;border:#444444 1px solid;}
#search_tips div {height:20px;padding:1px 8px 1px 8px;clear:both;overflow:hidden;}
#search_tips div span {float:right;font-size:12px;}
#search_tips label {display:block;width:100%;background:#FAFAFA;font-size:12px;color:#0000CC;text-align:right;}
.search_t_div_1 {color:#333333;}
.search_t_div_1 span {color:#008000;}
.search_t_div_2 {background:#3366CC;color:#FFFFFF;}
.search_t_div_2 span {color:#FFFFFF;}


.menu {height:42px;line-height:42px;background:#2587F4;letter-spacing:1px;font-size:16px;overflow:hidden;}
.menu li {float:left;}
.menu .menuon {background:#0072C6;margin-left:-2px;}
.menu a:link,.menu a:visited,.menu a:active {display:block;height:42px;color:#FFFFFF;padding:0 12px;}
.menu a:hover {background:#0072C6;}

.foot {color:#666666;text-align:center;line-height:32px;padding:10px 0 10px 0;}
.foot_page {background:#EEEEEE;padding:0 10px;text-align:center;height:48px;line-height:48px;overflow:hidden;color:#666666;}


.m_l {width:880px;}
.m_r {width:300px;}
.m_n {width:20px;}
.m_l_1 {width:1000px;}
.m_r_1 {width:180px;}

.left_box {border:#DDDDDD 1px solid;}
.left_head {border-bottom:#DDDDDD 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;}
.left_head strong {font-size:16px;}
.left_head em {font-style:normal;color:#666666;}


.box_head {border-bottom:#DDDDDD 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;}
.box_head strong {font-size:14px;display:block;}
.box_head em {font-style:normal;color:#666666;}

.box_body {padding:10px;}
.box_body li {height:32px;line-height:32px;overflow:hidden;}

.tab_head {border:#DDDDDD 1px solid;border-bottom:none;height:31px;line-height:31px;font-size:14px;overflow:hidden;background:#EEEEEE;font-weight:bold;}
.tab_1 {float:left;padding:0 15px 0 15px;border-right:#DDDDDD 1px solid;cursor:pointer;font-weight:normal;}
.tab_2 {float:left;padding:0 15px 0 15px;border-right:#DDDDDD 1px solid;cursor:pointer;background:#FFFFFF;}
.tab_1_1 {border-bottom:#DDDDDD 1px solid;cursor:pointer;}
.tab_1_2 {border:#DDDDDD 1px solid;border-bottom:none;cursor:pointer;font-weight:bold;}

.tab_head_2 {height:27px;background:#EEEEEE;border-left:#DDDDDD 1px solid;border-right:#DDDDDD 1px solid;text-align:center;padding-left:12px;}
.tab_2_1 {float:left;width:80px;height:27px;line-height:31px;overflow:hidden;background:url('../image/tab_2_1.gif') no-repeat 6px right;cursor:pointer;}
.tab_2_1 span {color:#333333;}
.tab_body_2 {border:#DDDDDD 1px solid;border-top:none;}

.li_dot li {background:url('../image/li_dot.gif') no-repeat 5px 10px;padding:0 10px 0 12px;}

.pages {padding:24px 0;text-align:center;font-size:12px;color:#666666;clear:both;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:6px;text-decoration:none;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:6px;text-decoration:none;}
.pages strong {background:#258CFF;padding:6px;border:#258CFF 1px solid;color:#FFFFFF;}
.pages_inp {width:32px;border:#DDDDDD 1px solid;color:#666666;padding:4px;text-align:center;}
.pages_btn {width:32px;border:#FF6600 1px solid;color:#FFFFFF;padding:4px 6px;background:#FF6600;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:6px 6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}

.tb {width:100%;}
.tb th {background:#EEEEEE;}
.tb td {border-bottom:#DDDDDD 1px solid;}
.tb tr:hover {background:#F3F3F3;}

.tf {width:100%;}
.tf td {border-top:#F0F0F0 1px solid;}
.tf tr:hover {background:#F4F4F4;}
.tf .tl {width:100px;text-align:right;}
.btns {padding:20px 20px 20px 150px;}
.thumb {padding:6px 0;}
.thumb img {border:#DDDDDD 1px solid;padding:2px;}
.thumb li {height:22px;line-height:22px;overflow:hidden;}
.thumbml ul {margin:10px 0 15px 0;}
.imb img {border:#DDDDDD 1px solid;padding:3px;}

#mid_pos {position:absolute;}
#mid_div {width:320px;height:240px;cursor:crosshair;padding:6px;border:#CCCCCC 1px solid;background:#F3F3F3;}
#zoomer {border:#333333 1px solid;width:120px;height:90px;background:#FFFFFF url('../image/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:400px;height:300px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.ab_im {padding:2px;margin:10px 0 10px 32px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:10px 0 10px 32px;border:#FF6600 1px solid;background:#FF6600;}

.adword table {background:url('../image/adword_bg.gif') repeat-x 0 bottom;}
.adword_tip {color:#FF1100;border-bottom:#DDDDDD 1px solid;padding:8px 10px 8px 28px;background:url('../image/arrow_up.gif') no-repeat 10px 8px;}
.sponsor {margin-bottom:10px;}

.f_l {float:left;}
.f_r {float:right;}
.t_l {text-align:left;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_dblue {color:#007AFF;}
.f_price {font-weight:bold;font-family:Arial;color:#FF0000;}
.px12 {font-size:12px;}
.px14 {font-size:14px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.bd-t {border-top:#DDDDDD 1px solid;}
.bd-b {border-bottom:#DDDDDD 1px solid;}

.b10 {height:10px;}
.b16 {height:16px;}
.b20 {height:20px;}
.b24 {height:24px;}
.b32 {height:32px;}
.pd3 {padding:3px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.lh18 {line-height:180%;}
.ls1 {letter-spacing:1px;}
.c_p {cursor:pointer;}
.c_b {clear:both;}
.o_h {overflow:hidden;}
.dsn {display:none;}
.absm {vertical-align:middle;}

.btn_s {background:#2388FA;color:#FFFFFF;border:none;padding:2px;letter-spacing:1px;}
.btn_r {background:#D7D7D7;color:#666666;border:none;padding:2px;letter-spacing:1px;}
.bd {border:#CAD9EA 1px solid;}
.highlight {color:red;}
.jt {color:#003278;cursor:pointer;}
.np {padding:20px 30px 20px 50px;line-height:25px;}
.lazy {background:#FAFAFA url('../image/loading.gif') no-repeat center center;}
.slide {background:#FAFAFA;overflow:hidden;}

.btn,.btn-green,.btn-blue,.btn-red {color:#FFFFFF;font-size:14px;width:100px;line-height:32px;border:none;border-radius:4px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;}
.btn{background:#FFFFFF;border:#DDDDDD 1px solid;color:#333333;}
.btn:hover{background:#D9D9D9;border:#CDCDCD 1px solid;}
.btn-green{background:#1AAD19;border:#18A117 1px solid;color:#FFFFFF;}
.btn-green:hover{background:#179B16;border:#159014 1px solid;}
.btn-blue{background:#007AFF;border:#1E74D0 1px solid;color:#FFFFFF;}
.btn-blue:hover{background:#0569D5;}
.btn-red{background:#F8F8F8;border:#C6C6C6 1px solid;}
.btn-red:hover{background:#CE3C39;border:#BF3835 1px solid;color:#FFFFFF;}


.pos {padding:0 16px;height:36px;line-height:36px;background:#EEEEEE;}
.nav {padding:0 10px 20px 32px;height:24px;line-height:24px;background:url('404.png') no-repeat 10px 3px;font-size:14px;}
.nav div {float:right;}
.nav i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}


.title {height:48px;line-height:48px;text-align:center;font-weight:bold;font-size:22px;padding:0;margin:0;}
.title_trade {font-weight:bold;font-size:22px;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:#DDDDDD 1px solid;}
.info {padding:16px;background:#F2F2F2;}
.introduce {margin:20px 0;padding:20px;line-height:180%;font-size:16px;background:#F2F2F2;border-left:#DDDDDD 2px solid;}
.content {font-size:16px;line-height:200%;padding:16px;}
.content p {text-indent:2em;}
.content a:link,.content a:visited,.content a:active {color:#225588;text-decoration:underline;}
.content a:hover {color:#FF6600;text-decoration:none;}
.property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:10px;margin:0 10px 0 10px;}
.property li {float:left;width:30%;height:22px;line-height:22px;overflow:hidden;}
.detail {background:url('../image/arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;}
.related {padding:10px 16px;line-height:32px;}
.related a {font-size:14px;}
.keylink {font-weight:normal;padding:0 3px 0 3px;}
.share {width:20px;height:20px;cursor:pointer;}
.share:hover {width:24px;height:24px;}
.award {padding:32px;text-align:center;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;cursor:pointer;}
.award div:hover {background:#E94657;color:#FFFFFF;}
#comment_main div {height:100px;background:url('../image/loading.gif') no-repeat center center;}


.fsearch {padding:5px 0 10px 15px;margin:1px 1px 0 1px;background:#F5FAFE url('../image/fsearch_bg.gif') repeat-x;;}
.sch {padding:15px 20px 5px 20px;margin-bottom:10px;}
.sch p {padding:10px 10px 10px 10px;font-size:13px;margin:0;}
.sch_find {border-top:#DDDDDD 1px solid;border-bottom:#EEEEEE 1px solid;margin:5px 0 5px 0;padding:5px 0 5px 5px;font-weight:bold;}
.sch_site li {background:url('../image/ico_search.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;}
.sch_relate li {background:url('../image/arrow_up.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;}
.rank_list {background:url('../image/rank_list.gif') no-repeat;}
.rank_list li {height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 35px;}
.ppt {padding:1px 15px 1px 35px;line-height:25px;}
.ppt_l {width:60px;font-weight:bold;}
.ppt_r {color:#DFDFDF;}
.ppt span {padding:1px;background:#2E6AB1;border:#1D589E 1px solid;color:#FFFFFF;}

.category {padding:10px 20px 5px 15px;}
.category p {padding:5px 0 5px 0;margin:0;}
.category div {padding:0 20px 0 20px;}

.about {border:#2786C6 1px solid;background:#F2F2F2;padding:8px;margin:15px 15px 0 15px;}
.about li {padding:5px 0 5px 5px;}
.about li span {display:block;width:100px;float:left;color:#1B4C7A;}

.contact_head {height:44px;line-height:44px;border:#DDDDDD 1px solid;border-bottom:none;border-top:#007AFF 2px solid;background:#EEEEEE;padding:0 16px;font-weight:bold;font-size:16px;}
.contact_body {padding:10px;border:#DDDDDD 1px solid;border-top:none;margin-bottom:16px;}
.contact_body li {line-height:24px;border-bottom:#E2E2E2 1px solid;padding:6px 10px;}
.contact_body li span {color:#1B4C7A;padding:0 8px 0 0;}

.type {height:31px;line-height:31px;overflow:hidden;border-top:#DDDDDD 1px solid;background:#EEEEEE;padding-left:35px;}
a.type_1:link,a.type_1:visited,a.type_1:active,a.type_1:hover {float:left;display:block;padding:0 15px 0 15px;background:#FFFFFF;color:#000000;font-weight:bold;}
a.type_2:link,a.type_2:visited,a.type_2:active {float:left;display:block;padding:0 15px 0 15px;border-right:#E2F0FB 1px solid;}
a.type_2:hover {background:#258CFF;color:#FFFFFF;}
.img_tip {width:200px;z-index:1000;position:absolute;padding:5px;border:#DDDDDD 1px solid;background:#FFFFFF;}
.vote {padding:10px;}
.vote div {font-weight:bold;}
.vote li {padding:3px 0 3px 0;}
.vote p {margin:5px 0 5px 0;}

.sort {line-height:48px;border-bottom:#DDDDDD 1px solid;font-size:14px;}
.sort-k {width:80px;padding-left:10px;font-weight:bold;float:left;overflow:hidden;}
.sort-v {width:850px;float:left;}
.sort-v li {float:left;padding:0 10px;}
.sort-v .on {background:#EEEEEE;}
.sort-v i {font-style:normal;padding-left:2px;color:#999999;font-size:12px;}
.sort-v b {padding:0 20px;}
.sort-v input, .sort-v select {padding:4px;}
.sort-v .btn-blue, .sort-v .btn {padding:0;line-height:28px;width:80px;margin-right:20px;}

.list {line-height:180%;}
.list:hover {background:#F2F2F2;}
.list div img {border:#DDDDDD 1px solid;}
.list table {width:100%;border-bottom:#DDDDDD 1px solid;}
.list td {padding:10px 0 10px 0;}
.list h3 {font-size:14px;margin:0px;height:22px;overflow:hidden;}

.user-info {height:64px;padding:20px;background:#EEEEEE;border-radius:10px;}
.user-info img {width:64px;height:64px;border-radius:50%;float:left;margin-right:20px;}
.user-info ul {float:right;width:175px;margin-top:4px;}
.user-info li {height:28px;line-height:28px;overflow:hidden;}
.user-info strong {font-size:16px;}
.user-info em {font-size:14px;font-style:normal;float:right;}
.user-info i {font-style:normal;color:#999999;padding:0 6px;}

.head-txt {padding:0 6px 10px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:20px;clear:both;}
.head-txt strong {font-size:18px;}
.head-txt span {float:right;font-size:14px;color:#999999;}
.head-txt i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}

.head-sub {padding:0 6px 10px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:10px;clear:both;}
.head-sub strong {font-size:16px;}
.head-sub span {float:right;font-size:14px;color:#999999;}
.head-sub i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}

.list-thumb {text-align:center;}
.list-thumb img {border:#DDDDDD 1px solid;padding:2px;}
.list-thumb li {height:32px;line-height:32px;overflow:hidden;}

.list-img ul {margin:6px 24px 24px 0;}
.list-img li {height:24px;line-height:24px;overflow:hidden;font-size:14px;}
.list-img em {font-size:12px;font-style:normal;color:#999999;}
.list-img i {font-size:12px;font-style:normal;color:#999999;float:right;padding-right:6px;}

.list0 {width:1224px;}
.list0:after {content:"";display:block;clear:both;}
.list0 div {width:204px;float:left;}
.list0 img:hover {border-left:#FFFFFF 1px solid;}

.list1 {width:960px;}
.list1:after {content:"";display:block;clear:both;}
.list1 div {width:192px;float:left;}
.list1 img:hover {border-left:#FFFFFF 1px solid;}

.list-txt {padding:0 0 20px 0;}
.list-txt li {height:32px;line-height:32px;overflow:hidden;font-size:14px;background:url('../image/li_dot.gif') no-repeat 6px center;padding:0 16px 0 16px;}
.list-txt .f_r {font-size:12px;color:#666666;}

.list-rank {padding:0 0 24px 0;}
.list-rank li {height:32px;line-height:32px;font-size:14px;padding:0 6px;overflow:hidden;}
.list-rank .f_r {float:right;font-size:12px;color:#666666;padding-left:10px;}
.list-rank em {font-size:26px;font-style:normal;color:#F34540;padding-right:10px;font-family:Georgia;}
.list-rank i {font-size:18px;font-style:normal;color:#999999;padding-right:14px;font-family:Georgia;}

.list-cate {}
.list-cate:after {content:"";display:block;clear:both;}
.list-cate td {width:410px;font-size:14px;padding:10px 10px 20px 10px;}
.list-cate td:hover {background:#EEEEEE;}
.list-cate p {margin:0 0 10px 0;}
.list-cate li {float:left;line-height:32px;}
.list-cate em {font-style:normal;color:#DDDDDD;padding:0 10px;}
.list-cate i {font-style:normal;color:#DDDDDD;padding:0 10px;}

.list-cate2 {padding:0 0 20px 0;}
.list-cate2:after {content:"";display:block;clear:both;}
.list-cate2 li {width:116px;padding:0 16px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.list-cate2 li:hover {background:#EEEEEE;}
.list-cate2 i {font-size:12px;font-style:normal;color:#666666;padding-left:6px;}

.list-area {width:880px;}
.list-area:after {content:"";display:block;clear:both;}
.list-area li {width:103px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;border:#DDDDDD 1px solid;margin:0 20px 20px 0;}
.list-area li:hover {border:#FF6600 1px solid;}

.list-area4 {padding:0 0 20px 0;}
.list-area4:after {content:"";display:block;clear:both;}
.list-area4 li {width:25%;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;}
.list-area4 li:hover {background:#EEEEEE;}

.tab-head {}
.tab-head ul {border-bottom:#DDDDDD 1px solid;height:32px;padding-left:16px;}
.tab-head li {border-bottom:#DDDDDD 1px solid;display:inline-block;height:32px;line-height:32px;margin-right:16px;float:left;font-size:14px;}
.tab-head .on {border-bottom:#007AFF 3px solid;height:30px;line-height:32px;}
.tab-head .on span {color:#007AFF;}

#msgs{z-index:1000;position:absolute;width:150px;    margin: auto;position: absolute; top: 0; left: 0; right: 0; bottom: 0;background:#333333;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
.login-show {width:400px;min-height:200px;float:left;}
.login-main {width:342px;background:#FFFFFF;margin:0 28px;border-radius:10px;float:left;}
.login-head {height:50px;overflow:hidden;}
.login-head ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.login-head li {float:left;width:114px;height:48px;line-height:48px;text-align:center;font-size:16px;border-bottom:#E5E5E5 2px solid;}
.login-head a {display:block;width:114px;height:48px;}
.login-head li:hover {border-bottom:#666666 2px solid;}
.login-head .on,.login-head .on:hover {border-bottom:#2587F4 2px solid;font-weight:bold;}
.login-body {padding-bottom:20px;}
.login-body div {padding:20px 20px 0 20px;font-size:14px;}
.login-oauth {border-top:#E5E5E5 1px solid;text-align:center;margin-top:20px;}
.login-oauth img {width:24px;height:24px;padding:8px;}
.login-oauth img:hover {background:#E5E5E5;}
.login-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 10px 10px 30px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.input-captcha {background:url('../image/input-captcha.png') no-repeat 8px center;width:100px;}
.input-question {background:url('../image/input-question.png') no-repeat 8px center;width:260px;}
.input-user {background:url('../image/input-username.png') no-repeat 8px center;width:260px;}
.input-pass {background:url('../image/input-password.png') no-repeat 8px center;width:260px;}
.input-mob {background:url('../image/input-mobile.png') no-repeat 8px center;width:260px;}
.input-mail {background:url('../image/input-mail.png') no-repeat 8px center;width:260px;}
.input-text {background:url('../image/input-text.png') no-repeat 8px center;width:260px;}
.input-code {background:url('../image/input-password.png') no-repeat 8px center;width:100px;}

.reg-main {height:30px;margin:0 auto;}
.reg-step ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.reg-step li {display:inline;float:left;width:240px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;border-bottom:#E5E5E5 2px solid;color:#9999B2;}
.reg-step li i {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('../image/reg-step.png') no-repeat 0 0;display:inline-block;margin:12px 6px 0 0;font-style:normal;font-size:14px;}
.reg-step li b {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('../image/reg-step.png') no-repeat 0 -48px;display:inline-block;margin:12px 6px 0 0;font-size:14px;}
.reg-step .on {border-bottom:#2587F4 2px solid;color:#2587F4;color:#333333;}
.reg-step .on i {background:url('../image/reg-step.png') no-repeat 0 -24px;}
.reg-step .on b {background:url('../image/reg-step.png') no-repeat 0 -72px;}
.reg-tb {margin:0 auto;}
.reg-tb td {padding:10px;font-size:14px;}
.reg-tb .tl {width:120px;text-align:right;}
.reg-tb .tr {width:330px;}
.reg-inp {width:280px;padding:10px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.reg-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.tips {position:absolute;z-index:100;width:300px;background:url('404.png') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('404.png') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px;}

:root .dui-dialog-container{background-image:none;filter:none}
:root .dui-dialog>.ft{width:100%;opacity:1;-webkit-transition:max-height .2s,opacity .2s .1s;transition:max-height .2s,opacity .2s .1s;overflow:hidden;text-align:right;}
:root .dui-dialog>.ft:empty{max-height:0;opacity:0}
.dui-dialog-container *{vertical-align:baseline;-webkit-font-smoothing:antialiased;word-break:break-word;box-sizing:border-box;margin:0px;padding:0px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;}
.dui-dialog-container .dui-btn{display:inline-block;line-height:20px;font-size:14px;text-align:center;color:#4c5161;border:1px solid #d0d0d5;border-radius:4px;padding:9px 15px;min-width:50px;background-color:#fff;background-repeat:no-repeat;background-position:center;text-decoration:none;-webkit-transition:border-color .15s,background-color .15s,opacity .15s;transition:border-color .15s,background-color .15s,opacity .15s;cursor:pointer;overflow:visible;}
.dui-dialog-container .dui-btn:hover{color:#4c5161;border-color:#ababaf;text-decoration:none}
.dui-dialog-container .dui-btn:not(.disabled):active,.dui-dialog-container .dui-btn:not(.loading):active{background-color:#f7f9fa}
.dui-dialog-container .dui-btn.disabled:hover,.dui-dialog-container .dui-btn.loading,.dui-dialog-container .dui-btn.loading:hover{color:#4c5161;background-color:#fff;border-color:#d0d0d5;cursor:default}
.dui-dialog-container .dui-btn-primary,.dui-dialog-container .dui-btn-primary.disabled:hover,.dui-dialog-container .dui-btn-primary.loading,.dui-dialog-container .dui-btn-primary.loading:hover{border:1px solid #2486ff;background-color:#2486ff;color:#fff}
.dui-dialog-container .dui-btn-primary:hover{background-color:#0160d5;border-color:#0160d5;color:#fff}
.dui-dialog-container .dui-btn-primary:not(.disabled):active,.dui-dialog-container .dui-btn-primary:not(.loading):active{background-color:#0057c3;border-color:#0057c3}
.dui-dialog-container .dui-btn-success,.dui-dialog-container .dui-btn-success.disabled,.dui-dialog-container .dui-btn-success.disabled:hover,.dui-btn-success.loading,.dui-btn-success.loading:hover{border:1px solid #01cf97;background-color:#01cf97;color:#fff}
.dui-dialog-container .dui-btn-success:hover{background-color:#00dba2;border-color:#00dba2;color:#fff}
.dui-dialog-container .dui-btn-success:not(.disabled):active,.dui-dialog-container .dui-btn-success:not(.loading):active{background-color:#00bf8e;border-color:#00bf8e}
.dui-dialog-container .dui-btn-warning,.dui-dialog-container .dui-btn-warning.disabled,.dui-dialog-container .dui-btn-warning.disabled:hover,.dui-dialog-container .dui-btn-warning.loading,.dui-dialog-container .dui-btn-warning.loading:hover{border:1px solid #f4615c;background-color:#f4615c;color:#fff}
.dui-dialog-container .dui-btn-warning:hover,button.dui-btn-warning:focus,input.dui-btn-warning:focus{background-color:#ff7772;border-color:#ff7772;color:#fff}
.dui-dialog-container .dui-btn-warning:not(.disabled):active,.dui-dialog-container .dui-btn-warning:not(.loading):active{background-color:#dc5652;border-color:#dc5652}
.dui-dialog-container{display:none;position:fixed;left:0;top:0;right:0;bottom:0;height:100%;width:100%;padding:0;background-color:rgba(0,0,0,.28);background-image:url(about:blank);text-align:center;color:#4c5161;font-size:14px;overflow:auto;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191c22,endcolorstr=#CC191c22);z-index:9999;}
.dui-dialog-container.show{display:block;}
.dui-dialog-container.show-mask{background-color:rgba(25,28,34,.68);}
.dui-dialog-animation{-webkit-animation:fadeIn .2s both;animation:fadeIn .2s both}
.dui-dialog-container+.dui-dialog-container{-webkit-transition:background-color .2s;transition:background-color .2s;background-color:transparent;filter:none}
.dui-dialog-after,.dui-dialog-container:after{content:'';display:inline-block;width:0;height:90%;vertical-align:middle}
.dui-dialog{display:inline-block;*display:inline;*zoom:1;margin-top:20px;margin-bottom:30px;text-align:left;min-width:450px;max-width:80%;border-radius:12px;background-color:#fff;vertical-align:middle;outline:0;position:relative}
.dui-dialog-animation .dui-dialog{-webkit-animation:tinydown .25s;animation:tinydown .25s}
.dui-dialog>.hd{width:100%;line-height:30px;padding:15px 50px 0 25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;position:relative;}
.dui-dialog>.hd .tit{font-weight:700;font-size:14px;color:#4c5161;}
.dui-dialog>.hd .close{display:block;width:30px;height:30px;position:absolute;right:10px;top:10px;cursor:pointer;z-index:2;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik01NDYuOTQyIDUxMS44MTlMODc0LjQgMTg1LjY4OWM5LjYxNy05LjU3NyA5LjY0OC0yNS4xMzUuMDctMzQuNzUtOS41NzctOS42MTgtMjUuMTM3LTkuNjQ4LTM0Ljc1LS4wNzJsLTMyNy42IDMyNi4yNy0zMjcuNTk4LTMyNi4yNjljLTkuNjE3LTkuNTc3LTI1LjE3Ny05LjU0NS0zNC43NTIuMDcxLTkuNTc4IDkuNjE2LTkuNTQ2IDI1LjE3NC4wNyAzNC43NTJsMzI3LjQ1OCAzMjYuMTI4TDE0OS44NCA4MzcuOTQ4Yy05LjYxNiA5LjU3Ny05LjY0NyAyNS4xMzUtLjA3IDM0Ljc1MWEyNC40OTYgMjQuNDk2IDAgMCAwIDE3LjQxMSA3LjIzMiAyNC41IDI0LjUgMCAwIDAgMTcuMzQtNy4xNjJsMzI3LjYtMzI2LjI3IDMyNy42IDMyNi4yN2EyNC40OTIgMjQuNDkyIDAgMCAwIDE3LjM0IDcuMTYyIDI0LjUwMyAyNC41MDMgMCAwIDAgMTcuNDEtNy4yMzJjOS41NzgtOS42MTcgOS41NDYtMjUuMTc1LS4wNy0zNC43NTFsLTMyNy40NTgtMzI2LjEzeiIgZmlsbD0iIzhhOGE4YSIvPjwvc3ZnPg==) no-repeat 50%/80%;}
.dui-dialog>.bd{min-height:60px;padding:10px 25px 20px;}
.dui-dialog>.bd:after{content:'';display:table;clear:both;}
.dui-dialog-primary,.dui-dialog-success,.dui-dialog-warning{max-width:365px;min-height:40px;padding:40px 0 20px 60px;background-repeat:no-repeat;background-position:0 30px;background-size:40px 40px;font-size:16px;word-wrap:break-word;overflow:hidden;}
.dui-dialog-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI0MDAiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj4NCjxwYXRoIGZpbGw9IiNGNDYxNUMiIGQ9Ik00MDAuNSwyMDAuNWMwLDExMC40NTctODkuNTQyLDE5OS45OTktMTk5Ljk5OSwxOTkuOTk5DQoJQzkwLjA0Myw0MDAuNDk5LDAuNSwzMTAuOTU3LDAuNSwyMDAuNSBNMC41LDIwMC41YzAtMTEwLjQ1OCw4OS41NDMtMjAwLDIwMC4wMDEtMjAwYzExMC40NTcsMCwxOTkuOTk5LDg5LjU0MiwxOTkuOTk5LDIwMCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5NS41MDMsMTAwLjUwM2gxMGMyLjc2MSwwLDUsMi4yMzksNSw1djE1MGMwLDIuNzYxLTIuMjM5LDUtNSw1DQoJaC0xMGMtMi43NjEsMC01LTIuMjM5LTUtNXYtMTUwQzE5MC41MDMsMTAyLjc0MiwxOTIuNzQyLDEwMC41MDMsMTk1LjUwMywxMDAuNTAzeiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5NS41MDMsMjgwLjUwMmgxMGMyLjc2MSwwLDUsMi4yMzgsNSw0Ljk5OXYyMC4wMDINCgljMCwyLjc2MS0yLjIzOSw1LTUsNWgtMTBjLTIuNzYxLDAtNS0yLjIzOS01LTV2LTIwLjAwMkMxOTAuNTAzLDI4Mi43NCwxOTIuNzQyLDI4MC41MDIsMTk1LjUwMywyODAuNTAyeiIvPg0KPC9zdmc+DQo=);}
.dui-dialog-primary{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI0MDAiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj4NCjxwYXRoIGZpbGw9IiMwMEE1RTAiIGQ9Ik0yMDAuNTAxLDAuNWMxMTAuNDU3LDAsMTk5Ljk5OSw4OS41NDIsMTk5Ljk5OSwyMDANCgljMCwxMTAuNDU3LTg5LjU0MiwxOTkuOTk5LTE5OS45OTksMTk5Ljk5OUM5MC4wNDMsNDAwLjQ5OSwwLjUsMzEwLjk1NywwLjUsMjAwLjVDMC41LDkwLjA0Miw5MC4wNDMsMC41LDIwMC41MDEsMC41eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5NS41MDIsMTUwLjUwM2gxMC4wMDFjMi43NjEsMCw1LDIuMjM4LDUsNC45OTl2MTUwDQoJYzAsMi43NjItMi4yMzksNS01LDVoLTEwLjAwMWMtMi43NjIsMC01LTIuMjM4LTUtNXYtMTUwQzE5MC41MDIsMTUyLjc0MSwxOTIuNzQsMTUwLjUwMywxOTUuNTAyLDE1MC41MDN6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTk1LjUwMiwxMDAuNTAzaDEwLjAwMWMyLjc2MSwwLDUsMi4yMzgsNSw0Ljk5OXYyMC4wMDINCgljMCwyLjc2MS0yLjIzOSw1LTUsNWgtMTAuMDAxYy0yLjc2MiwwLTUtMi4yMzktNS01di0yMC4wMDJDMTkwLjUwMiwxMDIuNzQxLDE5Mi43NCwxMDAuNTAzLDE5NS41MDIsMTAwLjUwM3oiLz4NCjwvc3ZnPg0K);}
.dui-dialog-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI0MDAiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj4NCjxwYXRoIGZpbGw9IiMwMWNmOTciIGQ9Ik00MDAuNSwyMDAuNWMwLDExMC40NTctODkuNTQyLDE5OS45OTktMTk5Ljk5OSwxOTkuOTk5DQoJQzkwLjA0Myw0MDAuNDk5LDAuNSwzMTAuOTU3LDAuNSwyMDAuNSBNMC41LDIwMC41YzAtMTEwLjQ1OCw4OS41NDMtMjAwLDIwMC4wMDEtMjAwYzExMC40NTcsMCwxOTkuOTk5LDg5LjU0MiwxOTkuOTk5LDIwMCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4Ni4zOTgsMTQ3LjEzMmMtMS42NTQtMS4xMzQtMy4zMDYtMi4zOTUtNi44MDEtNC4yOTNjLTQuMjcxLTIuMzM2LTkuMjU5LDIuNjI0LTEyLjM5MSw2LjgxNg0KCWwtNzcuNjQxLDEwMi4yNzlsLTQ3LjkxNi02My41MjJjLTMuMTQ0LTQuMTg4LTQuOTAyLTguNDY4LTEzLjA3My0xLjg1OWMtMy4wOTcsMi4xMjMsMC4yMzQtMC4zNjEtMy45NjksMi44ODENCgljLTMuODg0LDMuMDY0LTQuMTA1LDguNTk4LTAuOTcxLDEyLjc3NGMwLDAsMzguNjQxLDU1LjgxNyw0NS44ODMsNjUuMDc0YzEwLjYyNSwxMy4yMiwyOS45NDQsMTIuNTcsNDAuMDg3LDANCgljNy40ODMtOS40NzMsNzcuNzU3LTEwNy41ODQsNzcuNzU3LTEwNy41ODRDMjkwLjUwMywxNTUuNTA0LDI5MC4yNjEsMTUwLjAwMSwyODYuMzk4LDE0Ny4xMzJ6Ii8+DQo8L3N2Zz4NCg==);}
.dui-dialog>.ft{padding:3px 25px 25px;margin-top:-3px;text-align:right}
.dui-dialog>.ft .tip{width:100%;text-align:center;}
.dui-dialog>.ft .tip>*{color:#999;}
.dui-dialog>.ft .tip a:hover{color:#4285f4}
.dui-dialog>.ft a+a,.dui-dialog>.ft button+button{margin-left:12px;}
@media (max-width:767px){
    .dui-dialog{min-width:350px;}
}
@-webkit-keyframes fadeIn{
	from{opacity:0}
	to{opacity:1}
}
@keyframes fadeIn{
	from{opacity:0}
	to{opacity:1}
}
@-webkit-keyframes tinydown{
	0%,5%{opacity:0;-webkit-transform:translateY(-10px)}
	10%{opacity:1;-webkit-transform:translateY(-10px)}
	to{-webkit-transform:translateY(0)}
}
@keyframes tinydown{
	0%,5%{opacity:0;transform:translateY(-10px)}
	10%{opacity:1;transform:translateY(-10px)}
	to{transform:translateY(0)}
}

.view-page{margin-bottom:0;}
@media (max-min:756px){
	.view-page{max-width:650px;}
}
.view-page .bd{padding:0;}
.view-page .bd>.title{font-size:16px;text-align:center;margin:12px 0;color:#333;font-weight:400;}
.view-page .bd>.content{padding:0 20px;font-size:14px;line-height:1.8;color:#333;overflow-y:auto;overflow-x:hidden;max-height:450px;}
.view-page .bd>.content p{margin:10px 0;color:#666;font-size:14px;}