html, body, div, span, h2, h3, p, a, img, dd, dl, dt, li, ol, ul, form, label, table, tr, th, td { margin: 0; padding: 0; }

header, footer, nav, article, section, aside, figure, figcaption, hgroup { display: block; margin: 0; padding: 0; }

body { font: 14px/1.5 Arial, Tahoma, Helvetica, simsun, sans-serif; color: #666666; word-wrap: break-word; word-break: break-all; }

h2, h3 { font-size: 100%; }

a { text-decoration: none; color: #333333; font-size: 16px; }
a:hover { text-decoration: underline; color: #de0000; }
a:active { outline: none; }

li { list-style-type: none; }

img { border: 0 none; vertical-align: top; }

label, button { cursor: pointer; }

.clearfix { *zoom: 1; }
.clearfix:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; font-size: 0; line-height: 0; }

.none { display: none; }

.top { height: 30px; text-align: center; font-size: 14px; line-height: 30px; background: -webkit-linear-gradient(top, #ffea9f, #fdab5d); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffea9f), to(#fdab5d)); display: block; }

.topbar { height: 45px; background: url(../images/skin_mobile_bg.png) repeat-x 0 0; }

header, section, footer { margin: 0 5px; }

header { padding: 0 6px; height: 40px; position: relative; }
header .logo { float: left; padding: 5px 0; }
header .op_area { float: right; }
header h2 { text-align: center; font: bold 16px/40px "\5FAE\8F6F\96C5\9ED1"; text-shadow: 1px 1px 1px white; }

.icon { margin: 4px 0 4px 7px; width: 32px; height: 32px; background: url(../images/skin_mobile.png) no-repeat; display: inline-block; vertical-align: middle; }

a.i_unlogin:link { background-position: 0 0; }
a.i_unlogin:active { background-position: 0 -40px; }
a.i_login:link { background-position: 0 -80px; }
a.i_login:active { background-position: -45px -80px; }
a.i_set:link { background-position: -44px 0; }
a.i_set:active { background-position: -45px -40px; }
a.i_pre { margin-top: 4px; float: left; position: relative; width: 26px; height: 26px; background: url(../images/icon_new.png@12182) 0px -110px no-repeat; background-size: 160px auto; -webkit-background-size: 160px auto; }

.icon_waring { background-position: -180px -120px; }

.icon_edit { width: 20px; height: 20px; background-position: -90px -80px; }

.icon_add { width: 20px; height: 20px; background-position: -180px -80px; }

.icon_star { display: block; width: 24px; height: 24px; background: url(../images/icon_new.png@12182) 0 -61px no-repeat; background-size: 160px auto; -webkit-background-size: 160px auto; }

.btn_pre { position: absolute; left: 0; top: 4px; }

section { margin-bottom: 9px; }

.container { margin: 0 0 9px; background: url(../images/skin_mobile_bg.png) repeat-x 0 -45px; }

.tabcontent { padding: 8px 5px 0; height: 32px; }
.tabcontent a { float: left; margin-bottom: -1px; width: 76px; height: 33px; color: #666666; text-align: center; line-height: 32px; background: url(../images/skin_mobile.png) no-repeat -92px -40px; }
.tabcontent a.line { background: 0 none; }
.tabcontent a.current { color: black; background-position: -90px 0; }

.content { padding: 6px 5px 0; }
.content.imglist a { margin-top: 7px; float: left; width: 25%; line-height: 32px; text-align: center; }

.rbox { border: 1px solid #8ecd80; border-radius: 6px; font-size: 16px; }
.rbox h2 { border-radius: 6px 6px 0 0; padding-left: 10px; height: 29px; font: bold 14px/30px "\5FAE\8F6F\96C5\9ED1"; text-shadow: 1px 1px 1px white; color: #094568; background: -webkit-linear-gradient(top, #eefaeb, #dbebd6); background: -webkit-gradient(linear, 0 0, 0 100%, from(#eefaeb), to(#dbebd6)); border-bottom: 1px solid #e7f5e4; }
.rbox .list { border-radius: 0 0 6px 6px; border-top: 1px solid #b7c7b3; padding: 0 5px; }
.rbox .linklist { padding: 0 20px; border-top: 1px solid #b4bfcb; border-radius: 0 0 6px 6px; background-color: #dcecd8; line-height: 40px; }
.rbox .linklist a { margin-right: 20px; color: #006ad1; display: inline-block; }
.rbox.blue { border-color: #76ade3; }
.rbox.blue h2 { background: -webkit-linear-gradient(top, #ebf2fa, #d6e1eb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebf2fa), to(#d6e1eb)); border-color: #e1eaf2; }
.rbox.blue .list { border-color: #a9b8c7; border-radius: 0; }
.rbox.blue .linklist { background-color: #ebf0f5; }
.rbox.pink { border-color: #e36e82; }
.rbox.pink h2 { background: -webkit-linear-gradient(top, #faf2f4, #ebdde0); background: -webkit-gradient(linear, 0 0, 0 100%, from(#faf2f4), to(#ebdde0)); border-color: #f2ebed; }
.rbox.pink .list { border-color: #d99ea8; }
.rbox.pink .linklist { background-color: #ead9dc; }
.rbox.orange { border-color: #cda700; }
.rbox.orange h2 { background: -webkit-linear-gradient(top, #faf8f0, #ebe8d9); background: -webkit-gradient(linear, 0 0, 0 100%, from(#faf8f0), to(#ebe8d9)); border-color: #f6f4e8; }
.rbox.orange .list { border-color: #cdc495; }
.rbox.orange .linklist { background-color: #e8e6d9; }
.rbox .databox { border-radius: 0 0 6px 6px; border-top: 1px solid #b8c7b4; overflow: hidden; }
.rbox.blue .databox { border-color: #a8b8c7; }

.boxform { border: 2px solid #76ade3; height: 36px; background: -webkit-linear-gradient(top, #ebf2fa, #d8e4f0); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebf2fa), to(#d8e4f0)); }
.boxform .choose { float: left; width: 87px; height: 36px; line-height: 36px; border-right: 1px solid #adc5dc; cursor: pointer; position: relative; }
.boxform .choose_text { display: inline-block; width: 50px; text-align: right; font: bold 16px "\5FAE\8F6F\96C5\9ED1"; text-shadow: 1px 1px 1px white; }
.boxform .choose .beauty { position: absolute; right: 0; top: 36px; display: none; }
.boxform .icon_arrow { margin: 0; width: 16px; height: 12px; background-position: 0 -122px; }
.boxform .inputbox { margin: 0 57px 0 88px; height: 36px; position: relative; background-color: white; }
.boxform .inputbox input { padding: 0; border: 0 none; width: 100%; height: 36px; line-height: 36px; position: absolute; top: 0; }
.boxform .submitbox { float: right; border-left: 1px solid #adc5dc; width: 56px; height: 36px; position: relative; }
.boxform .submitbox input { cursor: pointer; position: absolute; top: 0; width: 56px; height: 36px; border-radius: 0 6px 6px 0; border: 0 none; background: -webkit-linear-gradient(top, #fafcff, #eef4fa); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#eef4fa)); background: url(../images/skin_mobile.png) no-repeat -30px -115px; overflow: hidden; }
.boxform .choose select { cursor: pointer; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 999; }

.list dl { border-bottom: 1px dashed #d9d9d9; font-size: 16px; line-height: 40px; }
.list dl:last-child { border-bottom: 0 none; }
.list dt { float: left; width: 50px; color: #e6e6e6; text-align: center; }
.list dt span { float: right; }
.list dt a { color: #006ad1; }
.list dd { margin-left: 50px; padding-left: 10px; }
.list dd a { margin-right: 20px; display: inline-block; }
.list dd a.spec { color: #f56600; }

.databox table { width: 100%; border-collapse: collapse; }
.databox td { width: 50%; height: 30px; text-align: center; line-height: 30px; border: 1px solid #e0e0e0; border-width: 0 1px 1px 0; color: #333333; background-color: white; }
.databox tr td:last-child { border-right: 0 none; }
.databox td a { display: block; }
.databox tr:last-child td { border-bottom: 0 none; }

.form_area { margin: 10px 15px 121px; }

.field { margin-bottom: 10px; }
.field label { font: 16px/32px "\5FAE\8F6F\96C5\9ED1"; display: block; text-shadow: 1px 1px 1px white; }
.field h3 { font: 16px/32px "\5FAE\8F6F\96C5\9ED1"; display: block; text-shadow: 1px 1px 1px white; font-weight: normal; }
.field input[type=text], .field input[type=password] { text-indent: 10px; width: 100%; height: 36px; font: 16px/36px Arial, "\5FAE\8F6F\96C5\9ED1"; color: #4c4c4c; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 6px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.radio_box label { margin-left: 10px; color: #333333; font-family: simsun; line-height: 36px; display: inline-block; }

.field input[type=radio] { -webkit-appearance: none; width: 15px; height: 15px; margin: 0; cursor: pointer; background: #d2d2d2; -webkit-border-radius: 1em; -webkit-box-sizing: border-box; position: relative; }
.field input[type=radio]:active { border-color: #c6c6c6; background: #ebebeb; }
.field input[type=radio]:checked { background: #3e96d7; }
.field input[type=radio]:checked:after { content: ""; display: block; position: relative; top: 4px; left: 4px; width: 7px; height: 7px; background: white; -webkit-border-radius: 1em; }
.field.city_area { margin-bottom: 0; border-top: 1px solid #f0f0f0; padding-top: 10px; }
.field p { color: gray; height: 36px; line-height: 36px; }
.field .hint_warning { color: #ed6b00; }

.btn_main, .btn_sub { margin: 0; padding: 0; width: 100%; font: bold 16px/36px simsun, sans-serif; color: #0a609c; background: -webkit-linear-gradient(top, #f8fcff, #c8e6fa); background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8fcff), to(#c8e6fa)); border: 1px solid #cbe5f5; border-color: #b6d9ee #aacde3 #8cafc8 #cbe1ee; border-radius: 6px; text-shadow: 1px 1px 1px white; display: block; text-align: center; -webkit-box-shadow: inset 0 1px 1px #f8fcff; box-shadow: inset 0 1px 1px #f8fcff; }

.btn_main:active { background: -webkit-linear-gradient(top, #a7d0eb, #dbeaf6); background: -webkit-gradient(linear, 0 0, 0 100%, from(#a7d0eb), to(#dbeaf6)); border: 1px solid #769db8; border-color: #769db8 #7ba2bc #9fbfd4 #b8cedc; -webkit-box-shadow: inset 0 1px 1px #dfeef8; box-shadow: inset 0 1px 1px #dfeef8; }

.btn_sub { margin: 25px 0 0; color: #666666; font-weight: bold; background: -webkit-linear-gradient(top, #fafafa, #ebebeb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ebebeb)); border: 1px solid #d9d9d9; border-color: #d9d9d9 #cccccc #c5c5c5 #e3e3e3; -webkit-box-shadow: inset 0 1px 1px #fafafa; box-shadow: inset 0 1px 1px #fafafa; }
.btn_sub:active { background: -webkit-linear-gradient(top, #e1e1e1, #f2f2f2); background: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#f2f2f2)); border: 1px solid #bababa; border-color: #bababa #cacaca #d8d8d8 #e0e0e0; -webkit-box-shadow: inset 0 1px 1px #efefef; box-shadow: inset 0 1px 1px #efefef; }

a.sub { width: 80px; height: 36px; line-height: 36px; font-size: 16px; color: #666666; font-weight: bold; text-shadow: 1px 1px 1px white; background: -webkit-linear-gradient(top, #fafafa, #ebebeb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ebebeb)); border: 1px solid #d9d9d9; border-color: #d9d9d9 #cccccc #c5c5c5 #e3e3e3; -webkit-box-shadow: inset 0 1px 1px #fafafa; box-shadow: inset 0 1px 1px #fafafa; border-radius: 6px; display: inline-block; text-align: center; }
a.sub:active { background: -webkit-linear-gradient(top, #e1e1e1, #f2f2f2); background: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#f2f2f2)); border: 1px solid #bababa; border-color: #bababa #cacaca #d8d8d8 #e0e0e0; -webkit-box-shadow: inset 0 1px 1px #efefef; box-shadow: inset 0 1px 1px #efefef; }

.form_ps { margin: 31px 0 0; padding-top: 22px; text-align: center; color: #333333; border-top: 1px solid #f0f0f0; }
.form_ps a { margin-left: 18px; }

.content.fav { margin: 0 20px; }
.content.fav .hint { margin: 23px 0; font-size: 16px; color: #333333; }

.logout_content { margin: 0 20px 151px; }
.logout_content .icon { margin: 0 0 0 15px; }
.logout_content p { margin: 40px 0; line-height: 32px; }

.navlist { padding: 6px 0 0; }
.navlist li { position: relative; }
.navlist a { padding: 0 12px 0 14px; font-size: 16px; height: 40px; line-height: 40px; background: -webkit-linear-gradient(top, #fafafa, #f0f0f0); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f0f0f0)); border-bottom: 1px solid #e0e0e0; display: block; }
.navlist a:active { border-bottom: 1px solid #cccccc; background: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6); background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#e6e6e6)); }
.navlist .icon_edit, .navlist .icon_star { position: absolute; top: 6px; right: 10px; cursor: pointer; }
.navlist .icon_edit_active { background-position: -90px -120px; }
.navlist a:active .icon_add { background-position: -226px -80px; }
.navlist .icon_add { margin: -4px 7px 0 0; }
.navlist a:first-child { border-top: 1px solid #e0e0e0; }
.navlist a.last { color: gray; text-align: center; }
.navlist a.last:active { color: #4c4c4c; }

.classify { margin: 0; }
.classify p { margin: 12px 10px; padding-left: 11px; border: 1px solid #f2d09d; background-color: #fffae3; color: #ed6b00; line-height: 30px; border-radius: 6px; }

.navlist .icon_star_checked { background: url(../images/icon_new.png@12182) -37px -61px no-repeat; background-size: 160px auto; -webkit-background-size: 160px auto; }

.classify .navlist a { padding: 0 17px 0 19px; }

footer { margin-top: 12px; padding-bottom: 20px; text-align: center; font-size: 14px; }
footer nav { margin: 0 auto; color: #b3b3b3; line-height: 26px; }
footer nav a { margin: 0 5px; font-size: 14px; }
footer .copyright { color: gray; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .form_area { margin: 10px 5px 121px; }
  .field input[type=text], .field input[type=password] { width: 94%; } }

/*HOO*/
li
{
    -webkit-box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

ul
{
    margin: 0px 6px 10px 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4);
    -webkit-border-radius: 5px;
    z-index: 1;
}

ul > li
{
    background: #f6f6f6;
    border-top: #abb1af 1px solid;
    border-bottom: #fff 1px solid;
}

ul > li:hover
{
    background: #fdfdfd;
}
ul > li > a
{
    padding: 10px 10px 7px 10px;
    background: url(n.png) no-repeat right center;
    color: #222;
}
ul > li a:hover b
{
    color: #ff6600;
}
ul > li:last-child
{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
       
page {
padding: 12px 12px 10px 12px;
}

 li.page
{
    padding: 12px 12px 10px 12px;
}

li.page label
{
    float: right;
    width: 48%;
    border: #bbb 1px solid;
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -webkit-border-radius: 6px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fdfdfd),to(#eee));
    font-weight: bold;
    height: 36px;
    overflow: hidden;
    cursor: pointer;

}

 li.page label:first-child
{
    float: left;
}
 li.page label:hover, .nrpage label:hover
{
    background: -webkit-gradient(linear,0 0,0 100%,from(white),to(#F8F8F8));
}
 li.page label a
{
    line-height: 38px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    background: transparent;

    width: 100%;
    height: 100%;
    color: #000;
		display:block;
}

.pl a
{   
	padding:9px; 
    width: 95%;
	display:block;
}