/* versions:v1.5.1 */

/* global reset */
body{ font-size:14px; font-family:Microsoft YaHei,SimSun; min-width: 1000px; color: #333; background: #fff}
a:hover{ text-decoration:underline; _vertical-align:baseline}
a:focus,button,input,select,textarea{ outline:none}
textarea{ resize:none}

.container{ width: 1000px; margin: 0 auto}
.empty-label, .loading-label { margin-top: 10px; }

/* ico */
.ico, .ico2, .ico3{ display: inline-block; vertical-align: middle; overflow: hidden;}

.ico{ background: url(/ue/a/mai/index/v1.5.0/img/s-24.png) no-repeat;}
.ico-item1, .ico-item2, .ico-item3, .ico-item4, .ico-item5, .ico-item6{ width: 20px; height: 20px; }
.ico-item2{ background-position:0 -40px;}
.ico-item3{ background-position:0 -80px;}
.ico-item4{ background-position:0 -120px;}
.ico-item5{ background-position:0 -160px;}
.ico-item6{ background-position:0 -200px;}
.ico-flowchart1, .ico-flowchart2, .ico-flowchart3, .ico-flowchart4, .ico-flowchart5, .ico-flowchart6, .ico-flowchart7, .ico-flowchart8, .ico-flowchart9{ width: 22px; height: 20px}
.ico-flowchart1{ background-position:0 -240px}
.ico-flowchart2{ background-position:0 -260px}
.ico-flowchart3{ background-position:0 -280px}
.ico-flowchart4{ background-position:0 -300px}
.ico-flowchart5{ background-position:0 -320px}
.ico-flowchart6{ background-position:0 -340px}
.ico-flowchart7{ background-position:0 -380px}
.ico-flowchart8{ background-position:0 -360px}
.ico-fix1, .ico-fix2, .ico-fix3, .ico-fix4, .ico-fix5{ width: 27px; height: 24px} 
.ico-fix1{ background-position:0 -400px}
.ico-fix2{ background-position:0 -425px}
.ico-fix3{ background-position:0 -450px}
.ico-fix4{ background-position:0 -500px}
.ico-fix5{ background-position:0 -475px}
.ico-more{ width: 20px; height: 20px; background-position:0 -525px; margin: 10px 0 10px 1px}
.ico-clock{ width: 16px; height: 16px; background-position: 0 -545px; margin: 1px 5px 4px 0;}

.ico2{ background: url(/ue/a/mai/index/v1.5.1/img/s-alpha.png) no-repeat;}
.ico2-search{ width:20px; height:20px; background-position: 0 -396px}
.ico2-search2{ width:20px; height:20px; background-position: -23px -396px}
.ico2-sitem1{ width: 28px; height:27px; margin: 7px 15px 0 0}
.ico2-sitem2{ width: 32px; height:27px; margin: 7px 15px 0 0; background-position:0 -36px}
.ico2-sitem3{ width: 54px; height:27px; margin: 7px 7px 0 0; background-position:0 -72px}
.ico2-sitem4{ width: 39px; height:31px; margin: 3px 7px 0 0; background-position:0 -105px}
.ico2-sitem5{ width: 48px; height:28px; margin: 6px 4px 0 0; background-position:0 -145px}
.ico2-sitem6{ width: 39px; height:24px; margin: 10px 10px 0 0; background-position:0 -184px}
.ico2-sitem7{ width: 41px; height:31px; margin: 3px 5px 0 0; background-position:0 -216px}
.ico2-sitem8{ width: 47px; height:33px; margin: 1px 7px 0 0; background-position:0 -256px}
.ico2-sitem9{ width: 40px; height:24px; margin: 10px 7px 0 0; background-position:0 -290px}
.ico2-sitem10{ width: 33px; height:33px; margin: 1px 10px 0 0; background-position:0 -319px}
.ico2-sitem11{ width: 62px; height:30px; margin: 4px 4px 0 0; background-position:0 -361px}
.ico2-sitem12{ width: 49px; height:33px; margin: 0 6px 2px 0; background-position:0 -610px}
.ico2-layout1{ width: 16px; height: 14px; background-position:-46px -396px; margin: 13px 7px}
.ico2-layout2{ width: 16px; height: 14px; background-position:0 -423px; margin: 13px 7px}
.ico2-collect, .ico2-collect3{ width: 18px; height: 17px;}
.ico2-collect{ background-position:0 -441px; margin: 3px 4px 7px 0}
.ico2-collect2{ width: 26px; height: 25px; background-position:0 -556px; margin: 7px 0 8px}
.ico2-collect3{ background-position: -20px -441px; margin: 5px 6px 8px 0}
.ico2-arrow{ width: 30px; height: 17px; background-position:0 -481px; margin-top:22px}
.ico2-arrow-p{ width: 8px; height: 12px; background-position:0 -464px; margin-top:7px}
.ico2-arrow-r{ width: 8px; height: 12px; background-position:-10px -464px; margin-top:7px}
.ico2-triangle-up{ width: 7px; height: 4px; background-position:-39px -464px;}
.ico2-triangle-down{ width: 7px; height: 4px; background-position:-39px -470px;}
.ico2-change{ width:20px; height: 16px; background-position:0 -506px; margin: 10px 6px 12px 0}
.ico2-back{ width:16px; height: 14px; background-position:-31px -481px; margin: 6px 10px 8px 0}
.ico2-choose{ width: 15px; height: 14px; background-position: -43px -506px}
.ico2-cart{ width: 18px; height: 18px; background-position:0 -530px; margin: 9px 9px 11px 0}
.ico2-success{ width: 21px; height: 16px; background-position:-38px -530px; margin-top: 9px}
.ico2-fail{ width: 4px; height: 22px; background-position:-54px -556px; margin-top: 6px}
.ico2-day{ width: 10px; height: 9px; background-position:-20px -585px; margin-top: 3px}

.ico3{ background: url(/ue/a/mai/index/v1.5.1/img/s-8.png) no-repeat;}
.ico3-back{ width:16px; height: 14px; margin: 1px 6px 3px 0}
.ico3-add{ width:58px; height: 50px; background-position: 0 -30px; margin: 22px 0 15px}
.ico3-choose{ width:38px; height: 31px; background-position:-59px -30px}
.ico3-choose-s{ width:31px; height: 25px; background-position:-165px -26px}
.ico3-rmb{ width: 8px; height: 9px; background-position:-38px 0;}
.ico3-nav1{ width: 18px; height: 18px; background-position:-132px -90px; margin: 7px 12px 9px 0}
.ico3-nav2{ width: 15px; height: 18px; background-position:-152px -90px; margin: 7px 13px 9px 2px}
.ico3-nav3{ width: 19px; height: 19px; background-position:-168px -90px; margin: 6px 11px 9px 0}
.ico3-nav4{ width: 16px; height: 19px; background-position:-188px -90px; margin: 6px 13px 9px 1px}
.ico3-assess1{ width: 43px; height: 46px; background-position:0 -90px; margin-right:5px}
.ico3-assess2{ width: 43px; height: 46px; background-position:-44px -90px; margin-right:5px}
.ico3-assess3{ width: 43px; height: 47px; background-position:-88px -90px; margin-right:5px}
.ico3-upload{ width: 38px; height: 38px; background-position:-98px -30px;}
.ico3-clock{ width: 19px; height: 19px; background-position:-140px -26px; margin: 5px 7px 6px 0}
.ico3-del{ width:17px; height: 19px; background-position:0 -140px; -webkit-transition:0.3s ease; -moz-transition-duration:0.3s ease; -ms-transition:0.3s ease;  -o-transition:0.3s ease; transition:0.3s ease;}
.ico3-warn{ width: 16px; height: 16px; background-position: -20px -140px; margin:1px 9px 4px 0;}

a:hover .ico3-del{ background-position: 0 -160px}


/* c-tx */
.c-tx1{ color: #333}
.c-tx2{ color: #f0ff00}
.c-tx3{ color: #46c332}
.c-tx4{ color: #ffa200}
.c-tx5{ color: #008aff}
.c-tx6{ color: #ff3f3f}
.c-tx7{ color: #888}
.c-tx8{ color: #4e88f2}
.c-tx9{ color: #5996f1}
.c-tx10{ color: #666}

.c-link{ color: #888}
.c-link:hover{ color: #55e1d2;}

.bgc1{ background: #ff3f3f}
.bgc2{ background: #5996f1}
.bgc3{ background: #1fbe79}
.bgc4{ background:#bcdcff}
.bgc5{ background:#f3d3e0}

.lh3{ line-height: 30px}
.lh36{ line-height: 36px}

.pl1{ padding-left: 10px}
.pl2{ padding-left: 20px}
.pl3{ padding-left: 30px}

.vt{ vertical-align: top;}
.tr{ text-align: right;}
.tc{ text-align: center;}
.fb{ font-weight: bold;}
.ib{ display: inline-block;}
.lt{ text-decoration: line-through;}

.w100{ width: 100px}
.w120{ width: 120px}
.w140{ width: 140px}

.fs18{ font-size: 18px}

/* mask */
.mask{ overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 600px; height: 450px; background: #000; filter: alpha(opacity=50); opacity: .5;}
:root .mask{ filter: none \0;}

.mask2{ position: absolute; opacity: 1; overflow: hidden;  width: 600px; height: 50px; z-index: -1; top:0; left: 0; background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.1) 50%, rgba(0,0,0,0.7));  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1) 50%, rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1) 50%, rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1) 50%, rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000',gradientType=0);}

/* comm-btn */
.comm-btn{ display: inline-block; font-size: 14px; color: #666; border-radius: 2px; line-height: 40px; background: #fff;}
.comm-btn:hover{ background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1); color: #fff; text-decoration: none;}
.comm-btn-ex2{ color: #333; font-size:16px; padding: 0 29px; border-radius: 17px; line-height: 32px}
.comm-btn-ex3{ color: #888; padding: 0 20px; border-radius: 14px; line-height: 30px}

.comm-btn2{ display: inline-block; line-height: 50px; font-size: 16px; font-weight: bold; color: #fff; border-radius: 2px; background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1);}
.comm-btn2:hover{ text-decoration: none;}

.comm-btn3{ display: inline-block; color: #fff; font-size:14px; padding: 0 17px; border-radius: 2px; line-height: 30px; background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1);}
.comm-btn3:hover, .comm-btn3-hover{ text-decoration: none;}
.comm-btn3-l{ font-size: 20px; line-height: 46px; padding: 0; text-align: center; width: 160px; height: 46px}
.comm-btn3-l2{ font-size: 18px; line-height: 40px; padding: 0 39px}
.comm-btn3-l3, .comm-btn3-l4{ font-size: 16px; line-height: 40px;}
.comm-btn3-l3{ padding: 0 38px}
.comm-btn3-l4{ padding: 0 28px}
.comm-btn3-s{ line-height: 28px; padding: 0 10px}
.comm-btn3-w2{ width: 220px}
.comm-btn3-ex2{ background: #888888}
.comm-btn3-ex2:hover{ background: #666666}
.comm-btn3-ex3{ background: #4e88f2}
.comm-btn3-ex3:hover{ background: #3773e1}
.comm-btn3-ex4{ background: #54c66c}
.comm-btn3-ex4:hover{ background: #2db049}
.comm-btn3-default:hover{cursor: default;}

.comm-btn4{ display: inline-block; color: #fff; font-size:20px; padding: 0 70px; border-radius: 3px; line-height: 46px; background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1);}
.comm-btn4:hover{ text-decoration: none; }

.comm-btn5{ display: inline-block; color: #333; font-size:14px; padding: 0 19px; border-radius: 2px; line-height: 28px; border: 1px solid #e2e2e2; vertical-align: top; background: #fff} 
.comm-btn5:hover{ text-decoration: none; color: #fff; border:none; padding:1px 20px; background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1); }
.comm-btn5-l, .comm-btn5-l2, .comm-btn5-l3{ line-height: 38px; height:38px; font-size: 16px;}
.comm-btn5-l{ padding: 0 25px}
.comm-btn5-l:hover{ padding: 1px 26px}
.comm-btn5-l2{ padding: 0 37px;}
.comm-btn5-l2:hover{ padding: 1px 38px;}
.comm-btn5-l3{ padding: 0 27px;}
.comm-btn5-l3:hover{ padding: 1px 28px;}
.comm-btn5-l4{ padding: 0 38px; font-size: 18px; line-height: 38px; height:38px;}
.comm-btn5-l4:hover{ padding: 1px 39px;}

.comm-btn6{ display: inline-block; color: #333; font-size:14px; line-height: 24px; height: 24px} 
.comm-btn6:hover{ text-decoration: underline; color: #55e1d2}

.comm-btn7{ display: inline-block; color: #333; padding: 0 8px; border-radius: 2px;  border: 1px solid #e2e2e2;  vertical-align: top; line-height: 28px; height: 28px; font-size: 14px}
.comm-btn7:hover{ text-decoration: none; border-color: #55e1d2; color: #55e1d2}
.comm-btn7-l{ font-size:16px; line-height: 38px; height: 38px}

.comm-btn8{ display: inline-block; color: #333; background: #fff; line-height: 30px; height: 30px; padding: 0 14px; border-radius:14px}
.comm-btn8:hover{ text-decoration: none;}

.comm-btn-submit{ border: 1px solid transparent; white-space: nowrap; cursor: pointer;}

.disabled{ background: gray; color: white; cursor: not-allowed}
.disabled:hover{ background: gray; color: white; }

.comm-btn-s{ line-height: 26px}

.btn-cart, .btn-add-cart{ padding: 0; width:168px; text-align: center;}
.btn-cart:hover, .btn-add-cart:hover{ background: none;  padding:0;}
.btn-cart{ display: none;}
.btn-cart:hover{ color: #333; border: 1px solid #e2e2e2}
.btn-add-cart:hover{ color: #55e1d2;  border: 1px solid #55e1d2}
.btn-add-cart:hover .ico2-cart{ background-position: 0 -680px}

.btn-collect .btn-collect-txt{ display: none;}
.btn-collect:hover .ico2-collect{ background-position:-32px -585px}
.btn-collected .ico2-collect, .btn-collected:hover .ico2-collect{ background-position: -20px -441px}
.btn-collected:hover{ border-color:#e2e2e2; color: #333}
.btn-collected .btn-collect-txt{ display: inline;}

.btn-collect2{ width:48px; padding: 0; text-align: center; height: 38px; overflow: hidden;}
.btn-collect2:hover .ico2-collect2{ background-position: 0 -650px}
.btn-collect2-collected:hover{ border-color:#e2e2e2}
.btn-collect2-collected .ico2-collect2, .btn-collect2-collected:hover .ico2-collect2{ background-position: -27px -556px;}

.btn-collect3{ overflow:hidden;}

.comm-btn-disabled, .comm-btn2-disabled, .comm-btn3-disabled, .comm-btn4-disabled{ background:#888; color: white; cursor: default;}
.comm-btn-disabled:hover, .comm-btn2-disabled:hover, .comm-btn3-disabled:hover, .comm-btn4-disabled:hover{ background:#888; color: white;}

.comm-btn5-disabled, .comm-btn6-disabled, .comm-btn7-disabled{ color: #ccc; cursor: default;}
.comm-btn5-disabled:hover, .comm-btn6-disabled:hover, .comm-btn7-disabled:hover{ color: #ccc;}
.comm-btn5-disabled:hover, .comm-btn7-disabled:hover{ border-color:#e2e2e2}
.comm-btn5-disabled .ico2-cart, .comm-btn5-disabled:hover .ico2-cart{ background-position:0 -585px}
.comm-btn7-disabled .ico2-collect2, .comm-btn7-disabled:hover .ico2-collect2{ background-position: -30px -650px;}

/* form */
.form-group-w12{ width: 100px}
.form-group-w3{ width: 280px}
.form-group-w32{ width: 300px}
.form-group-w16{ width: 140px}
.form-group-w66{ width: 640px}
.comm-select-w15{ width: 160px}
.form-group{position:relative;height:34px;padding:0 9px;border:1px solid #d5d5d5;background-color:#fff}
.form-group .comm-control{width:100%;height:34px;*margin-bottom:-1px;font-size:14px;color:#aaa;line-height:34px\9;border:0;background:0 0;outline:0}
.form-group .comm-control:focus, .form-group-focus .comm-control{color:#333;}
.form-group-m{ height:28px;}
.form-group-m .comm-control{ height:28px; line-height:28px\9;}
.form-group-s{ height:26px; padding: 0}
.form-group-s .comm-control{ height:26px; line-height:26px\9; font-size: 12px}
.form-group-focus{ border-color: #55e1d2}
.comm-textarea{ height: 60px; padding: 4px 9px}
.comm-textarea .comm-control{ line-height: 20px; height: 60px;}
.comm-select{ border: none; padding: 5px 0 6px; border:1px solid #d5d5d5; font-size:14px}
.comm-checkbox{ display: inline-block; height: 30px; line-height: 30px;  font-size: 14px;  *zoom: 1; overflow: hidden;}
.comm-checkbox .checkbox{ border: none; outline: none; margin: 5px 6px 8px 0; vertical-align: middle;}
.comm-checkbox-s{ font-size: 12px}
.form-wrap{ overflow: hidden; *zoom:1;}
.form-wrap .form-group, .form-wrap .form-wrap-txt, .form-wrap .tip, .form-wrap .comm-btn3, .form-wrap .comm-select{ float: left; margin-right: 10px}
.form-wrap .tip{ line-height: 36px}
.price-group{ overflow: hidden; *zoom:1;}
.price-group .sep{ color: #aaa; margin: 0 5px; line-height: 28px; float: left;}
.price-group .form-group{ padding-left: 15px; width: 43px; float: left;}
.price-group .form-group .ico3-rmb{ position: absolute; left: 4px; top:9px;}
.price-group .form-group-focus{ padding-left: 0; width: 58px}
.price-group .form-group-focus .ico3-rmb{ display: none;}
.price-group .btn-submit{ margin-left: 10px; display: none; float: left;}
.price-group-focus .btn-submit{ display: block;}
.complex-textarea{ height: 120px; padding-bottom: 34px}
.complex-textarea .comm-control{ height: 120px; color: #333}
.complex-textarea .textarea-tip{ position: absolute; color: #aaa; left: 9px; bottom:5px}

/* price */
.price-present{ color: #ff3f3f; font-size: 18px; font-weight: bold;}
.price-original{ color:#888; text-decoration: line-through;}

.price{ display: block; font-size: 0;}
.price .price-txt{ font-size: 16px; display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin:8px 5px 0 0}
.price .price-num{ font-size: 24px; display: inline-block; *display: inline; *zoom:1;}

.price2{ font-size: 0}
.price2 .price2-txt{ display: inline-block; margin-top:14px; *display: inline; *zoom:1; font-size: 14px; vertical-align: top; white-space: nowrap;}
.price2 .price2-num{ font-size: 26px; font-weight: bold; color: #ff3f3f; display: inline-block; *display: inline; *zoom:1;}
.price2 .price-original{ margin-left: 8px}
.price2 .original{ text-decoration: line-through; margin-left: 20px}
.price2 .price-total{ display: inline-block; font-size: 14px; margin-top: 17px; position: relative;}
.price2 .comm-tag{ vertical-align: top; margin: -6px 0 0 3px;}
.price2-ex2 .price2-txt{ margin-top: 4px}
.price2-ex2 .price2-num{ font-size: 18px}
.price2-ex3 .price2-txt{ margin-top: 17px}
.price2-ex3 .price2-num{ font-size: 30px}
.price2-ex3 .price2-unit{ font-size:22px; color: #ff3f3f; display: inline-block; margin-top:9px; vertical-align: top; *display: inline; *zoom:1;}

/* comm-tag */
.comm-tag{ display: inline-block; *display: inline; *zoom:1; margin-left:2px;font-size: 12px; color: #fff; background: #ff6600; padding: 0 5px; line-height: 18px; height: 18px; font-family:'SimSun'; font-weight: normal; position: relative;}
.comm-tag .tag-triangle{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-bottom:2px dashed transparent; border-right:2px dashed transparent; border-left-style:solid; border-left-width:2px; border-top-style:solid; border-top-width:2px; color: #ff6600; left: 0; bottom: -4px}
.comm-tag-ex2{ background: #26a96d}
.comm-tag-ex2 .tag-triangle{ color: #26a96d}
.comm-tag-ex3{ background: #5996f1;}
.comm-tag-ex3 .tag-triangle{ color: #5996f1}

/* comm-mod */
.comm-mod .mod-hd{ overflow: hidden; *zoom:1; line-height: 24px}
.comm-mod .mod-hd .tit{ float: left; font-size: 16px}
.comm-mod .mod-hd .more{ float: right; color: #888;}

.comm-mod2 .mod-hd{ position: relative; z-index: 2; line-height: 40px}
.comm-mod2 .mod-hd .tit{ font-size: 16px; background: #fff; padding-right:20px; display: inline-block; *display: inline; *zoom:1;}
.comm-mod2 .mod-hd .line{ position: absolute; font-size: 0; line-height: 0; width: 100%; left: 0; top:20px; border-top:1px solid #e2e2e2; z-index: -1}

.comm-mod3{ border: 1px solid #e2e2e2; padding:0 9px}
.comm-mod3 .mod-hd .tit{ color: #666; font-weight: bold; line-height: 38px}

.comm-mod4 .mod-hd .tit{ font-weight: bold; line-height: 40px}

.comm-mod5{ border: 1px solid #e2e2e2}
.comm-mod5 .mod-hd{ overflow: hidden; *zoom:1; background: #f0f0f0; padding: 0 20px}
.comm-mod5 .mod-hd .tit{ float: left; font-size: 26px; position: relative; line-height: 80px; padding-left: 20px;}
.comm-mod5 .mod-hd .sep{ position: absolute; width:6px; height: 26px; overflow: hidden; background: #55e1d2; left: 0; top:50%; margin-top: -13px}
.comm-mod5 .mod-hd .more{ float: right;}
.comm-mod5 .mod-hd .btn-collect3{ margin-top: 25px}

/* pn-wrap */
.pn-wrap{ overflow: hidden; *zoom:1;}
.pn-wrap .pn-wl{ float: left;}
.pn-wrap .pn-wr{ float: right;}
.pn-wrap .pn-w49{ width: 49%}
.pn-wrap .pn-w51{ width: 51%}
.pn-wrap .pn-w20{ width: 20%}
.pn-wrap .pn-w76{ width: 76%}

/* comm-pn */
.comm-pn .pn-hd{ overflow: hidden; *zoom:1; line-height: 40px;}
.comm-pn .pn-hd .tit{ font-size: 18px; float: left;}
.comm-pn .pn-hd .more{ float: right; color: #666; display: block; height: 40px; }
.comm-pn-ex2{ margin-top: 15px}
.comm-pn-ex2 .pn-hd{ line-height: 46px;}
.comm-pn-ex2 .pn-hd .txt{ color: #888; float: left; padding-left: 10px; line-height: 2; margin-top: 10px;}

.comm-pn2 .pn-hd{ overflow: hidden; *zoom:1; padding: 15px 0}
.comm-pn2 .pn-hd .tit{ color: #888; float: left;}
.comm-pn2 .pn-hd .btn{ float: right; display: block; color: #4e88f2}
.comm-pn2 .pn-hd .btn:hover{ text-decoration: none; color: #2e6ddf}
.comm-pn2 .pn-hd .btn:hover .ico3-back{ background-position:-20px 0}

.comm-pn3{ background: url(/ue/a/mai/index/v1.5.1/img/bg6.jpg) top center no-repeat;}
.comm-pn3 .pn-hd{ padding: 2px 0 10px}
.comm-pn3 .pn-hd .tit{ font-size: 32px; color: #55e1d2; margin-top: 50px}

.comm-pn4{ padding: 0 20px}
.comm-pn4 .pn-hd{ border-bottom: 1px solid #e2e2e2}
.comm-pn4 .pn-hd .tit{ font-size: 16px; line-height: 50px}

.comm-pn5{ border: 1px solid #e2e2e2}
.comm-pn5 .pn-hd{ background: #f6f6f6; padding-left: 15px; height: 39px;}
.comm-pn5 .pn-hd .tit{ font-size: 16px; background: #fff; line-height: 40px; height: 40px; display: inline-block; padding: 0 19px; border-top:2px solid #666666; margin-top: -3px; *display: inline; *zoom:1; *position: relative;}
.comm-pn5 .pn-bd{ padding: 0 19px}

/* comm-table */
.comm-table-box{ border: 1px solid #e2e2e2; border-bottom: none}
.comm-table thead th{ background: #f0f0f0; color: #aaaaaa; height: 36px; vertical-align: middle; padding: 0 5px}
.comm-table thead .col1{ padding-left: 10px}
.comm-table tbody td{ padding: 20px 5px; border-bottom: 1px solid #e2e2e2; vertical-align: middle;}
.comm-table .pic-box{ display: block; position: relative; color: #fff}
.comm-table .pic-box img{ width: 100px; height: 100px}
.comm-table .pic-box .tip{ position: absolute; width:36px; height: 36px; border-radius: 100%; text-align: center; line-height: 36px; font-weight: bold; left: 0; top:0;}
.comm-table .pic-box:hover{ text-decoration: none;}
.comm-table .tit{ color: #333; font-size: 16px; display: inline-block; line-height: 24px; margin-bottom: 10px; width: 90%}
.comm-table .tit:hover{ color: #55e1d2; text-decoration: underline;}
.comm-table .total{ font-size: 18px; color: #ff3f3f; font-weight: bold;} 
.comm-table .checkbox{ vertical-align: middle;}
.comm-table label .checkbox{ margin:1px 8px 5px 0;}
.comm-table .btn-box{ margin-top: -5px}
.comm-table .btn-box a{ display: block; padding: 0; text-align: center; margin-top: 5px; white-space: nowrap;}
.comm-table .btn-box .comm-btn5:hover{ padding:1px 0}
.comm-table .link{ color: #4e88f2}
.comm-table .link-sep{ color:#4e88f2; margin: 0  5px}
.comm-table .title{ border-color: #e2e2e2; font-weight: bold; padding-bottom: 10px}
.comm-table .tag{ display: inline-block; background: #ff6600; color: #fff; font: 12px/1.5 normal SimSun; padding:0 5px; *display: inline; *zoom:1;}
.comm-table .nodiscount{ width: 34px; text-align: center;}

.comm-table-p1 .col1{ width: 100px}
.comm-table-p1 .col3{ width: 80px}
.comm-table-p1 .col4{ width: 120px}
.comm-table-p1 .col5{ width: 80px}
.comm-table-p1 .col6{ width: 100px}
.comm-table-p1 .col7{ width: 110px}
.comm-table-p1 .col8{ width: 100px}
.comm-table-p1 tbody .col1{ vertical-align: top; padding-left: 0}
.comm-table-p1 tbody .col2{ vertical-align: top;}

.comm-table-p2 .col1{ width: 20px}
.comm-table-p2 .col2{ width: 100px}
.comm-table-p2 .col4{ width: 80px}
.comm-table-p2 .col5{ width: 110px}
.comm-table-p2 .col6{ width: 70px}
.comm-table-p2 .col7{ width: 90px}
.comm-table-p2 .col8{ width: 110px}
.comm-table-p2 .col9{ width: 100px; padding-right: 0}
.comm-table-p2 thead .col1{ width: 405px}
.comm-table-p2 tbody .col1{ padding-left: 0;}
.comm-table-p2 tbody .col2{ vertical-align: top;}
.comm-table-p2 tbody .col3{ vertical-align: top;}

.comm-table-p3 .col1{ width: 20px}
.comm-table-p3 .col2{ width: 100px}
.comm-table-p3 .col4{ width: 60px}
.comm-table-p3 .col5{ width: 90px}
.comm-table-p3 .col6{ width: 60px}
.comm-table-p3 .col7{ width: 80px}
.comm-table-p3 .col8{ width: 100px}
.comm-table-p3 .col9{ width: 80px; padding-right: 0}
.comm-table-p3 thead .col1{ width: 305px}
.comm-table-p3 tbody .col1{ padding-left: 0}
.comm-table-p3 tbody .col2{ vertical-align: top;}
.comm-table-p3 tbody .col3{ vertical-align: top;}

.comm-table-p4 .col1{ width: 100px; padding-left: 0}
.comm-table-p4 .col2{ width: 400px;}
.comm-table-p4 .col3{ width: 210px}
.comm-table-p4 .col4{ width: 100px; padding-right: 0}

.comm-table-p5 tbody td{ padding: 10px 5px}
.comm-table-p5 .col1{ width: 70px; padding-left: 10px}
.comm-table-p5 .col3{ width: 100px}
.comm-table-p5 .col4{ width: 60px}
.comm-table-p5 .col5{ width: 90px}
.comm-table-p5 .col6{ width: 75px}
.comm-table-p5 .col7{ width: 80px; padding-right: 10px}

.comm-table-p6 .col1{ width: 100px}
.comm-table-p6 .col2{ width: 355px}
.comm-table-p6 .col3{ width: 100px}
.comm-table-p6 .col4{ width: 80px}
.comm-table-p6 .col5{ width: 70px}
.comm-table-p6 .col6{ width: 100px}
.comm-table-p6 .col7{ width: 90px}
.comm-table-p6 tbody .col1{ vertical-align: top; padding-left: 0}
.comm-table-p6 tbody .col2{ vertical-align: top;}

.comm-table-p7 .col1{ width: 100px}
.comm-table-p7 .col3{ width: 110px}
.comm-table-p7 .col4{ width: 90px}
.comm-table-p7 .col5{ width: 70px}
.comm-table-p7 .col6{ width: 90px}
.comm-table-p7 tbody .col1{ vertical-align: top; padding-left: 0}
.comm-table-p7 tbody .col2{ vertical-align: top;}

.comm-table2-box{ border: 1px solid #e8e8e8; border-bottom: none}
.comm-table2 th{ background: #f6f6f6; height: 40px; vertical-align: middle; padding: 0 5px; color: #888}
.comm-table2 .pic-box img{ width: 100px; height: 100px}
.comm-table2 td{ border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 15px 5px; vertical-align:top; line-height: 24px;}
.comm-table2 .tit{ color: #333; margin-bottom: 8px; display: inline-block;}
.comm-table2 .tit:hover{ color: #55e1d2; text-decoration: underline;}
.comm-table2 .total{ color: #ff3f3f; font-weight: bold;} 
.comm-table2 .total-txt{ font-size: 12px; color: #333; line-height: 1.2}
.comm-table2 .btn-box{ text-align: center; margin-bottom: -5px;}
.comm-table2 .btn-box a{ white-space: nowrap; padding:0 10px;}
.comm-table2 .btn-box .comm-btn3, .comm-table2 .btn-box .comm-btn5{ margin-bottom:5px;}
.comm-table2 .btn-box .comm-btn5{ padding: 0 9px}
.comm-table2 .btn-box .comm-btn5:hover{ padding: 1px 10px}
.comm-table2-p1 .col1{ width:100px; padding-left: 10px; border-right: none;}
.comm-table2-p1 .col1:after{  content: "\0020"; visibility: hidden; display: block; font-size: 0; clear: both; height: 0}
.comm-table2-p1 .col1{ *zoom:1;}
.comm-table2-p1 .col2{ width: 310px; border-right: none}
.comm-table2-p1 .col3{ width: 40px;}
.comm-table2-p1 .col4{ width:120px; text-align: center;}
.comm-table2-p1 .col5{ width:90px; text-align: center;}
.comm-table2-p1 .col6{ width:110px; text-align: center;}
.comm-table2-p1 thead .col2{ width: 713px}
.comm-table2-p1 .bdr{ border-right: 1px solid #e8e8e8;}
.comm-table2-p1 .pdt{ padding-top: 5px; padding-bottom: 5px;}
.comm-table2-p1 .step{ position: relative; padding-left: 8px; float: left; *white-space: nowrap;}
.comm-table2-p1 .step .sep{ display: none;}
.comm-table2-p1 .step-active{ color: #54c66c;}
.comm-table2-p1 .step-active .sep{ display: block; position: absolute; width: 4px; height: 18px; left: -11px; top: 50%; margin-top: -9px; overflow: hidden; font-size: 0; background: #54c66c;}
.comm-table2-p1 .step-time{ float: right; color: #ff3f3f; *white-space: nowrap;}

.comm-table3 th{ background: #cccccc; border: 1px solid #2c2c2c; padding: 6px 9px}
.comm-table3 td{ color: #666; border: 1px solid #2c2c2c; padding: 10px 9px}
.comm-table3 p{ text-indent: 2em}
.comm-table3 .col1{ width: 10%}
.comm-table3 .col2{ width: 10%}
.comm-table3 .col3{ width: 80%}

.comm-table4{ table-layout: fixed;}
.comm-table4 td{ background: #f6f6f6; border:1px solid #fff; padding:10px; vertical-align: middle; height: 40px}

/* comm-tab */
.comm-tab .tab-hd{ border-bottom: 2px solid #e2e2e2}
.comm-tab .list-tab-nav{ position: relative; top: 2px; margin-left: -15px; margin-right: -15px}
.comm-tab .list-tab-nav li{ float: left; margin: 0 15px; *display: inline; *zoom:1;}
.comm-tab .list-tab-nav .con{ display: block; color: #333; font-size: 16px; line-height: 36px; margin-bottom: 2px}
.comm-tab .list-tab-nav .con:hover{ text-decoration: none; color: #55e1d2}
.comm-tab .list-tab-nav .current{  color: #55e1d2; border-bottom: 2px solid #55e1d2; margin-bottom: 0}

.comm-tab2 .tab2-hd{ background: #f0f0f0; padding: 0 10px; height: 40px; position: relative;}
.comm-tab2 .list-tab2-nav{ overflow: hidden; *zoom:1; position: absolute; top:-2px;}
.comm-tab2 .list-tab2-nav li{ float: left;}
.comm-tab2 .list-tab2-nav a{ display: inline-block; color: #333; font-size: 16px; line-height: 40px; margin-top: 2px; padding: 0 28px; height: 40px}
.comm-tab2 .list-tab2-nav .current{ border-top:2px solid #55e1d2; margin-top: 0; background: #fff; color: #55e1d2}
.comm-tab2 .list-tab2-nav a:hover{ text-decoration: none; color: #55e1d2}

.comm-tab3 .tab3-hd{ padding: 20px 0}
.comm-tab3 .list-tab3-nav{ overflow: hidden; *zoom:1;}
.comm-tab3 .list-tab3-nav li{ float: left; padding-right: 10px}
.comm-tab3 .list-tab3-nav a{ display: block; color: #888; line-height:28px; border:1px solid #e2e2e2; border-radius: 2px; padding: 0 12px}
.comm-tab3 .list-tab3-nav a:hover{ text-decoration: none; border-color:#888}
.comm-tab3 .list-tab3-nav .current{ color: #fff; background: #4e88f2; border-color: #4e88f2}
.comm-tab3 .list-tab3-nav .current:hover{ border-color:#4e88f2}

/* table-form */
.table-form th{ width: 6em;}
.table-form th, .table-form td{ padding: 5px 0}
.table-form-ex2 th{ width: 7.1em;}
.table-form-ex3 th, .table-form-ex3 td{ padding: 10px 0}

/* search-box */
.search-classify{ position: absolute; top:50%; right:80px; color: #666; font-size: 12px; line-height: 14px; margin-top: -7px; border-left:1px solid #d2d2d2; padding-left: 14px; width: 75px}
.search-classify .triangle{ display:block; overflow:hidden; position:absolute; right: 12px; top:5px; width:0; height:0; font-size:0; border-left:4px dashed transparent; border-right:4px dashed transparent; border-bottom:4px dashed transparent; border-top-style:solid; border-top-width:4px; color: #888;}

.search-tag{ overflow: hidden; *zoom:1; margin-left: -10px; margin-right: -10px; padding-top:5px}
.search-tag a{ font-size: 12px; margin: 0 10px; float: left; display: block; *display: inline; *zoom:1; color: #888}
.search-tag .light1{ color: #ff3f3f}

.search-box{ width:490px;}
.search-box .search-form{position:relative;height:32px;padding:0 180px 0 10px;border:2px solid #333;background-color:#fff; overflow: hidden;}
.search-box .search-form input{width:100%;height:32px;*margin-bottom:-1px;font-size:14px;color:#aaa;_color:#333;line-height:32px\9;border:0;background:0 0;outline:0}
.search-box .search-form input:focus{color:#333}
.search-box .search-form button{position:absolute;top:-2px;right:-2px;width:82px;height:36px;background:#333;border:0;cursor:pointer}
.search-box .search-form button:hover{background-color:#55e1d2}
.search-box .search-form .ico2-search{ line-height: 20em}

.search-box2{ width:490px;}
.search-box2 .search-form{position:relative;height:36px;padding:0 180px 0 10px; background-color:#fff; overflow: hidden;}
.search-box2 .search-form input{width:100%;height:36px;*margin-bottom:-1px;font-size:14px;color:#aaa;_color:#333;line-height:36px\9;border:0;background:0 0;outline:0}
.search-box2 .search-form input:focus{color:#333}
.search-box2 .search-form button{position:absolute;top:-1px;right:-1px;width:81px;height:38px;background:#eeeeee;border:0;cursor:pointer}
.search-box2 .search-form button:hover{background-color:#e2e0e0}
.search-box2 .search-form .ico2-search2{ line-height: 20em}
.search-box2 .search-tag a{ color: #fff}
.search-box2 .search-tag .light1{ color: #ffcd00}

/*search select widget add by clh*/
.search-box .search-select, .search-box2 .search-select{position: absolute;  top: 5px;  right: 82px;  height: 27px;  width: auto;  outline: 0;  margin: 0;  padding: 0;  cursor: pointer;  opacity: 0;  filter: alpha(opacity=0);  visibility: visible;  border: 0;  line-height: 27px;}

/* flowchart */
.flowchart .flowchart-item{ float: left; width: 180px; text-align: center;}
.flowchart .tit{ color: #666; padding-bottom: 6px}
.flowchart .flowchart-box{ height: 22px; position: relative; z-index: 2;}
.flowchart .line{ font-size: 0; line-height: 0; height: 2px; background: #666; position: absolute; right: 0; width: 100%; top:10px; z-index: -1}
.flowchart .num{ display: inline-block; color: #888; width:22px; height: 22px; border-radius: 100%; background: #666; line-height: 22px}
.flowchart .flowchart-item1 .flowchart-box{ background:url(/ue../img/bg-flowchart.png) no-repeat;}
.flowchart .flowchart-item1 .line{ width: 160px;}

.flowchart2{ overflow: hidden; *zoom:1; padding: 40px 0 25px}
.flowchart2 .flowchart-item{ float:left; width: 250px; text-align: center; color: #888; position: relative; *zoom:1;}
.flowchart2 .flowchart-box{ display: inline-block; padding: 4px 3px; line-height: 1; background: #cccccc; border-radius: 100%; *display: inline; *zoom:1;}
.flowchart2 .line1, .flowchart2 .line2{ border-top:1px solid #dddddd; width:90px; position: absolute; top:14px; font-size: 0; overflow: hidden; line-height: 1}
.flowchart2 .line1{ left: 0;}
.flowchart2 .line2{ right: 0;}
.flowchart2 .tit{ padding-top: 5px}
.flowchart2 .time{ font-size: 12px}
.flowchart2 .first .line1, .flowchart2 .last .line2{ display: none;}
.flowchart2 .active .flowchart-box{ background: #55e1d2}
.flowchart2 .active .line1, .flowchart2 .active .line2{ border-color:#55e1d2}
.flowchart2 .active .tit{ color:#55e1d2}
.flowchart2 .active-l .line1{ border-color: #55e1d2}
.flowchart2-ex2 .flowchart-item{ width: 244px}
.flowchart2-ex2 .first{ padding-right: 256px}
.flowchart2-ex2 .last{ padding-left: 256px}
.flowchart2-ex2 .line1, .flowchart2-ex2 .line2{ width: 340px}

/* status-box */
.status-box{ overflow: hidden; *zoom:1; background: #fefdee; border: 1px solid #f8e5bb; padding:27px 19px}
.status-box .box-c1{ float: left;}
.status-box .box-c2{ float: right; margin-top: 11px}
.status-box .tit{ font-size: 20px; font-weight: bold; line-height: 34px}
.status-box .txt{ color: #888; margin-top: 7px}
.status-box .tip{ padding-bottom: 1px}
.status-box .tip .num{ color: #ff3f3f; font-size: 26px;}
.status-box .link-box{ font-size: 0}
.status-box .link-box a{ margin-left: 10px; vertical-align: top;}

.status-box-ex2{ background: #f4fff3; border-color:#cde5cc}

.status-box-ex3{ padding:21px 19px}
.status-box-ex3 .box-c2{ margin-top: 17px}

/* header */
.header{ background: #fff}
.header-in{ width: 1000px; margin: 0 auto; overflow: hidden; *zoom:1; padding: 25px 0 23px}

.header .logo-17173{ float: left; margin-right: 2px; font-size: 0}
.header .logo-17173 img{ width: 162px; height: 54px}
.header .logo-mai{ float: left; margin-top:9px}
.header .search-box{ float: left;  margin:3px 0 0 65px}

.header2{ background: #333; border-bottom:3px solid #78e1da}
.header2 .search-box2{ float: right; margin-top: 3px}
.header2 .flowchart{ float: right; overflow: hidden; *zoom:1;}

/* nav-goods */
.nav-goods{ background: #fff}
.nav-goods-in{ overflow: hidden; *zoom:1; line-height: 40px}
.nav-goods .tit{ float: left; background: #55e1d2; width: 160px; padding: 0 20px; font-size: 16px; color: #fff;}
.nav-goods .detail{ overflow: hidden; *zoom:1; padding: 0 5px;}
.nav-goods .detail a{ color: #333; margin: 0 15px; display: block; float: left;}

.nav-goods2{ border-bottom: 2px solid #55e1d2}

/* list-news */
.list-news{ overflow: hidden; *zoom:1;}
.list-news a{ display: block; color: #666666; line-height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *width: 100%}
.list-news a:hover{ text-decoration: none; color: #55e1d2}
.list-news-ex2 li{ float: left; width: 50%; text-align: center; color: #333}
.list-news-ex2 a{ color: #333;}

.list-news2 li{ border-bottom: 1px dotted #e2e2e2; padding:14px 10px}
.list-news2 .con{ display: inline-block; color: #666;}

/* list-img */
.list-img li{ width: 130px; margin: 0 auto; padding: 10px 0}
.list-img a{ display: block; position: relative; overflow: hidden; border-radius: 100%; color: #fff;*zoom:1;}
.list-img img{ width: 130px; height: 130px; border-radius: 100%; display: block;}
.list-img .detail{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; padding: 5px 0; overflow: hidden;}
.list-img .tit{ display: block; line-height: 18px; height: 36px; overflow: hidden; text-align: center; width: 6em; margin: 0 auto}
.list-img .mask{ width: 130px; height: 130px; border-radius: 100%; top:auto; bottom: 0}

.list-img2 a, .list-img2 .c1, .list-img2 .c2, .list-img2 .t1, .list-img2 .t2{ display: block;}
.list-img2 .t1, .list-img2 .t2{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.list-img2 a{ overflow: hidden; *zoom:1; color: #333; background: #fff; padding: 15px 0; display: block; height: 110px}
.list-img2 .c1{ float: left;}
.list-img2 .c2{ overflow: hidden; *zoom:1; margin-top: 32px}
.list-img2 img{ width: 110px; height: 110px}
.list-img2 .t1{ font-size:18px}
.list-img2 .t2{ font-size:12px; color: #888}
.list-img2 a:hover{ text-decoration: none;}

.list-img3{ *overflow: hidden;}
.list-img3 li{ position: relative; *zoom:1; *float: left; *width: 100%}
.list-img3 .item{ overflow: hidden; *zoom:1; height: 200px}
.list-img3 .item-c1, .list-img3 .item-c2{ float: left; width: 50%}
.list-img3 a, .list-img3 .t1, .list-img3 .t2{ display: block;}
.list-img3 .item-c1 a{ background: #fff; text-align: center; color: #333; padding: 22px 0;}
.list-img3 .item-c1 img{ width: 110px; height: 110px;}
.list-img3 .t1, .list-img3 .t2{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.list-img3 .t1{ font-size: 18px; line-height: 28px}
.list-img3 .t2{ font-size: 12px; color: #888}
.list-img3 a:hover{ text-decoration: none;}
.list-img3 .item-c2 img{ width: 255px; height: 200px; display: block;}
.list-img3 .triangle{ display:block; overflow:hidden; position:absolute; left: 50%; top: 50%; margin-top: -14px; width:0; height:0; font-size:0; border:16px dashed transparent; border-left:16px solid #fff;}
.list-img3 .li-odd .item-c1{ float: right;}
.list-img3 .li-odd .triangle{ margin-left: -32px; border-left:16px dashed transparent; border-right:16px solid #fff;}

.list-img4{ margin-top: -20px;}
.list-img4 li{ margin-top: 20px;}
.list-img4 .art-item, .list-img4 .pic-box, .list-img4 .detail, .list-img4 .tit, .list-img4 .time, .list-img4 .tag-box, .list-img4 .t1 ,.list-img4 .t2{ display: block;}
.list-img4 .art-item{ overflow: hidden; *zoom:1; background: #fff; padding-right: 20px;}
.list-img4 .pic-box{ float: left; margin-right: 20px; overflow: hidden;}
.list-img4 .pic-box img{ width: 210px; height: 126px;}
.list-img4 .detail{ overflow: hidden; *zoom:1; padding-top: 12px;}
.list-img4 .tit{ font-size: 16px; max-height:44px; line-height: 22px; overflow: hidden; _height: 44px;}
.list-img4 .time{ color: #bbb; margin-top: 7px;}
.list-img4 .tag-box{ margin-top: 6px; margin-right: -5px; overflow: hidden; height: 25px;}
.list-img4 .tag{ display: inline-block; vertical-align: middle; color: #999; font-size: 12px; background: #f5f5f5; line-height:25px; padding: 0 5px; margin-right:5px; white-space: nowrap;}
.list-img4 .art-item:hover{ text-decoration: none;}
.list-img4 .art-item:hover .tit{ color: #55e1d2}
.list-img4 .t1, .list-img4 .t2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-img4 .t1{ font-weight: bold; font-size: 18px;}
.list-img4 .t2{ margin-top: 5px;}
.list-img4 .btn-view{ color: #666; display: inline-block; line-height: 28px; padding: 0 16px; border-radius: 15px; border:1px solid #ddd; margin-top: 15px;}
.list-img4 .art-item:hover .btn-view{ color: #fff; border:none; padding: 1px 17px;  background: #55e1d2\9;
    background: -webkit-linear-gradient(left,#6fd8e9,#84efc1); background: linear-gradient(to right,#6fd8e9,#84efc1);}
.list-img4 .pic-box img{  -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.list-img4 .art-item:hover .pic-box img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/* list-goods */
.list-goods{ margin-left: -6px; margin-right:-5px}
.list-goods li{ float: left; margin: 0 5px 0 6px; width: 326px; *display: inline; *zoom:1;}
.list-goods a{ display: block; position: relative; color: #333; width: 326px; height:170px; overflow: hidden; background: #fff}
.list-goods img{ width: 326px; height: 170px; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.list-goods .detail{ display: block; position: absolute; left: 20px; top:17px; width: 200px}
.list-goods .tit{ display: block; font-size: 18px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-goods .txt{ display: block; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-goods .price{ margin-top: 6px}
.list-goods .comm-btn3{ margin-top: 6px; cursor: pointer; color: #333; border: 1px solid #333; line-height: 28px; background: #fff;}
.list-goods a:hover{ text-decoration: none;}
.list-goods .comm-btn3:hover{ color: #fff; background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1); padding: 1px 18px; border:none;}
.list-goods a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}

.list-goods-ex2 .detail{ top:12px;}
.list-goods-ex2 a{ height: 160px}
.list-goods-ex2 img{ height: 160px}

.list-goods2{ overflow: hidden; *zoom:1; margin-left: -1px; margin-top: -1px;}
.list-goods2 li{ float:left; width: 20%}
.list-goods2 .item{ background: #fff; text-align: center; cursor: pointer; border-top: 1px solid #eaeaea;  border-left: 1px solid #eaeaea; height: 119px; overflow: hidden;}
.list-goods2 .pic-box{ padding: 3px 0; width: 199px; text-align: center;}
.list-goods2 .pic-box img{ width: 170px; height: 80px}
.list-goods2 .link-box{ font-size: 0;}
.list-goods2 .link-box a{ font-size: 12px; margin: 0 2px; display: inline-block; line-height: 22px; border:1px solid #eee; background: #eee; color: #666; padding: 0 7px; border-radius: 12px; -webkit-transition:-webkit-transform .2s linear; -moz-transition:-moz-transform .2s linear; -o-transition:-o-transform .2s linear; -ms-transition:-ms-transform .2s linear; transition:transform .2s linear}
.list-goods2 .item{ position: relative; z-index: 1}
.list-goods2 .item:before{ content: ""; position: absolute; left: 0; top:0; z-index: -1; width: 200px; height: 120px; opacity: 0; -webkit-transition: .5s cubic-bezier(.3,0,0,1.3); -ms-transition: .5s cubic-bezier(.3,0,0,1.3); -moz-transition: .5s cubic-bezier(.3,0,0,1.3); -o-transition: .5s cubic-bezier(.3,0,0,1.3); transition: .5s cubic-bezier(.3,0,0,1.3); -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0)}
.list-goods2 li:hover .item:before{ opacity: 1; -webkit-transform: scale(1,1);	-moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1);  transform: scale(1,1); background: #55e1d2;}
.list-goods2 .item:hover, .list-goods2 .hover{ *background: #55e1d2;}
.list-goods2 .nodata:hover .item:before{ display: none}
.list-goods2 .item:hover .link-box a, .list-goods2 .hover .link-box a{ background: #55e1d2; border-color:#fff; color: #fff; }
.list-goods2 .item .link-box a:hover, .list-goods2 .item .link-box a:hover{ border-color:#fff; color: #666; text-decoration: none; background: #fff;}
.list-goods2 .nodata .item{ background: url(/ue1/a/mai/index/2016/img/bg-goods-none.jpg) top center no-repeat;}
.list-goods2 .nodata .pic-box, .list-goods2 .nodata .link-box{ display: none;}
.list-goods2 .nodata .item:hover{ cursor: default;}

.list-goods2-ex2{ margin: 0; overflow:visible; border-top: 1px solid #eaeaea;}
.list-goods2-ex2 .pic-box{ padding: 22px 0}
.list-goods2-ex2 .item{ border: 1px solid #eaeaea; border-top: none; margin-left: -1px; *zoom:1; *position: relative; height: 159px; overflow: hidden;}
.list-goods2-ex2 .item:before{ width: 201px; height: 160px}

.list-goods3 li{ overflow: hidden; *zoom:1; padding: 14px 0 13px; border-bottom: 1px solid #e2e2e2; height: 122px;}
.list-goods3 .info-con{ float: left; color: #888; line-height:22px; padding-top: 8px}
.list-goods3 .pic-box{ display: block; float: left; width: 120px; position: relative; color: #fff; margin-right: 20px}
.list-goods3 .pic-box img{ width: 120px; height: 120px}
.list-goods3 .pic-box .tip{ position: absolute; width:36px; height: 36px; border-radius: 100%; text-align: center; line-height: 36px; font-weight: bold; left: 0; top:0;}
.list-goods3 .pic-box:hover{ text-decoration: none;}
.list-goods3 .detail{ width: 370px; padding-right: 50px; padding-top: 0}
.list-goods3 .tit{ color: #333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 34px; width: 100%}
.list-goods3 .tit a{ color: #333}
.list-goods3 .tit a:hover{ color: #55e1d2; text-decoration: none;}
.list-goods3 .info{ color: #888;}
.list-goods3 .describe{ height: 66px; overflow: hidden;}
.list-goods3 .btn-box{ float: right; width: 100px;}
.list-goods3 .btn-box a{ display: block; padding: 0; text-align: center; margin-top: 8px;}
.list-goods3 .info-price{ width: 140px;}
.list-goods3 .info-inventory{ width: 50px; padding-left: 10px}
.list-goods3 .comm-btn5:hover{ padding: 0 19px; border: 1px solid #55e1d2}
.list-goods3-ex2 .info-price{ width: 130px}
.list-goods3-ex2 .info-intro{ width: 140px;}

.list-goods4{ overflow: hidden; *zoom:1;}
.list-goods4 li{ float: left; width: 250px; text-align: center;}
.list-goods4 .item{ border: 1px solid #e2e2e2; border-top: none; margin-left: -1px; width: 249px; overflow: hidden; position: relative;}
.list-goods4 li:nth-child(4n+1) .item, .list-goods4 .li-4n .item{ margin: 0; width: 248px;}
.list-goods4 .item-c1{ padding: 10px 0 20px}
.list-goods4 .pic-box{ display: block; position: relative; color: #55e1d2;}
.list-goods4 .pic-box .tip{ position: absolute; width:36px; height: 36px; border-radius: 100%; text-align: center; line-height: 36px; font-weight: bold; right:10px; top:0; color: #fff}
.list-goods4 .pic-box .tit{ display: block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding: 0 5%; line-height: 18px}
.list-goods4 .pic-box img{ width: 200px; height: 200px; padding: 10px 24px}
.list-goods4 .pic-box:hover{ text-decoration: none; color: #ff3f3f;}
.list-goods4 .info-price{ margin-top: 3px; text-align: center; font-size: 0;}
.list-goods4 .info-price .price-present, .list-goods4 .info-price .price-original{ display: inline-block; margin: 0 5px; *display: inline; *zoom:1;}
.list-goods4 .info-price .price-original{ font-size: 14px;}
.list-goods4 .item-c2{ position: absolute; width: 100%; height: 90px; left: 0; bottom: -130px; background: #fff; padding-top: 20px; z-index: 5; -webkit-transition:.3s ease; -moz-transition:.3s ease; -ms-transition:.3s ease; transition:.3s ease;}
.list-goods4 .btn-box{ font-size: 0;}
.list-goods4 .btn-box a{ margin: 0 5px; width: 98px; padding: 0;}
.list-goods4 .btn-box .comm-btn5:hover{ padding:1px;}
.list-goods4 .btn-box{ padding-bottom:15px}
.list-goods4 .info{ color: #888;} 
.list-goods4 .bg-mask{ height: 17px; position: absolute; width: 100%; background: url(/ue3/a/mai/index/2016/img/bg-mask.png) no-repeat; left: 0; top:-17px;}
.list-goods4 li:hover .item-c2, .list-goods4 .hover .item-c2{ bottom: 0}

.list-goods5{ overflow: hidden; *zoom:1;}
.list-goods5 li{ float: left; margin: 4px 8px 4px 0; line-height: 1}
.list-goods5 a{ display: inline-block; position: relative;}
.list-goods5 .pic-box{ width: 30px; height: 30px; display: block;}
.list-goods5 .con{ line-height: 28px; border: 1px solid #d5d5d5; white-space: nowrap; padding: 0 11px; color: #333; height: 28px;}
.list-goods5 .pic-box img{ width: 30px; height: 30px}
.list-goods5 .ico2-choose{ position: absolute; right: -1px; bottom: -1px; display: none;}
.list-goods5 a:hover{ text-decoration: none;}
.list-goods5 .pic-box:hover, .list-goods5 .current .pic-box{ border: 2px solid #55e1d2; width: 26px; height: 26px; overflow: hidden;}
.list-goods5 .pic-box:hover img, .list-goods5 .current .pic-box img{ position: relative; left: -2px; top:-2px;}
.list-goods5 .con:hover, .list-goods5 .current .con{ border:2px solid #55e1d2; line-height: 26px; height: 26px; padding: 0 10px}
.list-goods5 .current .ico2-choose{ display: block;}
.list-goods5 .disable .con{ color: #ccc}
.list-goods5 .disable .con:hover{ color: #ccc; cursor: default; border:1px solid #d5d5d5; line-height: 28px; height: 28px; padding: 0 11px}
.list-goods5-ex2 li{ margin-top: 0}
.list-goods5-ex2 .con{ line-height: 34px; height: 34px}
.list-goods5-ex2 .con:hover, .list-goods5-ex2 .current .con{ height: 32px; line-height: 32px}

.list-goods6{ text-align: center;}
.list-goods6 li{ padding: 6px 0}
.list-goods6 a{ color: #333; display: block; position: relative; *zoom:1;}
.list-goods6 .tit{ display: block; padding-top: 6px}
.list-goods6 img{ width: 180px; height: 180px;}
.list-goods6 .txt{ color: #ff3f3f; font-weight: bold;}
.list-goods6 .tip{ position: absolute; width:36px; height: 36px; border-radius: 100%; text-align: center; line-height: 36px; font-weight: bold; right:5px; top:5px; color: #fff}
.list-goods6 a:hover, .list-goods6 a:hover .tip{ text-decoration: none;}
.list-goods6 a:hover .tit{ text-decoration: underline;}

/* list-address */
.list-address{ overflow: hidden; *zoom:1; margin-left: -10px; margin-right: -10px}
.list-address li{ float: left; width: 235px; margin: 0 10px; *display: inline; *zoom:1; padding-top: 20px; line-height: 22px;}
.list-address a, .list-address .con span{ display: block;}
.list-address a{ color: #333; border:2px solid #e2e2e2; border-radius: 4px; padding:13px; height: 122px; line-height: 22px}
.list-address .con{ position: relative; overflow: hidden;}
.list-address .con .txt{ max-height: 44px; _height: 44px; overflow: hidden;}
.list-address .con .name{ font-weight: bold; padding-top:12px}
.list-address .ico3-choose{ position: absolute; right: -1px; bottom:0; display: none;}
.list-address .btn-add{ text-align: center;}
.list-address .btn-add .tit{ display: block;}
.list-address a:hover{ text-decoration: none; border-color: #54c66c}
.list-address .current{ border-color: #54c66c;}
.list-address .current .ico3-choose{ display: block;}

/* scroll-wrap */
.scroll-wrap{ *zoom:1; position:relative; margin:0 auto; z-index: 5}
.scroll-wrap .scroll-box{ position:relative; overflow:hidden; width:1000px; height:170px; margin:0 auto;}
.scroll-wrap .scroll-con{ white-space:nowrap; font-size:0; vertical-align:top; position: relative; overflow:visible;}
.scroll-wrap .scroll-item{display:inline-block; float:none; *display:inline; *zoom:1; width:100%; vertical-align:top; position:relative;}
.scroll-wrap .scroll-bt-prev, .scroll-wrap .scroll-bt-next{ top:64px; display:block; overflow:hidden; position:absolute; z-index:8; width: 42px; height: 42px; line-height: 42px; border-radius:100%; text-align: center; color: #fff; font-size: 26px; font-family: SimSun; background: #999999; background: rgba(0,0,0,0.4); font-weight: bold; display: none;}
.scroll-wrap .scroll-bt-prev{ left:-21px;}
.scroll-wrap .scroll-bt-next{ right:-21px;}
.scroll-wrap .scroll-bt-prev:hover, .scroll-wrap .scroll-bt-next:hover{ text-decoration: none; background:#55e1d2}
.scroll-wrap .hover .scroll-bt-prev, .scroll-wrap .hover .scroll-bt-next{ display:block}
.scroll-wrap .scroll-nav{ font-size: 0; position: absolute; right: 9px; top:-25px;}
.scroll-wrap .scroll-nav a{ display: inline-block; width: 10px; height: 10px; border-radius:5px; background: #aaaaaa; margin: 0 3px; -webkit-transition: width .2s; -moz-transition: width .2s; -ms-transition: width .2s; transition: width .2s;}
.scroll-wrap .scroll-nav .active{ width: 30px; background: #55e1d2}

/* pagination */
.pagination{ font-size: 0; text-align: center; padding: 30px 0}
.pagination a{ display: inline-block; color: #333; font-size: 16px; line-height: 36px; border-radius: 18px; background: #eeeeee; margin: 0 3px; min-width: 10px; text-align: center; padding: 0 13px; white-space: nowrap;}
.pagination .disabled{ display: none;}
.pagination .current{ background: #55e1d2; color: #fff}
.pagination a:hover{ color: #55e1d2; text-decoration: none;}
.pagination .current:hover{ color: #fff}

/* comm-pop */
.comm-pop{ display: none; outline: none; border-radius: 15px}
.comm-pop .close{ position: absolute; color: #fff; font-size: 26px; background: #aaaaaa; border-radius: 100%; text-align: center; width: 34px; height: 34px; line-height: 34px; right: -38px; top:-22px; font-family: SimSun}
.comm-pop .close:hover{ text-decoration: none; background: #ff3f3f}
.comm-pop .pop-in{ background:#f4f4f4; border-radius: 15px; padding: 25px 40px}

.pop-address .pop-in{ width: 320px}

/* fix-box */
.fix-box{ width: 50px; position: fixed; right: 0; top:40%; overflow: hidden; z-index: 500; _position: absolute;}
.fix-box .mask{ filter: alpha(opacity=65); opacity: 0.65; }
.list-fix{ *overflow: hidden; *zoom:1;}
.list-fix li{ *float: left; *width: 100%}
.list-fix .con, .list-fix .c1, .list-fix .c2, .list-fix .t1, .list-fix .t2{ display: block;}
.list-fix .con{ text-align: center; color: #fff; font-size: 12px; position: relative; height: 50px; overflow: hidden; }
.list-fix .c1{ padding: 13px 0;}
.list-fix .c2{ width:100%; line-height: 18px; background: #55e1d2; padding: 7px 0; position: absolute; left: 0; top:50px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -ms-transition-duration:.3s; transition-duration:.3s;}
.list-fix .count{ background: #ff3f3f; width:18px; height: 18px; line-height: 18px; text-align: center; position: absolute; right: 2px; top:5px; border-radius:100%; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -ms-transition-duration:.3s; transition-duration:.3s;}
.list-fix .line{ position: absolute; width:60%; left: 20%; bottom: 0; height: 1px; background: #fff; filter: alpha(opacity=6); opacity: 0.06; font-size: 0; line-height: 0; z-index: 5}
.list-fix .con:hover{ text-decoration: none;}
.list-fix .con:hover .c2{ top:0;}
.list-fix .con:hover .count{ background: #fff; color: #ff3f3f}
.list-fix .gotop{ display: none;}

/* dynamic-img */
.dynamic-img .dynamic-con{ display: block; -webkit-transition:-webkit-transform .2s linear; -moz-transition:-moz-transform .2s linear; -o-transition:-o-transform .2s linear; -ms-transition:-ms-transform .2s linear; transition:transform .2s linear}
.dynamic-img .dynamic-con:hover{ -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); -ms-transform:translateX(-10px); -o-transform:translateX(-10px); transform:translateX(-10px)}

.dynamic-img2 .pic-box{ position: relative; overflow: hidden; display: block}
.dynamic-img2 .pic-box:before{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); content:''; -webkit-transition:-webkit-transform .5s; transition:transform .5s; -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); display: none\9;}
.dynamic-img2 .dynamic-wrap:hover .pic-box:before{ -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}

.dynamic-img3 .dynamic-con{ position: relative; z-index: 1; -webkit-transition:-webkit-transform .2s; transition:transform .2s;}
.dynamic-img3 .dynamic-con:before{ content: ""; position: absolute; left: 0; top:0; z-index: -1; width: 98px; height: 28px; opacity: 0; -webkit-transition: .2s cubic-bezier(.3,0,0,1.3); -ms-transition: .2s cubic-bezier(.3,0,0,1.3); -moz-transition: .2s cubic-bezier(.3,0,0,1.3); -o-transition: .2s cubic-bezier(.3,0,0,1.3); transition: .2s cubic-bezier(.3,0,0,1.3); -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0)}
.dynamic-img3 .dynamic-wrap:hover .dynamic-con:before{ opacity: 1; -webkit-transform: scale(1,1);	-moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1);  transform: scale(1,1); background: #55e1d2;}
.dynamic-img3 .dynamic-wrap:hover .dynamic-con, .dynamic-img3 .hover .dynamic-con{ background: none; *background: #55e1d2; color:#fff; border-color: #55e1d2;}

/* tg-box */
.tg-box{ margin-top: 10px}
.tg-box img{ max-width: 100%}

/* animated */
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
-webkit-keyframes rotateInDownLeft {
	from {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
@keyframes rotateInDownLeft {
	from {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}

/* global-footer */
.global-footer{ color:#888888; padding: 20px 0;}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#888888; padding: 0 10px}

/* comm-dialog */
.comm-dialog{ outline: none}
.comm-dialog .dialog-close{ position: absolute; color: #55e1d2; font-size: 18px; background: #fff; border-radius: 100%; text-align: center; width: 30px; height: 30px; line-height: 30px; right: -15px; top:-15px; font-family: SimSun; font-weight: bold;}
.comm-dialog .dialog-close:hover{ text-decoration: none;}
.comm-dialog .dialog-head{ background: #55e1d2; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 0 20px}
.comm-dialog .dialog-body { background: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding:20px}
.comm-dialog .dialog-title{ color: #fff; font-size: 18px; line-height: 50px}
.comm-dialog .dialog-info-box{ line-height: 20px}
.comm-dialog .dialog-info-box .tit{ font-size: 18px; font-weight: bold; color: #888;}
.comm-dialog .dialog-info-box .txt{ line-height: 28px; margin-top: 13px}
.comm-dialog .dialog-btn-box{ text-align: center; margin-top: 20px; font-size: 0; margin-left: -5px; margin-right: -5px}
.comm-dialog .dialog-btn-box a{ width: 100px; text-align: center; padding: 0; margin: 0 5px; *display: inline; *zoom:1; vertical-align: top;}
.comm-dialog .dialog-btn-box .comm-btn5{ width: 98px}
.comm-dialog .dialog-btn-box .comm-btn5:hover{ padding:1px;}

.comm-dialog2{ outline: none}
.comm-dialog2 .dialog-body{ background: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding:20px; border: 1px solid #e6e6e6; border-top: 2px solid #55e1d2;  box-shadow: 0 2px 10px rgba(0,0,0,.2);}

.dialog-info-card .comm-table4{ margin-bottom:10px}

/* See more: https://groups.google.com/forum/#!topic/recaptcha/eSGKCbh5nlU */
.ue-dialog .dialog-body { position: static !important; }
.ue-dialog{ border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb}

button{cursor: pointer}
button:disabled{cursor: not-allowed}
button.comm-btn3-l2{*line-height:34px;*padding:0 30px;}