/*
* @ description: 鍩虹鏍峰紡+鍏敤鏍峰紡锛屾瘡涓〉闈㈠繀椤诲紩鐢�
* @ author: 娣卞湷绉诲晢鍔ㄥ姏鐢靛瓙鍟嗗姟鏈夐檺鍏徃-鐗堟潈鎵�湁涓ョ鎶勮
* @ update: www.esungyun.com(2016.01.01)
*/

/*=============================================================== base CSS ===============================================================*/
/*---reset CSS---*/
body,div,section,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}

/***S important***/
body{min-width:320px; max-width:640px;margin: 0 auto; font:12px/1.5 "Microsoft YaHei", Sans-serif;color:#555555;}
a{color:#333333; text-decoration:none; outline:none;}
fieldset,input,textarea,button,select,option{font-family: "Microsoft YaHei", Sans-serif;font-size: 12px;}
input[type=submit],botton,input[type=botton]{cursor: pointer;}
i{font-style: normal;}
/***E important***/

a{color:#333; text-decoration: none;}
a:hover{color:#ff2832;}

/*---elements CSS---*/
/*fonts*/
.fb{font-weight:bold}.fn{font-weight:normal}.f18{font-size: 18px;}.f16{font-size: 16px;}.f14{font-size: 14px;}.f12{font-size: 12px;}
.fyahei{font-family:"microsoft yahei", Sans-serif;}
.t2{text-indent:2em}.lh150{line-height:1.5}.lh180{line-height:1.8}.lh200{line-height:2}
/*position*/
.pr{position:relative}.pa{position:absolute}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}.fr{float:right;display:inline}
.cb{clear:both}.cl{clear:left}.cr{clear:right}
.vm{vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}.clearfix{display:block}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.text-v{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*margin 5~100px*/
.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m30{margin:30px}.m50{margin:50px}.m100{margin:100px}
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mt100{margin-top:100px}
.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr50{margin-right:50px}.mr100{margin-right:100px}
.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}
.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml50{margin-left:50px}.ml100{margin-left:100px}
/*padding 3~100px*/
.ph3{padding:0 3px;}.ph5{padding:0 5px;}.ph10{padding:0 10px;}.ph15{padding:0 15px;}.ph20{padding:0 20px;}.ph30{padding:0 30px;}.ph50{padding:0 50px;}.ph100{padding:0 100px;}
.pv3{padding:3px 0;}.pv5{padding:5px 0;}.pv10{padding:10px 0;}.pv15{padding:15px 0;}.pv20{padding:20px 0;}.pv30{padding:30px 0;}.pv50{padding:50px 0;}.pv100{padding:100px 0;}

/*color*/
.gray{color:gray;}
.blue{color:#005ea7;}
.green{color:green;}
.red{color:red;}
.black{color:#333;}
.orange{color: #ea5c08;}
.highline{color: #fb9800;}

.font-highline{color: #fe7b2b;}
.font-red{color: #dd2727;}
.font-normal{color: #666666;}
.font-gray{color: #999999;}

.font-thisPrice{font-size: 16px;color: #ff0000;}
.font-oldPrice{font-size: 16px;color: #666666;text-decoration: line-through;}

/*background color*/
.background-gray{background-color: #f4f4f4;}

/*other*/
/*fixeder*/
.fixed{position: fixed; top: 0;width: 1000px;z-index: 999;background-color: #f2f2f2;border-bottom-color: #ccc;border-right-color:#ccc;  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);}

/*--sprite--*/
.icon,
.icon-home,
.icon-back,
.icon-cart,
.icon-cart-num,
.icon-delete,
.icon-checkbox,
.search-submit{display: inline-block; background-image: url(../img/icons.png);background-repeat: no-repeat;}
.btns{background-image: url(../img/btns.png);}
/*--icons--*/
.icon-home{display: inline-block;width: 24px;height: 24px;background-position: 0 0;vertical-align: -3px;}
.icon-back{display: inline-block;width: 24px;height: 24px;background-position: -196px 0;vertical-align: -3px;}
.icon-cart{display: inline-block;width: 19px;height: 17px;background-position: -34px 0;vertical-align: -3px;}
.icon-cart-num{display: inline-block;width: 12px;height: 12px;background-position: -55px 0;vertical-align: -3px;}
.icon-delete{display: inline-block;width: 13px;height: 17px;background-position: -70px 0;vertical-align: -3px;}
.icon-checkbox{display: inline-block;width: 21px;height: 21px;background-position: -86px 0;vertical-align: -3px;}
.on .icon-checkbox{background-position: -109px 0;}
.icon-arrow-right{display: inline-block;width: 10px;height: 17px;background-position: -22px -18px;vertical-align: -3px;}
.icon-new{display: inline-block;width: 17px;height: 17px;background-position: -1px -20px;vertical-align: -3px;}
.icon-more{display: inline-block;width: 16px;height: 16px; margin: 0 0 0 3px; background-position: -100px -48px;vertical-align: -3px;}
.icon-horn{display: inline-block;width: 24px;height: 24px;background-position: -100px 0;vertical-align: -6px;}
.icon-flower{display: inline-block;width: 24px;height: 24px;background-position: -124px 0;vertical-align: -6px;}
.icon-silk{display: inline-block;width: 24px;height: 24px;background-position: -148px 0;vertical-align: -6px;}
.icon-designer{display: inline-block;width: 24px;height: 24px;background-position: -172px 0;vertical-align: -6px;}

/*arrow 涓夎褰�/
.cssarr-down,
.cssarr-up,
.cssarr-right,
.cssarr-left{display: inline-block;border: 4px dashed;border-top-style: solid;height: 0;line-height: 0;font-size: 0;vertical-align: middle;overflow: hidden;}
.cssarr-down{border-color: #666666 transparent transparent;}
.cssarr-up{border-color: transparent transparent #666666;border-bottom-style: solid; position:relative; top:-4px;}
.cssarr-right{border-color: transparent transparent transparent #666666; position:relative; right:-2px;}
.cssarr-left{border-color: transparent #666666 transparent transparent; position:relative; left:-2px;}

/*tip*/
.icon-tipg,
.icon-tipb{display: inline-block;width: 59px;height: 20px;background-position: -474px -215px;}
.icon-tipb{background-position: -411px -215px;}

/*--btns--*/
/*鍥剧墖鎸夐挳 solid button*/
.btns{display: inline-block; border: 1px solid #d7d7d7;border-bottom-color: #c1c1c1; border-radius: 1px;width: 58px;height: 24px;line-height: 24px; font-family: "microsoft yahei"; font-size: 18px;font-weight: 400;text-shadow: 0 0 2px rgba(0,0,0,.5); color: #f0e0d1;text-align: center; cursor: pointer;box-shadow: 0 1px 2px 0px rgba(9,9,9,.15);transition: border-color .2s linear;}
.btns-gb{width: 172px;height: 34px;line-height: 34px;background-position: 0 0;color: #666666;text-shadow: none;}
.btns-gm{width: 124px;height: 34px;line-height: 34px;background-position: 0 0;color: #666666;font-size: 16px; text-shadow: none;text-shadow: none;}
.btns-gs{width: 80px;height: 34px;line-height: 34px;background-position: 0 0;color: #666666;font-size: 14px;text-shadow: none;}
.btns-ga{width: auto;height: auto;line-height: 1; padding: 4px 10px;background-position: 0 0;color: #666666;text-shadow: none;}

.btns-rb{width: 172px;height: 34px;line-height: 34px;border-color: #DF2606; background-position: 0 -150px;color: #ffffff;}
.btns-rm{width: 124px;height: 34px;line-height: 34px;border-color: #DF2606;background-position: 0 -150px;color: #ffffff;}
.btns-rs{width: 80px;height: 34px;line-height: 34px;border-color: #DF2606;background-position: 0 -150px;color: #ffffff;font-size: 14px;font-weight: 400;}
.btns-ra{width: auto;height: 34px;line-height: 34px;border-color: #DF2606; padding: 0 10px;background-position: 0 -150px;color: #ffffff;}

.btns-bb{width: 172px;height: 34px;line-height: 34px;border-color: #282932; background-position: 0 -300px;}
.btns-bm{width: 124px;height: 34px;line-height: 34px;border-color: #282932;background-position: 0 -300px;}
.btns-bs{width: 80px;height: 34px;line-height: 34px;border-color: #282932;background-position: 0 -300px;font-size: 14px;font-weight: 400;}
.btns-bxs{width: 80px;height: 20px;line-height: 20px;border-color: #282932;background-position: 0 -300px;font-size: 15px;font-weight: 400;}
.btns-ba{width: auto;height: 34px;line-height: 34px;border-color: #282932; padding: 0 10px;background-position: 0 -300px;color: #ffffff;}

.btns-height{height: 46px;line-height: 46px;}

.btns-icon-star{width: 202px;height: 53px;padding: 0 0 0 66px;border: none; background-position: 0 -450px; line-height: 53px;font-size: 20px;font-weight: 700;color: #ffffff;text-shadow: none;}
.btns-icon-star:hover{background-position: 0 -505px;color: #ffffff;}
/*鎵佸钩鎸夐挳 flat button*/
.btnf{display: inline-block;padding: 0 7px; height: 24px;border-radius: 3px; line-height: 24px;color: #666666;text-align: center; cursor: pointer;transition: border-color .2s linear;}
.btnf-gb{height: 24px;border: 1px solid #dcdcdc; line-height: 24px;font-weight: 400;}
.btnf-gm{height: 24px;border: 1px solid #dcdcdc;line-height: 24px;font-weight: 400;}
.btnf-gs{height: 24px;border: 1px solid #dcdcdc;line-height: 24px;font-weight: 400;}
.btnf-gp{height: 24px;border: 1px solid #dcdcdc;line-height: 24px;background: #d49d74;color: #ffffff;font-weight: 400;}
.btnf-gg{height: 24px;border: 1px solid #dcdcdc;line-height: 24px;background: #a7a7a7;color: #ffffff;font-weight: 400;}
.btnf-ggr{height: 24px;border: 1px solid #dcdcdc;line-height: 24px;background: #9eb86e;color: #ffffff;font-weight: 400;}
.btnf-ggxs{width: 60px; height: 24px;padding: 0; border: none;line-height: 20px;background: #8fc221;color: #ffffff;font-weight: 400;font-size: 12px;}
.btnf-gxs{width: 60px; height: 24px;padding: 0; border: none;line-height: 24px;background: #dedede;color: #666666;font-weight: 400;font-size: 12px;}

.btnf-rb{height: 24px;line-height: 24px;background: #fe7b2b;color: #ffffff;}
.btnf-rm{height: 24px;line-height: 24px;background: #fe7b2b;color: #ffffff;}
.btnf-rs{height: 24px;line-height: 24px;background: #fe7b2b;color: #ffffff;}
.btnf-rp{height: 24px;line-height: 24px;background: #fe7b2b;color: #ffffff;}
.btnf-rxs{width: 60px; height: 24px;padding: 0; border: none;line-height: 24px;background: #fe7b2b;color: #ffffff;font-weight: 400;font-size: 12px;}

.btnf-bb{height: 24px;line-height: 24px;background: #111111;color: #ffffff;}
.btnf-bm{border-radius: 3px; width: 108px; height: 24px;line-height: 24px;background: #3e414c;color: #fff;font-weight: 400;}
.btnf-bs{width: 60px; height: 24px;border-radius: 2px; line-height: 24px;background: #8fc221;color: #ffffff;font-weight: 400;}
.btnf-bp{height: 24px;line-height: 24px;background: #111111;color: #ffffff;}

.btnf-pb{height: 24px;line-height: 24px;background: #f05764;color: #ffffff;}
.btnf-pm{border-radius: 3px; width: 108px; height: 24px;line-height: 24px;background: #f05764;color: #ffffff;font-size: 14px;font-weight: 400;}
.btnf-ps{width: 60px; height: 24px;border-radius: 2px; line-height: 24px;background: #f05764;color: #ffffff;font-size: 15px;font-weight: 400;}
.btnf-pp{height: 24px;line-height: 24px;background: #f05764;color: #ffffff;}

.btnf-buy{float: left; width: 48%;height: 28px;border-radius: 3px;margin: 0 1%; background-color: #f00000;line-height: 26px;text-align: center; font-weight: 700;color: #ffffff;}
.btnf-cart{float: left; width: 48%;height: 28px;border-radius: 3px;margin: 0 1%; background-color: #21c4a6;line-height: 26px;text-align: center; font-weight: 700;color: #ffffff;}
/*鎸夐挳鐨勭姸鎬�/
.btns-disabled,
.btns-disabled:hover,
.btns-disabled:active{background: rgb(225, 225, 225);border-color: rgb(216, 216, 216);color: rgb(150, 150, 150);text-shadow: none;box-shadow: none;cursor: default;}

/*form elements*/
.select{margin: 0;}
.select,
.texts,
.textm,
.textl,
.textarea{border: 1px solid #dcdcdc;padding: 2px;}
.texts,
.textm,
.textl{height: 14px;padding: 5px;}
.texts{width: 100px;}
.textm{width: 200px;}
.textl{width: 300px;}

.file,
.filePrew{display: inline-block;width: 82px;height: 24px;cursor: pointer;}
.file{position: relative;border: 1px solid #bbbbbb;background: none repeat scroll 0 0 #f8f8f8;cursor: pointer;text-align: center;vertical-align: middle;overflow: hidden;}  
.file span{display: block;line-height: 24px;}  
.file em{display: inline-block;width: 12px;height: 12px;margin-right: 3px;background-position:0 -56px;vertical-align: -2px;overflow: hidden;font-size: 0;}
.file:hover{border-color: #ea5c08;}
.file:hover em{background-position:-14px -56px;}  
.filePrew{position: absolute;top: 0;left: 0;font-size: 100px; /* 澧炲ぇ涓嶅悓娴忚鍣ㄧ殑鍙偣鍑诲尯鍩�*/ opacity: 0; /* 瀹炵幇鐨勫叧閿偣 */filter:alpha(opacity=0);/* 鍏煎IE */}
.checkbox,
.radio{margin-right: 3px;vertical-align: -2px;}
.textareal{width: 600px; height: 300px;}
.textaream{width: 400px; height: 150px;}
.textareas{width: 200px; height: 80px;}

.form{}
.form dl{display:inline-block;margin-bottom: 10px;line-height: 24px;}
.form dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html .form dl{height:1%}
.form dl{display:block}
.form dt,
.form dd{float: left;width: 547px;}
.form dt{clear: left;width: 100px;padding-right: 2px;text-align: right;/*font-size: 14px;*/}
.form .error{display: none; padding: 0 5px;}
/*=============================================================== layout CSS ===============================================================*/
.w{width:720px;min-width: 720px;margin-left:auto;margin-right:auto;}
.machine320 .w,
.ws{width:320px;min-width: 320px;margin-left:auto;margin-right:auto;}

.wrapper{width: 100%;min-width: 320px; height: 100%;background-color: #ffffff;}
.wrap{width: auto;min-width: 300px; margin-left: 10px;margin-right: 10px;}
.wrap-p{width: auto;min-width: 300px; padding-left: 10px;padding-right: 10px;}

.content{/*width:320px;min-width: 320px;*/min-width: 320px; max-width: 640px;margin-left:auto;margin-right:auto;overflow: hidden;}
.items:after,
.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.items,
.wrap{display:inline-block}
.items,
.wrap{display:block}

.row{border-bottom: 1px solid #ddd; margin-bottom: 0px;background-color: #ffffff;}
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/*boxs 鐩掑瓙甯冨眬*/
.webkit-box{display: -webkit-box;display: -moz-box;display: box;width: 100%;}
.webkit-box .flex{display: block;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;width: 33%;}

/*grid layout 鏍煎瓙甯冨眬*/
.grid .item a,
.grid .item img{display: block; width: 100%; height: auto;}

.items-5x{margin: -4% 0 0 -4%;}
.items-5x .item{float: left; width: 16%; margin: 4% 0 0 4%;}

.items-4x{margin: -4% 0 0 -4%;}
.items-4x .item{float: left; width: 21%; margin: 4% 0 0 4%;}

.items-3x{margin: -2% 0 0 -2%;}
.items-3x .item{float: left; width: 31.33333333%; margin: 2% 0 0 2%;}

.items-2x{margin: -4% 0 0 -4%;}
.items-2x .item{float: left; width: 46%; margin: 4% 0 0 4%;}

.imgBox{display: block;}
.imgBox img{display: block;width: 100%;height: auto;}

.box-shadow{border-radius: 4px;background-color: #ffffff;box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);}

/*loading*/
.loading{display: block;width: 100%;padding: 15px 0;}
.loading-msg{text-align: center;}
.loading-msg img{width: 16px;height: 16px; margin: 0 6px; vertical-align: middle;}

.submit{margin-top: 10px;}

/*taber*/
.taber .tabNavs{color: #333333;}
.taber .tabNavs .flex{height: 50px;border-bottom: 2px solid #ffffff; line-height: 52px;text-align: center; color: #333333;cursor: pointer;}
.taber .tabNavs .flex.on{border-bottom-color: #333541;}

.taber{}
.taber .tabNavs{}
.taber .tabNavs:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.taber .tabNav{float: left;margin-right: 3px; font-family: "microsoft yahei";text-align: center;cursor: pointer;}
.taber .tabCons{}
.taber .tabCons:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.taber .tabCon{display: none;}
.taber .tabCon.on{display: block;}
.tabCon{display: none;}
.tabCon.on{display: block;}


/*=============================================================== module CSS ===============================================================*/
/* focus */
.focus{width:100; /*height:183px;*/  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{position:absolute; z-index:1; width:100%; height:10px; padding: 0; bottom:10px; background: none; text-align:center;}
.focus .hd ul{height:10px; line-height: 0; text-align: center; overflow:hidden;}
.focus .hd ul li{display:inline-block; width:10px; height:10px; border-radius:10px; background:#ffffff; text-indent:-9999px; overflow:hidden; margin:0 3px;overflow: hidden;}
.focus .hd ul .on{background:#fb9800;}
.focus .bd{position:relative; z-index:0;}
.focus .bd li{display: table-cell;}
.focus .bd li img{display: block; width:100%; height:auto;}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 鍙栨秷閾炬帴楂樹寒 */ }
/*pictureViewer 鍥剧墖鏌ョ湅鍣�/
#pictureViewer{width: 100%;display: block;}
.pictureViewer-img{width: 100%;height: 100%;overflow: hidden;}
.proScroller{position: relative; width: 100%;height: 100%; overflow: hidden; zoom:1;}
.proScroller-ctrl-prev,
.proScroller-ctrl-next{position: absolute;left: 6px;top: 50%;margin-top: -25px; display: block; width: 28px;height: 50px; zoom:1; background-position:0 -505px; cursor: pointer;z-index: 2;}
.proScroller-ctrl-next{left: inherit;right: 6px; background-position: -30px -505px;}
.proScroller-ctrl-prev:hover{background-position: 0 -555px;}
.proScroller-ctrl-next:hover{background-position: -30px -555px;}
.proScroller-m{width: 100%;height: 100%; overflow: hidden;}
.proScroller-m .proScroller-ul{width: 320%; zoom:1;}
.proScroller-m .item{float: left;/*margin-right: 2px;*/}
.proScroller-m .item a{display: block; overflow: hidden;}

/*pictureViewer 鍥剧墖鏌ョ湅鍣�/
.pictureViewer,
.proScroller,
.proScroller-m{width: 100%;height: 100%;}
.proScroller-ctrl-prev,
.proScroller-ctrl-next{width: 45px;height: 130px;margin-top: -65px; background: url(../img/icons.png) no-repeat 0 -272px;}
.proScroller-ctrl-next{background-position: -47px -272px;}
.proScroller-ctrl-prev:hover{background-position: 0 -272px;}
.proScroller-ctrl-next:hover{background-position: -47px -272px;}


/*star 璇勫垎绛夌骇*/
.star { width: 102px; vertical-align: -3px;}
.star .stat-outer {display: inline-block; height: 16px; background-repeat: no-repeat; background-image: url(../img/sunOrderListPoint2.png);background-position: 0px 2px; }
.star .stat-inner {display: inline-block; background-position: right; height: 16px; background-image: url(../img/sunOrderListPoint1.png); background-repeat: no-repeat; }
.star span { display: block; height: 30px; float: left; }
.star1 .stat-outer { width: 7px; }
.star1 .stat-inner { width: 79px; }
.star2 .stat-outer { width: 13px; }
.star2 .stat-inner { width: 73px; }
.star3 .stat-outer { width: 23px; }
.star3 .stat-inner { width: 63px; }
.star4 .stat-outer { width: 30px; }
.star4 .stat-inner { width: 56px; }
.star5 .stat-outer { width: 40px; }
.star5 .stat-inner { width: 47px; }
.star6 .stat-outer { width: 45px; }
.star6 .stat-inner { width: 40px; }
.star7 .stat-outer { width: 55px; }
.star7 .stat-inner { width: 31px; }
.star8 .stat-outer { width: 62px; }
.star8 .stat-inner { width: 24px; }
.star9 .stat-outer { width: 71px; }
.star9 .stat-inner { width: 15px; }
.star10 .stat-outer { width: 79px; }
.star10 .stat-inner { width: 0px; }

/*mask 閬僵灞�/
.mask{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:#000000;z-index:998;opacity: .5;filter: alpha(opacity=50);}
.fixed{position: fixed; top: 0; z-index: 999; display: none; max-width: 640px;min-width: 640px;height: 100%;background-color: rgba(0,0,0,.4);}

/*寮瑰嚭灞�/
.alert{position:fixed;_position:absolute;top: 50%;left: 50%; display:none;width:300px;min-width: 300px; margin: -250px 0 0 -150px; background:#FFFFFF;box-shadow:0 0 5px 2px rgba(0,0,0,.3);z-index:1000;}
.alert .mt{position: relative; height:30px;line-height:30px;background:#333541;padding:10px;text-align: center; font-size: 16px;color: #ffffff;}
.alert .mt .btn-clear,
.alert .mt .btn-sure{position: absolute;top: 10px;left: 10px; display:block;width:56px;height:30px;border-radius:3px;background-color: #71727a;color: #ffffff;cursor: pointer;}
.alert .mt .btn-sure{left: inherit;right: 10px; background-color: #fff100;color: #333333;}
.alert .mc{min-height:100px;max-height: 600px; overflow:auto;padding:10px 15px;}
.alert .mf{padding-top:10px;text-align:center;}

/*freeData 缂栬緫鍣ㄥ唴瀹规牱寮�/
.freeData img{max-width: 100%;height: auto; vertical-align: middle;border:none;}

/*preload 棰勫姞杞�/
.preload-placeholder{padding: 20px 0;height: 32px;line-height: 32px;text-align: center;}
.preload-placeholder img{vertical-align: middle;}
.preload-placeholder em{padding: 0 5px;font-size: 12px;color: #999999;}

/*=============================================================== state CSS ===============================================================*/


/*=== Header =====================================================================================================*/
.header{z-index: 1;position: relative; width: 100%;height: 22px;line-height: 22px; padding:14px 0; box-shadow: 2px 2px 2px rgba(0,0,0,.3) }
.header .logo{float: left;}
.header .logo a{float: left;}
.header .logo .txt{float: left;margin-top: -1px; font-size: 12px;}
.header .nav{float: right;}
.header .nav .fa{color: #333; font-size: 21px;}
.fixBottom{padding-bottom: 50px;}

/*搴曢儴璐拱鏍�/
.bottomMenu{position:fixed;z-index: 10; bottom:0;width:100%;min-width:320px;  max-width:640px; height:50px;color:#999; border-top: #ddd 1px solid;background-color: #fff;}
.bottomMenu .flex{height: 30px; padding: 10px 0; line-height: 15px; text-align:center;color:#999;}
.bottomMenu .fa{display: block; margin:auto; font-size: 16px; color: #999; margin-bottom: 3px; font-size: 16px;}
.bottomMenu .on .fa{color: #ff4060;}
.bottomMenu .on {color: #ff4060;}

.focus{width:100%; /*height:183px;*/  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{position:absolute; z-index:1; width:100%; height:10px; padding: 0; bottom:10px; background: none; text-align:center;}
.focus .hd ul{height:10px; line-height: 0; text-align: center; overflow:hidden; display: none;}
.focus .hd ul li{display:inline-block; width:10px; height:10px; border-radius:10px; background:#ffffff; text-indent:-9999px; overflow:hidden; margin:0 3px;overflow: hidden;}
.focus .hd ul .on{background:#fb9800;}
.focus .bd{position:relative; z-index:0;}
.focus .bd li{display: table-cell; position: relative;}
.focus .bd li img{display: block; width:100%; height:183px;}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 鍙栨秷閾炬帴楂樹寒 */ }
.focus .bd .txt{position: absolute; bottom: 0;width: 100%; /* height: 50px; */ background-color: rgba(0,0,0,.4); color: #fff; line-height: 20px;}
.focus .bd .txt .title{ font-size: 14px; margin-top: 5px;overflow: hidden;}
.focus .bd .txt .info{ overflow: hidden;}

/* 寮瑰嚭瀵艰埅*/
.screeningSlide{z-index: 1000; position: fixed;top: 0;left: 120%; width: 80%;height: 100%;}
.screeningSlide-mask{display: none; z-index: 10; position: fixed; top: 0;left: 0; width: 100%;height: 100% ;background-color: rgba(0,0,0,.4)}
.screeningSlide .screeningSlide-wrap{z-index: 11; position: relative;top:0;left: 0; width: 100%; height: 100%;overflow: auto; background-color: #fff}
.screeningSlide .hd{position: relative; height: 45px;line-height: 45px;color: #333; text-align: center; background-color: #eeeeee; box-sizing:border-box;}
.screeningSlide .hd .back{position: absolute;left: 10px;top: 0; height: 40px;}
.screeningSlide .hd .back .fa{color: #9c9c9c; font-size: 18px;}
.screeningSlide .bd {width: 100%;overflow: hidden;}
.screeningSlide .bd .circle{display:block; width: 6px;height: 6px; background-color: #666666; border-radius: 50%;}
.screeningSlide .bd .itemLine{ height: 40px;line-height: 40px;padding: 0;}
.screeningSlide .bd .itemLine .name{color: #333;}
.screeningSlide .bd .itemLine.on .name{color: #ff4060;}
.screeningSlide .bd .itemLine.on .circle{background-color: #ff4060;}
.screeningSlide .bd .arrow-more{margin-top: -3px;}
.screeningSlide .bd  a{display: block;height: 100%;}
.screeningSlide .screenWrap{padding: 0 10px;overflow: hidden;}



/*=============================================================== theme CSS ===============================================================*/
.body-grayBg{background-color: #eeeeee;}
.body-grayBg .wrapper{background-color: transparent;}
.body-grayBg .tabNavs,
.body-grayBg .section,
.body-grayBg .footer{background-color: #ffffff;}

/*pagination*/
.page{padding: 15px 0;height: 30px;}
.page-ul{text-align:center; overflow: hidden;}
.page-ul li{float:left;margin-left:6px;margin-bottom: 5px; display:block;_display:inline; white-space: nowrap;_display: inline;}
.page-ul li span,
.page-ul li a{display: inline-block;border:1px solid #dddddd;height: 28px;padding:0 12px;color:#666;background-color: #ffffff;font: 500 14px/28px "microsoft yahei";}
.page-ul .previous-off,
.page-ul .next-off{color:#999999;}
.page-ul .on,.page-ul li.thisclass a,
.page-ul a:hover{background-color: #ff4060;border-color: #ff4060;color: #ffffff;}

.page-square{padding: 20px 0;position: relative;}
fe7b2bign:center; overflow: hidden; margin:auto }
.page-square li{float:left;margin-left:2px;margin-bottom: 5px; display:block;_display:inline; white-space: nowrap;_display: inline;}
.page-square li span,
.page-square li a{display: inline-block; border:1px solid #dddddd;height: 28px;padding:0 10px;color:#666;background-color: #ffffff;font: 500 14px/28px "microsoft yahei";}
.page-square .previous-off,
.page-square .next-off{color:#999999;}
.page-square .on,
.page-square a:hover{background-color: #ff4060;color: #ffffff;border-color: #ff4060;}
.prri{width: 48px; height: 18px;border: #e2e2e2 1px solid;margin-top: -5px}
.prri-btn{width: 48px; height: 20px; border: #dddddd 1px solid;background-color: #eeeeee;cursor: pointer;margin-left: 5px}
.goto{width: 48px; height: 20px;padding: 2px 0; border: #e2e2e2 1px solid;margin: -6px 8px 0 8px;}
.page-go{float: left; line-height: 30px; font-size: 14px;margin-left: 12px}
.prri-btn.go-btn{height: 24px}

/*--pagination--*/
/*page-radius*/
.page-radius .page-ul li span,
.page-radius .page-ul li a{border:none; border-radius: 3px; height: 22px;padding:0 7px;color:#444444;background-color: #e2e2e2;font: 500 12px/22px "microsoft yahei";}
.page-radius .page-ul .on,
.page-radius .page-ul a:hover{background-color: #fe7b2b;}
/*page-left*/
.page-left .page-ul{float: left;} 
/*page-center*/
.page-center .wrapper{position:relative;left:50%;float:left;} 
.page-center .page-ul{position:relative;left:-50%;float:left;} 
/*page-right*/
.page-right .page-ul{float: right;} 
/*--mask,alert--*/
.mask-black{background-color:#000000;}

.footer{text-align:center;border-top: 1px solid #ddd; padding-top:10px; padding-bottom:10px;background-color: #f6f6f6; color: #999999;}


.cd-top{position:fixed;bottom:30px; right:0; z-index:99999; overflow: hidden;cursor:pointer;}
.cd-top img{ max-width:45px; max-height:45px;}