@charset "utf-8";
/* by Sean Lu 20170227 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #1d50a2; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

.header { height: 50px; overflow: hidden; background: url(../img/topbga.jpg) repeat-x center top; position: relative; border-bottom: 0 solid #dedede; }
.header .logo { width: 50%; margin: 0 auto; height: 46px; overflow: hidden; padding: 2px 0; display: block; }
.header .logo img { display: block; height: 46px; margin: 0 auto; }
.header .amenu { background: url(../img/amenu.png) no-repeat center; display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 10px; opacity: .6; text-indent: -9999px; background-size: auto 100%; }
.header .acart { background: url(../img/acont.png) no-repeat center; display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 10px; opacity: .6; text-indent: -9999px; background-size: auto 100%; }
.header .acart i { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; line-height: 18px; background: #f60; color: #fff; text-indent: 0; text-align: center; font-style: normal; border-radius: 50%; font-size: 10px; }

.slideBox{ position:relative; overflow:hidden; margin:0 auto; border-bottom: 0 solid #dedede; }
.slideBox .hd { position: absolute; bottom: 8px; width: 100%; height: 10px; }
.slideBox .hd ul { width: 100%; text-align: center; }
.slideBox .hd ul li { width: 6px; height: 6px; border-radius: 50%; border: 2px solid #000; margin: 0 3px; display: inline-block; text-indent: -9999px; cursor: pointer; background: #000;opacity: .4; filter: alpha(opacity=40); }
.slideBox .hd ul li.on { background: #fff; }
.slideBox .bd { position:relative; z-index:0; }
.slideBox .bd li { position:relative; text-align:center;  }
.slideBox .bd li img { vertical-align:top; width:100%; }
.slideBox .bd li a { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.search { height: 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; overflow: hidden; }
.searchon { height: 70px; }
.search .sbo { background: url(../img/topbga.jpg) repeat-x center -50px; padding: 20px; border: 0 solid #dedede; height: 30px; }
.search .si { float: left; height: 30px; line-height: 30px; box-sizing: border-box; border: 1px solid #2e486a; background: #4972a8; padding: 0 10px; width: 80%; color: #fff; }
.search .si::-webkit-input-placeholder { color: #fff; }
.search .sb { float: left; height: 30px; line-height: 30px; box-sizing: border-box; background: #2e486a; color: #fff; text-align: center; width: 20%; border: 0; }
.searchon { }

.homebox01 {  margin: 10px; }
.homebox01 .hd { background: url(../img/topbg.jpg) repeat-x center top; line-height: 20px; padding: 10px 10px; color: #fff; font-size: 12px; }
.homebox01 .bd { background: #f4f8fa; border-bottom: 2px solid #d0d6d9; padding: 10px; }

.dhlist { overflow: hidden; }
.dhlist li { line-height: 22px; font-size: 12px; color: #666; float: left; width: 50%; margin-bottom: 20px; }
.dhlist li img { vertical-align: middle; height: 16px; }

.homepro { margin: 20px 0; }
.homepro .hd { padding: 0 20px; font-size: 16px; color: #00399d; font-weight: bold; line-height: 40px; }

.hplist { border-top: 1px solid #dedede; }
.hplist li { box-sizing: border-box; width: 33.333333333%; float: left; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.hplist li a { display: block; padding: 10px; }
.hplist li .img img { display: block; width: 100%; }
.hplist li .tit { line-height: 18px; font-size: 12px; height: 36px; overflow: hidden; text-align: center; margin-top: 5px; }

.homebox03 { }
.homebox03 .item01 { background: url(../img/bfwa.jpg) no-repeat center; background-size: auto 100%; padding: 20px 0; text-align: center; font-size: 12px; color: #566d87; font-weight: bold; line-height: 24px; }
.homebox03 .item01 strong { font-size: 26px; }
.homebox03 .img img { display: block; width: 100%; }
.homebox03 .txt { padding: 20px; font-size: 12px; line-height: 22px; color: #666 }
.homebox03 strong { font-size: 18px; font-weight: normal; display: block; margin-bottom: 10px; color: #566d87; }
.homebox03 .item02 { background: #f7f8fa; }
.homebox03 .item03 { background: #1f65aa; }
.homebox03 .item03 .txt { color: #b5c9ea; }
.homebox03 .item03 .txt strong { color: #fff; }
.homebox03 .item04 { background: #71acd4; }
.homebox03 .item04 .txt { color: #dbe9f3; }
.homebox03 .item04 .txt strong { color: #fff; }
.homebox03 .item05 { background: #f7f8fa; }

.homebox04 { margin: 20px 0; }
.homebox04 .hd { padding: 0 20px; line-height: 40px; font-size: 16px; font-weight: bold; color: #00399d; }
.homebox04 .list { border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
.homebox04 .list li { box-sizing: border-box; width: 25%; float: left; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; font-size: 12px; }
.homebox04 .list li .img { padding: 0; border-bottom: 1px solid #dedede; }
.homebox04 .list li .img img { display: block; width: 100%; }
.homebox04 .list li .txt { line-height: 14px; height: 28px; background: #f6f8fa; color: #666; padding: 5px 9px; }

.homebox05 { }
.homebox05 .item01 { background: #ebf0f4; padding: 30px 0 20px; text-align: center; font-size: 12px; color: #566d87; font-weight: bold; line-height: 24px; }
.homebox05 .item01 strong { font-size: 26px; font-weight: normal; color: #566d87; }
.homebox05 .img img { display: block; width: 100%; }
.homebox05 .txt { padding: 20px; font-size: 12px; line-height: 22px; color: #666 }
.homebox05 strong { font-size: 16px; font-weight: normal; display: block; margin-bottom: 10px; color: #223e92; }
.homebox05 strong em { color: #666; font-style: normal; display: block; }

.homebox06 { margin: 20px 0; }
.homebox06 .hd { border-bottom: 1px solid #dedede; line-height: 40px; font-size: 16px; font-weight: bold; color: #00399d; padding: 0 20px; }
.homebox06 .bd { padding: 10px 20px; }
.homebox06 .bd .tou { overflow: hidden; }
.homebox06 .bd .tou .img { width: 25%; float: left; margin-right: 10px; }
.homebox06 .bd .tou .img img { display: block; width: 100%; }
.homebox06 .bd .tou .info { }
.homebox06 .bd .tou .info .tit { font-size: 14px; color: #223e92; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 10px; display: block; padding-top: 5px; }
.homebox06 .bd .tou .info p { font-size: 12px; color: #888; line-height: 18px; height: 32px; overflow: hidden; }
.homebox06 .bd .list { margin-top: 10px; }
.homebox06 .bd .list li { height: 24px; line-height: 24px; overflow: hidden; background: url(../img/ter.gif) no-repeat left center; padding-left: 10px; }
.homebox06 .bd .list li a { font-size: 12px; color: #888; }
.homebox06 .bd .list li .time { font-size: 12px; color: #999; float: right; }
.homebox06 .bd .qa { border-bottom: 1px dashed #dedede; padding-bottom: 10px; margin-bottom: 10px; }
.homebox06 .bd .qa a { display: block; text-decoration: none; font-size: 12px; }
.homebox06 .bd .qa .q { height: 20px; line-height: 20px; padding-left: 20px; background: url(../img/q.gif) no-repeat left 3px; margin-bottom: 4px; color: #223e92; }
.homebox06 .bd .qa .a { height: 40px; line-height: 20px; padding-left: 20px; background: url(../img/a.gif) no-repeat left 3px; overflow: hidden; }

.footer { }
.footer .footcon { padding: 20px; background: #eef3f7; }
.footer .foot { background: url(../img/bbg.jpg) no-repeat center; background-size: auto 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 12px; }

.inpage { background: #fff; overflow: hidden; }

.insub { background: #f4f8fc; border-bottom: 1px solid #dedede; }
.insub a { display: block; line-height: 30px; border-top: 1px solid #eee; border-left: 1px solid #eee; margin-top: -1px; margin-left: -1px; font-size: 12px; text-align: center; text-decoration: none; float: left; width: 33.3333333333%; }
.insub a.on { background: #1c4f92; color: #fff; }
.insub4 a { width: 25%; }

.mainbox { margin: 10px; border: 1px solid #dedede; background: #fff; border-radius: 9px; overflow: hidden; }
.mainbox .title { background: #1c4f92; line-height: 36px; height: 36px; padding: 0 15px; font-size: 16px; font-weight: bold; color: #fff; border-bottom: 1px solid #eee; }
.mainbox .content { padding: 15px; font-size: 14px; line-height: 24px; color: #333; }
.mainbox .content p { margin-bottom: 20px; }
.mainbox .content img { max-width: 100%; }
.mainbox .newstitle { font-size: 16px; text-align: center; padding: 15px 10px 5px; color: #333; }
.mainbox .newsinfo { font-size: 10px; text-align: center; padding: 0 10px 10px; color: #999; border-bottom: 1px dashed #dedede; }

.newslist { }
.newslist li { line-height: 36px; height: 36px; overflow: hidden; border-bottom: 1px dashed #dedede; font-size: 12px; background: url(../img/dot.png) no-repeat left center; padding-left: 16px; }
.newslist li a { font-size: 14px; color: #666; }
.newslist li .time { float: right; color: #999; }

.newsmore { border-top: 1px dashed #dedede; margin-top: 10px; line-height: 30px; padding: 10px 15px; }
.newsmore p { font-size: 12px; color: #f60; }
.newsmore a { color: #333; }

.protit { background: #f4f8fc; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #2174c3; border-bottom: 1px solid #dedede; font-weight: bold; }
.protit em { font-style: normal; font-size: 14px; color: #f60; font-weight: normal; }

.cartlist { }
.cartlist .item { background: #fff; margin-bottom: 4px; padding: 5px 10px 5px 5px; border-bottom: 1px solid #dedede; }
.cartlist .item .ra { height: 96px; line-height: 96px; float: left; width: 30px; text-align: center; }
.cartlist .item .img { border: 0 solid #dedede; float: left; width: 96px; }
.cartlist .item .img img { height: 96px; width: 96px; display: block; }
.cartlist .item .info { margin-left: 136px; line-height: 18px; font-size: 12px; }
.cartlist .item .info .tit { color: #333; margin-bottom: 4px; height: 36px; overflow: hidden; }
.cartlist .item .info .txt { color: #999; height: 18px; overflow: hidden; }
.cartlist .item .info .price { color: #f60; margin-top: 4px; font-size: 14px; height: 18px; overflow: hidden; }
.cartlist .item .info .price .num { float: right; color: #333; }
.cartlist .item .info .price .old { color: #999; text-decoration: line-through; font-size: 10px; margin-left: 5px; }

.fixfoot { height: 50px; background: #fff; position: fixed; left: 0; bottom: 0; right: 0; border-top: 1px solid #dedede; }
.fixfoot .qx { float: left; line-height: 50px; padding: 0 20px; font-size: 14px; }
.fixfoot .qx .qq { margin-right: 5px; }
.fixfoot .rr { float: right; }
.fixfoot .rr .js { float: right; background: #f60; color: #fff; font-size: 14px; width: 90px; text-align: center; display: block; line-height: 50px; }
.fixfoot .rr .info { float: right; text-align: right; padding-right: 10px; }
.fixfoot .rr .info .price { padding-top: 8px; font-size: 14px; color: #333; }
.fixfoot .rr .info .price .num { color: #f60; }
.fixfoot .rr .info .ee { color: #999; font-size: 10px; line-height: 18px; }

.loginbox { margin: 90px 15px; text-align: center; }
.loginbox02 { margin: 20px 15px; }
.loginbox .title { margin-bottom: 30px; }
.loginbox .title img { display: block; width: 50%; margin: 0 auto; }
.loginbox .item { margin-bottom: 15px; }
.loginbox .item02 { text-align: left; font-size: 12px; color: #666; line-height: 30px; }
.loginbox .input { width: 100%; border: 1px solid #dedede; background: #fff url(../img/login_1.jpg) no-repeat 10px center; line-height: 50px; height: 50px; padding: 0 20px 0 40px; box-sizing: border-box; }
.loginbox .input.in02 { background-image: url(../img/login_2.jpg); }
.loginbox .lbtn { display: block; line-height: 50px; height: 50px; background: #2173c2; color: #fff; font-size: 16px; text-align: center; border: 0; width: 100%; }
.loginbox .item a { font-size: 12px; margin: 0 15px; }

.usertou { background: #fff; padding: 15px 30px; border-bottom: 1px solid #dedede; }
.usertou .img { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; float: left; }
.usertou .img img { width: 100%; display: block; }
.usertou .info { margin-left: 120px; }
.usertou .info .wel { font-size: 14px; color: #333; line-height: 30px; }
.usertou .info .txt { font-size: 12px; color: #666; line-height: 22px; }
.usertou .info .txt strong { color: #f60; }
.usertou .info .txt a { color: #2173c2; }

.userpp { line-height: 30px; padding: 10px 15px; text-align: center; font-size: 12px; border-bottom: 1px solid #dedede; background: #f9f9f9; }
.userpp .name { font-weight: bold; }
.userpp strong { color: #f60; font-size: 20px; margin: 0 4px; }
.userpp em { font-style: normal; }
.userpp .btn { display: inline-block; line-height: 30px; padding: 0 20px; color: #fff; text-decoration: none; background: #f60; margin-left: 20px; }

.userblock { margin: 15px; border: 1px solid #dedede; background: #fff; line-height: 40px; font-size: 12px; text-align: center; border-left: 0; }
.userblock a { display: block; width: 33.3333333333%; border-left: 1px solid #dedede; box-sizing: border-box; float: left; text-decoration: none; }
.userblock a strong { color: #f60; }

.userhaha { margin: 15px; border: 1px solid #dedede; background: #fff; line-height: 40px; font-size: 12px; border-top: 0; border-left: 0; }
.userhaha a { float: left; width: 50%; box-sizing: border-box; text-indent: 40px; border-top: 1px solid #dedede; border-left: 1px solid #dedede; background: url(../img/user_left_icon.gif) no-repeat 12px 0; }
.userhaha a:nth-child(1) { background-position: 12px -305px; }
.userhaha a:nth-child(2) { background-position: 12px -345px; }
.userhaha a:nth-child(3) { background-position: 12px -385px; }
.userhaha a:nth-child(4) { background-position: 12px -425px; }
.userhaha a:nth-child(5) { background-position: 12px -465px; }
.userhaha a:nth-child(6) { background-position: 12px -505px; }
.userhaha a:nth-child(7) { background-position: 12px -543px; }
.userhaha a:nth-child(8) { background-position: 12px -580px; }
.userhaha a:nth-child(9) { background-position: 12px -385px; }
.userhaha a:nth-child(10) { background-position: 12px -465px; }

.prosub .item { border-bottom: 1px solid #dedede; background: #f1f1f1; }
.prosub .item .name { float: left; width: 60px; font-size: 12px; padding: 5px 0 5px 10px; text-transform: uppercase; line-height:30px; color: #666; }
.prosub .item .con { padding: 5px; margin-left: 60px; overflow: hidden; background: #f9f9f9; line-height: 40px; }
.prosub .item .con a { font-size: 12px; color: #999; float: left; padding: 0; line-height: 20px; height: 20px; border-radius: 15px; text-decoration: none; margin: 5px 5px; }
.prosub .item .con a.on { color: #2174c3; font-weight: bold; }

.prolist { padding: 10px; }
.prolist li { width: 33.3333333333%; float: left; }
.prolist li a { display: block; margin: 3px; background: #fff; border: 1px solid #dedede; }
.prolist li .img img { display: block; width: 100%; }
.prolist li .name { line-height: 30px; text-align: center; font-size: 12px; background: #f9f9f9; }

.proinfo { background: #fff; border-bottom: 1px solid #dedede; padding: 20px; }
.proinfo .name { font-size: 16px; color: #000; line-height: 24px; margin-bottom: 5px; }
.proinfo .sp { font-size: 12px; color: #f60; line-height: 18px; border-bottom: 1px dashed #dedede; padding-bottom: 10px; margin-bottom: 10px; }

.proinfo dl { overflow: hidden; font-size: 12px; color: #666; line-height: 24px; margin-bottom: 5px; }
.proinfo dt { float: left; width: 60px; }
.proinfo dd { margin-left: 60px; }
.proinfo dd.price { color: #f60; font-size: 20px; }
.proinfo dd .other { height: 22px; line-height: 22px; border: 1px solid #dedede; padding: 0 10px; margin-right: 10px; width: 90%; }
.proinfo dd .unl { text-decoration: underline; }
.proinfo dd .gui { height: 20px; line-height: 20px; border: 1px solid #ddd; color: #666; display: inline-block; padding: 1px 6px; margin: 0 5px 5px 0; cursor: pointer; }
.proinfo dd .gui.on { border: 2px solid #f60; padding: 0 5px; }
.proinfo dd.imggui .gui { padding: 1px 1px; height: 24px; }
.proinfo dd.imggui .gui.on { padding: 0 0; }
.proinfo dd.imggui .gui img { display: block; width: 24px; height: 24px; }
.proinfo dd .btn { display: block; float: left; width: 22px; height: 22px; line-height: 22px; border: 1px solid #dedede; text-align: center; background: #f1f1f1; font-size: 14px; }
.proinfo dd .num { display: block; float: left; width: 40px; height: 22px; line-height: 22px; border: 1px solid #dedede; border-left: 0; border-right: 0; text-align: center; background: #fff; font-size: 14px; color: #666; }
.proinfo .subtn { overflow: hidden; padding: 15px 0 0; }
.proinfo .subtn a { display: block; float: left; margin-right: 15px; border-radius: 4px; font-size: 14px; color: #fff; line-height: 30px; height: 30px; padding: 0 20px; }
.proinfo .subtn a.sb01 { background: #438df2; }
.proinfo .subtn a.sb02 { background: #fe8000; }

.otherpro { background: #f4f8fc; border: 1px solid #dedede; text-align: center; font-size: 16px; font-weight: bold; color: #2174c3; line-height: 40px; }




































/* 侧滑菜单样式控制 */
.mm-menu { background: #1c4f92 !important; background-size: cover; width: 260px; max-width: none; }
em.mm-counter { display: none; }
.mm-subopened .mm-subblocker { opacity: 1; background: rgba(0,0,0,.6) !important; }
.mm-subblocker { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6) !important; }
.mm-subopened .mm-subblocker:before { content: ''; border: 2px solid transparent; display: inline-block; width: 10px; height: 10px; margin: auto; position: absolute; top: 20px; left: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: none; border-right: none; border-color: rgba(255, 255, 255, 0.6); }
.mm-subopened .mm-subblocker:hover:before { color: #ccc; border-color: rgba(255, 255, 255, 1); }
em.mm-counter + a.mm-next { padding-left: 0 !important; border-left: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.1); }
em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 58px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(260px, 0); -moz-transform: translate(260px, 0); -ms-transform: translate(260px, 0); -o-transform: translate(260px, 0); transform: translate(260px, 0); box-shadow: -5px 0 10px rgba(0,0,0,.1); }

.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:before { border: 0; }
.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255,255,255,.6); }
.mm-menu.mm-theme-dark { color: #fff; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(255,255,255,.2); }

.mm-menu.mm-theme-dark .mm-listview li a .cn { display: block; font-size: 12px; line-height: 18px; }

.mm-listview > li > a, .mm-listview > li > span { padding: 16px 10px 16px 20px; }

.menuhomea { display: block; width: 100%; height: 60px; background: url(../img/logo.png) no-repeat 20px center; background-size: 50% auto; text-indent: -99999px; }

.smbl { padding: 10px 20px; }
.smbl a { float: left; font-size: 12px; color: rgba(255,255,255,.4); margin-right: 20px; }

.smby { padding: 0 20px; line-height: 40px; }
.smby .tou { float: left; width: 28px; height: 28px; margin-top: 5px; border: 1px solid rgba(0,0,0,.3); border-radius: 50%; overflow: hidden; margin-right: 10px; }
.smby .tou img { display: block; width: 100%; }
.smby .name { float: left; font-size: 12px; }
.smby .logout { float: right; font-size: 12px; }




*html .baseMessage {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.baseMessage{height:53px;overflow:hidden;padding:5px 15px 5px 10px;display:none;position:fixed;top:35%;left:50%;z-index:1000;}
.baseMessage .icon_ok{background:url(../img/tip_layer.png) no-repeat -7px 0;_background:url(../img/tip_layer.gif) no-repeat -7px 0;height:53px;display:inline-block;width:44px;vertical-align:middle;}
.baseMessage .icon_warn{background:url(../img/tip_layer.png) no-repeat -7px -54px;_background:url(../img/tip_layer.gif) no-repeat -7px -54px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_error{background:url(../images/tip_layer.png) no-repeat -7px -108px;_background:url(../img/tip_layer.gif) no-repeat -7px -108px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_txt{background:url(../img/tip_layer.png) 0 -161px;_background:url(../img/tip_layer.gif) 0 -161px;height:53px;line-height:53px;display:inline-block;padding:0 10px;vertical-align:middle;min-width:50px;font-size:14px;font-weight:bold;color:#606060;}
.baseMessage .icon_r{background:url(../img/tip_layer.png) no-repeat 0 0;_background:url(../img/tip_layer.gif) no-repeat 0 0;height:53px;display:inline-block;width:6px;vertical-align:middle;}

.upIcon{background:url(../img/up.gif) no-repeat;width:16px;height:16px;display:inline-block;}
.downIcon{background:url(../img/down.gif) no-repeat;width:16px;height:16px;display:inline-block;}
.deleteIcon{background:url(../img/delete.gif) no-repeat;width:16px;height:16px;display:inline-block;}



/**cart**/
.cartmain { margin-top:20px; background-color:#fff; padding:20px;}
.cartmain .carttable img{ width:70px; height:70px; max-width:100%;}
.cartmain .tit{ border-bottom:1px solid #ccc; line-height:30px; height:30px; }
.cartmain .tit h3{ float:left; margin-bottom:1px; border-bottom:1px solid #2173c2;padding-left:38px; background:url(../img/cart.png) no-repeat left center;  font-size:18px; font-weight:normal;}
.cartmain .tit h3 span{ background-color:#ff0000; color:#fff; display:inline-block; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border-radius:20px;}
.cartmain .neirong{ min-height:300px; padding:10px 0px;}

.carttable{ width:100%; border-collapse:collapse;}
.carttable td{ border:1px solid #dedede;}
.carttable .price_original{color: #9c9c9c; text-decoration: line-through; display: block; line-height: 12px; font-family: Verdana,Tahoma,arial; }

.cart_bar { height:50px;line-height: 50px; background: #e5e5e5; padding: 0 0 0 20px; margin-top:10px; }
.cart_bar .tip { display: block; float: left; margin-right: 20px; line-height: 50px; font-family: microsoft yahei; }
.cart_bar a { font-family: microsoft yahei; }
.cart_bar .tip .all { padding: 0 10px; font-size: 16px; font-weight: bold; color: #a70000; font-family: tohoma,arial; font-style: normal; }
.cart_bar .tip .price { padding: 0 10px; font-size: 16px; font-weight: bold; color: #a70000; font-family: tohoma,arial; display: block; float: right; font-style: normal; }
.cart_bar .tip .total { font-size: 20px; font-style: normal; }
.cart_bar .cart_cash { width: 120px; height: 50px; line-height: 50px; background: #a70000; font-family: microsoft yahei; color: #fff; font-size: 20px; display: block; float: right; text-align: center; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.cart_bar .cart_cash:hover { box-shadow: 0 0 5px #a70000; text-decoration: none; opacity: .9; filter: alpha(opacity=90); }
.cart_bar .fl{height:50px;}
.cart_bar .fr{height:50px;}

 
.cartmain .peisonglist { }
.cartmain .peisonglist li { border: 1px dashed #dedede; margin-bottom: 10px; line-height: 30px; padding: 0 10px; color: #999; font-family: microsoft yahei; }
.cartmain .peisonglist li:hover { border: 1px dashed #ed0a0a; color: #333; }
.cartmain .peisonglist li.on { border: 2px solid #ed0a0a; color: #333; }
.cartmain .peisonglist .detail { margin-left: 20px; font-family: microsoft yahei; }
.cartmain .peisonglist .xinjiandizhi {  font-family: microsoft yahei; font-size:12px;}
.cartmain .grxx_table tr th{ font-size:12px; width:78px;}
.cartmain .grxx_table tr td{ font-size:12px;}
.cartmain{ padding:10px;}

.spchoselist { }
.spchoselist li { float: left; width: 114px; border: 1px solid #dedede; padding: 10px 0;text-align:center; display: block; overflow: hidden; position: relative; cursor: pointer; margin-right:10px;}
.spchoselist li img { width: 100%; display: block; }
.spchoselist li.on { border: 2px solid #f60;  }
.spchoselist li i { display: none; width: 11px; height: 11px; background: url(../img/icon-param.gif) no-repeat center center; position: absolute; bottom: 0; right: 0; }
.spchoselist li.on i { display: block; }
.spchoselist li{ width:28%; float:left;} 

.cash_bar { text-align:left; border-bottom: 1px dashed #dedede; padding-bottom: 10px; margin-bottom: 10px; margin-top: 30px; color: #999; line-height: 20px; padding-right: 20px; padding-bottom: 20px; float:left; }
.cash_bar .cash_line { margin-bottom: 5px; overflow: hidden; }
.cash_bar .cash_line.sp { line-height: 40px;font-family: microsoft yahei; }
.cash_bar .cash_line .noname { float: left; width: 200px; font-family: microsoft yahei; }
.cash_bar .cash_line .noprice { float: left; width: 140px; font-family: microsoft yahei; }
.cash_bar .cash_line .price { color: #2173c2; font-size: 30px; font-family: tohoma,arial; }
.cash_bar .cash_line strong { font-size: 14px; padding: 0 10px; font-family: tohoma,arial; }
.cash_bar { float: none; text-align: left; }
.cash_bar .cash_line .noname, .cash_bar .cash_line .noprice { width: auto; }

.cash_btn { text-align:left; line-height: 40px; padding-bottom: 20px;font-family: microsoft yahei; }
.cash_btn a { color:#2173c2; font-size: 14px; }
.cash_btn .btn { width: 150px; height: 40px; line-height: 40px; text-align: center; font-family: microsoft yahei; color: #fff; display: block; float: left; background: #2173c2; font-size: 16px; margin-right: 20px; text-decoration: none; border: 0; cursor: pointer; }
.cash_btn .btn:hover { opacity: .8; filter: alpha(opacity=80); }
.cash_btn { text-align: left; padding-bottom: 0; }
.cash_btn a { font-size: 12px; }
.cash_btn .btn { float: none; }
.order1 .red,.cart .red{ font-size:16px; padding:20px 0px 10px;}
.grxx_table { width: 100%; }
.grxx_table tr th { width: 110px; font-weight: normal; padding: 10px 0; padding-right: 8px; line-height: 26px; text-align: right; font-size: 14px; color: #4D4D4D; vertical-align: top; }
.grxx_table tr td { color: #545454; padding: 5px 0; line-height: 26px; font-size: 14px; font-family: microsoft yahei; }
.grxx_table .must { padding-right: 3px; font: 12px Simsun; color: #ec6300; margin-right: 2px; vertical-align: middle; }
.grxx_table tr td .input { height: 26px; line-height: 26px; padding: 5px 10px; border: 1px solid #bbb; -webkit-transition: all .2s ease-in; font-size: 14px; font-family: microsoft yahei; transition: all .2s ease-in; width:300px; }
.grxx_table tr td .input:hover, .grxx_table tr td .input:focus { border-color: #ff0000;  }
.grxx_table tr td a { color: #1f6bb1; }
.grxx_table tr td input.spbtn { width: 60px;height: 26px; line-height: 26px; border: 1px solid #f60; background: #ff7f2a; display: inline-block; color: #fff; text-align: center; font-weight: bold; border-radius: 4px; cursor:pointer; }
.grxx_table tr td span.bq { display: inline-block; margin-right:4px; padding: 0 5px; cursor: pointer; line-height: 18px; height: 18px; background: #6eabe0; color: #fff; border-radius: 2px; }
.grxx_table tr th{ width:75px; font-size:12px;}
.grxx_table tr td .input { width:80%; height:20px; line-height:20px;font-size:12px;}


.cartmain{ padding:10px;}
.messagebox { width: 600px; margin: 30px auto 10px; font-family: microsoft yahei; }
.messagebox .micon { float: left; width: 120px; height: 120px; background-repeat: no-repeat; background-position: center center; background-size: 120px 120px; }
.messagebox .micon_success { background-image: url(../img/tips_success.png); }
.messagebox .micon_error { background-image: url(../img/tips_error.png); }
.messagebox .micon_tips { background-image: url(../img/tips_tips.png); }
.messagebox .mbox { margin-left: 150px; }
.messagebox .mbox .mbtit { font-size: 24px; line-height: 50px; color: #333; }
.messagebox .mbox .mbtip { font-size: 14px; line-height: 30px; color: #666; margin: 5px 0 15px 0; }
.messagebox .mbox .mbtip .ss { margin-right: 20px; }
.messagebox .mbox .mbtip .price { color: #f60; font-size: 12px; }
.messagebox .mbox .mbtip .price i { font-style: normal; }
.messagebox .mbox .mbtip .price strong { font-style: normal; font-size: 24px; font-family: tahoma,arial; }
.messagebox .mbox .mbbtn { line-height: 30px; height: 30px; font-size: 12px; }
.messagebox .mbox .mbbtn .btna { display: block; float: left; padding: 0 20px; background: #f1f1f1; color: #333; border: 1px solid #dedede; text-align: center; font-family: microsoft yahei; border-radius: 4px; text-decoration: none; font-size: 14px; margin-right: 10px; }
.messagebox .mbox .mbbtn .btna:hover { background: #36b66b; color: #fff; border-color: #1d9c52; }
.messagebox .mbox .mbbtn .btna.on { background: #2173c2; color: #fff; border-color: #2173c2; }
.messagebox .mbox .mbbtn .btna.on:hover { background: #f30; border-color: #f10; }
.messagebox .mbox .mbbtn a { color: #36b66b; font-family: microsoft yahei; margin-right: 10px; }
.cart_why{ background: url(../img/why.png) no-repeat center top;   }

.messagebox { width: 100%; }
.messagebox .micon { float: none; width: 80px; height: 80px; background-size: 100%; margin: 0 auto; }
.messagebox .mbox { margin-left: 0; text-align: center; }
.messagebox .mbox .mbtit { font-size: 16px; }
.messagebox .mbox .mbtip { margin: 0; line-height: 24px; }
.messagebox .mbox .mbtip .ss { display: block; }
.messagebox .mbox .mbbtn { margin-top: 20px; text-align: center; overflow: hidden; height: auto; }
.messagebox .mbox .mbbtn .btna { float: none; width: 60%; margin: 0 auto 10px; }


.main_bank{width:100%;height:100%;overflow:hidden;}
.main_bank a{width:161px;height:38px;float:left;display:block;overflow:hidden;margin:0 0 5px;padding:3px 0 3px 48px;background:url(/images/radio.png) no-repeat 16px -10px;border:1px solid #fff;cursor:pointer;}

.main_bank a.on,.main_bank a:hover{background:url(../img/radio.png) no-repeat 16px -46px;}
.main_bank a.on img,.main_bank a:hover img{border:2px solid #ff0000;}
.main_bank a.hide{display:none;}
.main_bank div{display: none;}
.main_bank a img{ width: 154px; border:1px solid #c7c7c7;}

.orderlist li{ margin-top:20px; border:1px solid #ccc;}
.orderlist .orderline{ overflow:hidden; border-bottom:1px dotted #dedede;margin:5px; padding:5px;}
.orderlist .textright{ text-align:right;}
.orderlist .orderbg{ background-color:#f1f1f1;}
.orderlist .boxfl{ float:left;}
.orderlist .boxfl img{ width:70px; height:70px;}
.orderlist .boxfr{ float:right;}
.orderlist .boxfl h3{ font-weight:normal;}
.orderlist .boxfl .namecc{ font-size:16px;}
.orderlist .pop { float: right; }
.orderlist .btn { font-size: 12px; border: 1px solid #dedede; margin-bottom: 10px; text-decoration: none; padding:4px 30px; }
.orderlist .btn:hover { border-color: #ff0000; }
.orderlist .btn02 { border-color: #2173c2; background: #2173c2; color: #fff; }
.orderlist .btn02:hover { border-color: #f30; background: #f30; }
.orderlist .money{ font-size:14px;}
.orderlist .block{ display:block;}
.orderlist .blockpc{ display:inline;}
.orderlist .textcc{ float:none;}
.orderlist .pop{ float:none; margin-top:10px; text-align:right;}
.orderlist .pop .btn{ padding:0px; width:31%; text-align:center; display:inline-block; padding:3px 0px; }
.orderlist .boxfl{ float:none;}
.orderlist .boxfr{ float:none; text-align:center;}

 #choose-box-wrapper{width:320px;background:#000; display:none;position:absolute; z-index:100; }
 #choose-box-wrapper a{border:0; text-decoration:none;font-size:9pt;}
 #choose-box{border:1px solid #dfdfdf;width:320px;background:#fff;}
 #municipalities a{ color:#4c4c4c; display:inline-block;height:18px;line-height:18px;margin:2px 5px;padding:1px;text-align:center;}
 #municipalities .choos{background-color:#b20000;color:#fff;}
 #municipalities a:hover{color:#a60100;}
 #municipalities .muni{background-color:#b20000;color:#fff;}
 #areaclose{ float:left;position:absolute; margin-top:5px; right:5px;cursor: pointer; }

 #municipalities, #choose-a-province,  #choose-a-city{margin:5px 8px;}
 #choose-a-province a{display:inline-block;height:18px;line-height:18px;color:#4c4c4c;margin:2px 5px;padding:1px;text-align:center;}
 #choose-a-province a:hover{color:#a60100;}
 #choose-a-province .choosen{background-color:#b20000;color:#fff;}
 #choose-a-city{overflow:hidden; height:auto;padding:0px;border-top:dashed 1px #ccc;}
 #choose-a-city a{height:18px;line-height:18px;color:#808080;float:left;width:auto;margin:5px;padding:2px;}
 #choose-a-city a:hover{color:#a60100;}
 #choose-a-city .chos{background-color:#ffa8a8;color:#4c4c4c;}

#cartlist{margin:30px 20px;padding:0;}
#cartlist table{border-collapse:collapse;width:100%;}
#cartlist table th,#cartlist table td{border:1px solid #ddd;padding:10px 4px;}
#cartlist table td{font-size:12px;font-family:arial;text-align:center;}
#cartlist table td .pro{border:1px solid #ccc;padding:2px;width:48px;height:48px;}
#cartlist table th{background:#f2f2f2;}
#cartlist table .quantity{width:30px;text-align:center;border:1px solid #bbb;height:15px;vertical-align:middle;margin:0;}
#cartlist table a.min,#cartlist table a.max{border:1px solid #ddd;cursor:pointer;margin:0 5px 0 5px;padding:0 3px;display:inline-block;display:inline;line-height:11px;height:11px;overflow:hidden;vertical-align:middle;font-size:12px;}
#cartlist table a:hover.min,#cartlist table a:hover.max{border:1px solid #09f;color:#09f;}
#cartlist table .text{text-align:left;font-size:12px;line-height:24px;color:#999;padding:0 0 0 10px;}
#cartlist table .text a{color:#333;font-size:13px;}
#cartlist table .info{text-align:right;}
#cartlist table .info span{color:#f30;margin:0 4px;}
#cartlist table .price{color:#f30;}
#cartlist table del{color:#666;}

#cart_action{margin:10px 0 0 0;height:30px;line-height:30px;}
#cart_action span{float:right;}
#cart_action span a{background:url(../img/bnt_yellow.gif) no-repeat top;width:80px;height:30px;display:block;text-align:center;color:#fff;}
#cart_action span a:hover{background-position:bottom;}
#cart_action a.goon{background:url(../img/shop_home.gif) no-repeat left;padding-left:20px;display:inline-block;vertical-align:middle;outline:none;}
#cart_action a.clear{background:url(../img/shop_clear.gif) no-repeat left;padding-left:20px;display:inline-block;vertical-align:middle;outline:none;}

.fixblock { height: 50px; }

.fixedbox { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; font-size: 14px; font-weight: bold; z-index: 9; line-height: 50px; text-align: center; background: #00399d; color: #fff; }
.fixedbox .sptel { float: left; width: 25%; color: #fff; text-decoration: none; }

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 100%; height: 120px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: border-box; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width: 100%; box-sizing: border-box; padding: 10px; height: 46px; line-height: 46px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 100%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 5px; box-sizing: border-box; }
.messagebtn.btnon { color: #fff; background: #f60; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }