@charset "utf-8";
/********公用开始*********/
/*css reset*/
body,div,p,th,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,blockquote{margin:0px;padding:0px}
input,textarea,select{outline:none;resize:none}
fieldset,img,abbr,acronym{border:none}
img{vertical-align:middle}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing2:0px}
ol,ul,li{list-style:none}
p{word-wrap:break-word}
h1,h2,h3,h4,h5,h6{font-size:100%;}
/*Global definition*/
html{color:#000000;background:#f9f8f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;min-height: 100%;}
body{margin:0 auto;background:#f9f8f9;font-size:14px;line-height:30px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica，Arial，sans-serif;_background-image:url(about:blank);_background-attachment:fixed;min-height:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -moz-font-feature-settings:"liga","kern";
}
a{color:#000000;text-decoration:none;outline:none}
/*a:hover{text-decoration:underline;}
/*a:visited{color:#999999;}*/
a:hover{color:#000000}
a:active{color:#000000}
h2{font-family:"Microsoft Yahei";font-size:14px;}
.fmE{font-family:Verdana}
/*box*/
.pw{width:980px;margin:0 auto;}
.pw900{width:900px;margin:0 auto;}
.lay440{width:440px;}
.mt20{margin-top: 20px;}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
.oh{overflow:hidden;zoom:1}
.clear{clear:both;width:100%;display:block;height:0px;line-height:0px;font-weight:normal;overflow:hidden}
.fix,.z{*zoom:1}
.fix:after{clear:both;content:" ";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
/*font*/
.f12{font-size:12px}
.f14{font-size:14px!important}
.fb{font-weight:bold}
.fBlodF a{ font-family:'Microsoft Yahei'; font-weight:bold}
.graTit i,.footer span{font-family:"Verdana";}
/*********公用结束****/
/*图片居中*/
.imgWrap { width:286px; height:350px; text-align:center;overflow:hidden; display:table;table-layout:fixed\9;background:#ffffff; color:#ffffff;list-style:none;font-family:"宋体"; }
:root .imgWrap { table-layout:auto;}
.imgWrap .imgCell { display:table-cell;width:180px; height:180px; overflow:hidden;line-height:180px; font-size:180px;vertical-align:middle;}
.imgWrap img {max-width:180px; max-height:180px;vertical-align:middle;font-size:0px; }
.verticalWrap{display:table-cell;vertical-align: middle;float:right;}
.verticalCell{position: relative;top: 50%;+top: 100%;}
.vertical{text-align: center;position: relative;top: -50%;+top: -50%;}

.copyright{background-color: #fff;text-align: center;line-height: 22px;color:#333;font-family: Verdana,'Microsoft Yahei';margin-top: 150px;padding:20px 0 23px;}

/*小三角*/
.triangle{display:inline-block;width: 0;height: 0;border-style: solid;vertical-align: middle;}
.leftTriangel{border-width: 6px 10px 6px 0;border-color: transparent #ffffff transparent transparent;}
.rightTriangel{border-width: 6px 0 6px 10px;border-color: transparent  transparent transparent #ffffff;}
.topTriangel{border-width: 0 6px 10px 6px ;border-color:  transparent  transparent #ffffff transparent;}
.bottomTriangel{border-width: 6px 10px 0 6px ;border-color: #ffffff transparent  transparent  transparent;}
/*圆角*/
.leftTopCorner{border-top-left-radius: 10px;}
.leftBottomCorner{border-bottom-left-radius: 10px;}
.rightTopCorner{border-top-right-radius: 10px;}
.rightBottomCorner{border-bottom-right-radius: 10px;}

/*菜单*/
.fixedWrap{position: fixed;top: 0;width: 100%;height: 10px;z-index: 102;}
.scrollActive{background-color: #ffffff;}
.menuWrap{position: fixed;top: 10px;left:50%;margin-left:-440px;width: 945px;height: 50px;z-index: 1;}
.homePage{margin-left: -350px;}
.alpha{position: absolute;width: 100%;height: 100%;opacity: .9;filter: Alpha(opacity=90)\9; display: none; background: #50c0d4;z-index: -1;top: 0;left: 0;
}
.menuBg .alpha{display: block;}
.menuList{padding-left: 55px;height: 100%;overflow: hidden;}
.menuList a{display: inline-block;letter-spacing:1px;float: left;font-size: 16px;color: #27282d;margin-right: 25px; line-height: 50px;font-family: "Microsoft Yahei";margin-left: 10px;}
.menuList a:last-child{margin-right: 0;}
.menuList .dropDown{margin-right: 10px;}
.menuList .user{width: 20px;height: 50px; margin-right: 12px;background-repeat: no-repeat;background-position: center;}
.menuList .unLogin{background-image: url("../imgs/black_user.png")}
.menuList .loginIn{background-image: url("../imgs/black_userDefault.png")}
.menuBg .menuList .unLogin{background-image: url("../imgs/white_user.png")}
.menuBg .menuList .loginIn{background-image: url("../imgs/white_userDefault.png")}
.menuBg .menuList  a{color: #ffffff;}
.menuList .search{width: 16px;height: 50px;background: url("../imgs/search.png") center no-repeat;vertical-align: middle;margin-right: 20px;}
.menuList .searchWrap{z-index: 1; display:none;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.menuList .searchBg{position: absolute;width: 100%;height: 100%;background: #50c0d4;opacity: .9;filter: Alpha(opacity=9);}
.menuList .searchInput{position: absolute;width: 280px;padding: 0 10px;height: 30px;font-size: 14px;line-height: 30px;color: #27282d;font-family: "Microsoft YaHei";background-color: #ffffff;outline: none;border: none;top: 10px;right:0px;}
.menuList .inputWrap{padding: 10px 50px 10px 140px;width: 740px;height: 30px;position: relative;}
.menuList .inputWrap .input{width: 100%; font-family: "Microsoft Yahei";font-size: 16px;line-height: 16px;color: #ffffff;background: transparent;border: none;}
.menuList .seachIcon{position: absolute;top:16px;left: 110px; width: 16px;height: 16px;background: url("../imgs/search.png") no-repeat;}
.menuList .closeSearch{cursor: pointer; position: absolute;top: 0 ;right: 0; width: 50px;height: 50px;background: url("../imgs/closeSearch.png") center center no-repeat;}
.menuList .triangle{border-width: 6px 4px 0 4px;border-color: #ffffff transparent  transparent  transparent;opacity: 0;margin-left: 10px;}
.menuList .current .triangle{opacity: 1;}
.secMenu{position: absolute;width: 100%;top: 100%;}
.secMenu .alphaBox{background: #50c0d4;
    opacity: .9;filter: Alpha(opacity=9)\9;
    /*opacity: 0;filter: Alpha(opacity=0)\9;*/
    position: absolute;height: 0;width: 100%;top: 0;left: 0;
    /*-webkit-transition: height .8s ease;*/
    /*-moz-transition: height .8s ease;*/
    /*-ms-transition: height .8s ease;*/
    /*-o-transition: height .8s ease;*/
    /*transition: height .8s ease;*/
}
.secMenu .current .alphaBox{height: 100%;}
.secMenu .secWrap{position: absolute;width: 100%;top: 0;left: 0;height: 0;overflow: hidden;
    /*display: none;*/
    /*opacity: 0;filter:Alpha(opacity=0)\9;*/
    -webkit-transition: height .8s ease;
    -moz-transition: height .8s ease;
    -ms-transition: height .8s ease;
    -o-transition: height .8s ease;
    transition: height .8s ease;
}
.secMenu .userWrap{width: 160px;left: 770px;}
.secMenu .userWrap .logout,.secMenu .userWrap .logined{display: none;}
.secMenu .userWrap .loginShow{display: block;}

/*.secMenu .secWrap.current{z-index: 1;padding: 10px 0 30px;}*/
.secWrap dl{font-family: "Microsoft Yahei";height: 46px;font-size: 14px;line-height: 46px;color: #ffffff;position: relative;clear: both;}
.secWrap dl dt{float:left;padding-left: 65px;width: 132px;position: relative;
    -webkit-transition: text-indent .35s ease;
    -moz-transition: text-indent .35s ease;
    -ms-transition: text-indent .35s ease;
    -o-transition: text-indent .35s ease;
    transition: text-indent .35s ease;}
.secWrap dl dt a{font-family: "Microsoft Yahei";font-size: 16px;line-height: 46px;color: #ffffff;}
.secMenu .userWrap dl dt{width: 160px;padding: 0;text-align: center;}
.secWrap dl dt .triangle{border-width: 4px 0 4px 6px;border-color: transparent  transparent transparent #ffffff;margin-left: 10px;border-style: solid;opacity: 0;filter: Alpha(opacity=0);}
.secWrap dl dd{padding-left: 200px;opacity: 0;}
.secWrap dl.current dd{display: block;opacity: 1;}
.secWrap dl dd a{font-size: 16px;line-height: 46px;color: #ffffff;margin-right: 30px;white-space: nowrap;}
.secWrap dl dd a:hover{text-decoration: underline;}
.secWrap dl.current dt{text-indent: -10px;}
.secWrap dl.current dt .triangle{opacity: 1;filter: Alpha(opacity=100)\9;}
/*Logo*/
.logo{position: fixed;width: 100px;height: 100px;top: 10px;left: 50%;overflow: hidden;margin-left: -620px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    z-index: 2;
}
.logoHide{opacity: 0;filter:Alpha(opacity=0)\9;}
.logo img{width:100%;}
.scrollActive .menuWrap{top: 10px;}
.scrollActive .logoHide{opacity: 1;filter:Alpha(opacity=100)\9;}

/*分页*/
.page{text-align: center;}
.page .pagination{display: inline-block;text-align: right;height:35px;font-size: 0;background-color: #fff;margin-right: 3px;padding:0 27px;}
.searchList ul.pagination{width: auto;}
.page .pagination li{display: inline-block;width:auto;height:auto;float: none;border-radius: 0;margin:0;overflow: visible;background-color: transparent;padding: 0;}
.page .pagination a{display: inline-block;padding:0 13px;height:33px;color:#999999;border:1px solid #fff;font-size: 14px;line-height: 33px;font-family: Verdana;}
.page .pagination .prev,.pagination .next{font-family: "Microsoft YaHei",hei;}
.page .pagination .prev{margin-right: 7px;}
.page .pagination .next{margin-left: 7px;}
.page .pagination a:hover,.pagination .current a{border-color: #50c0d4;color:#50c0d4;}
.page .pagination .disabled a,.pagination .disabled a:hover{border-color: #fff;color:#ccc;cursor: default;}
.page .pagination .current + li a{border-left: 1px solid #50c0d4;margin-left: -1px;}
.page .go{display: inline-block;background-color: #fff;height:35px;}
.page .pageInput{line-height: 23px;padding:6px 0;color:#999;border:0;background-color: transparent;width:50px;font-family: Verdana;font-size: 14px;text-align: center;}
.page .pageBtn{width:42px;height:35px;background-color: transparent;border: 0;font-family: Verdana;font-size: 14px;color:#999999;cursor: pointer;}
.page .pageBtn:hover{color:#50c0d4;}
.page .pageInput::-moz-placeholder{ color: #dad7d7;}
.page .pageInput:-ms-input-placeholder { color: #dad7d7;}
.page .pageInput::-webkit-input-placeholder{ color: #dad7d7;}

/*滚动条*/
.scrollDiv{height: 210px;overflow: hidden;position: relative;padding-right: 20px;}
.scrollDiv .scroll{position: absolute;right: 0;top: 0;height: 210px;width: 6px;background-color: #eaeaea;}
.scrollDiv .slide{height: 0;background-color: #50c0d4;position: absolute;top: 0;left: 0;width: 6px;}
.scrollDiv .slideItem{position: absolute;top: 0;left: 0;padding-right: 15px;}

/*下拉框*/
.fSelect{ position:relative; z-index:0; height:38px;width:98px;display:inline-block;*display:inline;*zoom:1;border:1px solid transparent;border-bottom: 0;float:left;}
.fSelect .val{ position:absolute;z-index:2;line-height:18px;padding:10px 0; height:18px; overflow:hidden;_zoom:1; width:98px;}
.fSelect .val strong,.fSelect .val a{ float:left;_display:inline; width:70px;height:18px;padding:0px 0px 0px 10px; overflow:hidden; color:#27282d;font-size:14px; line-height:18px; font-family:Microsoft Yahei;}
.fSelect .val a:hover{color:#000000}
.fSelect .val .drop{ float:left; background-image:url(../imgs/ico_arrow.png); background-repeat:no-repeat; _display:inline;width:8px; height:6px; background-position:left center; cursor:pointer;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;overflow: hidden;margin-top: 7px;}
.fOption{ display:none; position:absolute; top:38px; left:-1px;width:98px;height:136px;background:#FFFFFF;border:1px solid #27282d;border-top: 0;overflow: hidden;}
.fOption .scroll{ position:absolute; z-index:1; right:0px; top:0px; height:136px; width:9px;padding:0px 2px 0px 1px; background:#FFFFFF}
.fOption .top,.fOption .bot { background-image:url(../imgs/selScroll.gif); background-repeat:no-repeat;}
.fOption .top{ visibility:hidden; height:12px; background-position:-15px 2px; overflow:hidden;}
.fOption .bot{visibility:hidden;  height:12px; background-position:-15px -16px; overflow:hidden;}
.fOption .slid{ height:156px;overflow:hidden;}
.fOption .block{display:block; background:#CCCCCC}
.fOption{padding-bottom: 10px;}
.fOption li{padding:0 9px;line-height:34px; line-height:34px \0; height:34px; cursor:default; font-size:14px; color:#27282d;white-space:nowrap; text-align:left; font-family:Microsoft Yahei,hei;}
.fOption li.disabled { color:#CCC;}
.fOption ul .hover{ background:#50c0d4; color:#fff}
/*selected*/
.fSelected{padding:0px; z-index:3;background: #fff;border-color:#27282d;}
.fSelectHover{background-color: #fff;border-color:#27282d;}
.fSelected .val .drop{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.fSelected .val a, .fSelectHover .val a { color:#27282d;}
.fSelectClicked .val a { color:#27282d;}
/*hover*/
.fOption .hover .slid{ background:#EEEEEE;}
.fOption .hover .top{ visibility:visible}
.fOption .hover .block{ background:#666666}
.fOption .hover .bot{ visibility:visible}
/*click*/
.fOption .slid .blockOn{ background:#50c0d4;}
.fOption .topOn{background-position:0 2px}
.fOption .botOn{background-position:0px -16px}


/*会员流程弹出层*/
/*.popBox{position: fixed;width:100%;height:100%;left:0;top:0;z-index: 100;display: none;}*/

.popBg{position: fixed;width:100%;height:100%;left:0;top:0;background-color: #000;opacity: .8;filter: Alpha(opacity=80)\9;z-index:-1;opacity: 0;
    -webkit-transition:opacity .5s ease;
    -moz-transition:opacity .5s ease;
    -ms-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    transition:opacity .5s ease;}
.popDiv{width:655px;height:400px;position: fixed;left:50%;top:50%;margin-left: -300px;margin-top: -200px;z-index:-1;opacity: 0; -webkit-transition:opacity .5s ease;
    -moz-transition:opacity .5s ease;
    -ms-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    transition:opacity .5s ease;}
.showBg{z-index:100; opacity: .8;}
.showPop{z-index:101; opacity: 1;}


.popDiv .popLogo{width:55px;height:55px;float: left;background: url(../imgs/popLogo.png) no-repeat;}
.popContent{width:600px;height:400px;float: left;background-color: #fff;}
.closePop{position: absolute;width:32px;height:32px;display:inline-block;background: url(../imgs/ico_close.png) no-repeat center;right:9px;top:9px;}
.popContent h3.title{color: #27282d;font-size: 18px;font-weight: normal;text-align: center;padding:62px 0 37px;line-height: normal;}
.popContent h1.title{color:#33a0b3;font-size: 24px;text-align: center;font-weight: normal;padding:56px 0 47px;line-height: normal;}
.popContent .btn{display:inline-block;background-color: #61c6d8;border-radius: 4px 0 4px 0;-webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -ms-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;text-align: center;color:#fff;letter-spacing: 2px;padding-left: 2px;}
.popContent .btn:hover{box-shadow: 0 0px 20px rgba(0,0,0,.2);;-webkit-box-shadow: 0 0px 20px rgba(0,0,0,.2);}
.popContent .btn300{width:298px;height:50px;line-height: 50px;font-size: 18px;}
.popContent .btn240{width:238px;height:50px;line-height: 50px;font-size: 16px;}
.popContent .btn140{width:138px;height:36px;line-height: 36px;font-size: 14px;}
.popContent .buyBefore{text-align: center;margin-bottom: 58px;}
.popContent .buyBefore .btn300{font-size: 18px;}
.popContent .tabsCon{display: none;}
.popContent .loginBtn{padding-left: 43px;padding-bottom: 55px;}
.popContent .loginBtn .btn{margin-right: 34px;}
.popSlogn{width:508px;border:1px solid #50c0d4;margin:0px auto 0;}
.popSlogn .tit{text-align: center;margin-top:-14px;line-height: normal;}
.popSlogn .tit span{display: inline-block;font-size: 18px;font-weight: normal;color: #33a0b3;padding:0 15px;line-height: normal;background-color: #fff;}
.popSlogn ul{padding:4px 10px 14px;}
.popSlogn li{float: left;width:184px;line-height: 36px;font-size: 14px;color:#27282d;padding-left: 60px;}
.popSlogn .giftSlogn li{padding:0;width:50%;text-align: center;}

.loginTags{width:300px;margin:0 auto;border-bottom: 1px solid #27282d;text-align: center;margin-top: 40px;}
.loginTags span{display: inline-block;line-height: 34px;border-bottom: 3px solid transparent;color:#27282d;font-size: 14px;cursor: pointer;margin:0 40px -2px;}
.loginTags .current{color:#33a0b3;border-bottom-color: #18c5d8;}
.formBox .tit{display:inline-block;width:140px;line-height: 36px;padding-right: 10px;float:left;text-align: right;}
.formInput{float:left;width:300px;}
.formInput .itps{display: inline-block;position: relative;border:1px solid #27282d;overflow: hidden;webkit-transition: border-color .2s;
    vertical-align: top;
    -moz-transition: border-color .2s;
    -ms-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s;}

.formInput .hover,.formInput .focus{border-color: #18c5d8;}
.formInput .has_error{border-color: #cc3333;}
.formInput .input{background-color: transparent;border:0;height:18px;padding:7px 10px 8px;color:#27282d;font-size: 14px;font-family: "Microsoft YaHei",hei;width:278px;}
.formInput .tel{width:186px;float: left;}
.formInput .tips{position: absolute;line-height: 36px;left:10px;font-size:14px;color:#999999;top:1px;}
.formBox .input::-moz-placeholder { color: #999;}
.formBox .input:-ms-input-placeholder { color: #999;}
.formBox .input::-webkit-input-placeholder { color: #999;}
.formBox .getCaptchaBtn{display: inline-block;float: left;width:92px;text-align: center;line-height: 34px;cursor: pointer;color:#33a0b3;font-size: 14px;}
.formBox .withBtn{cursor: pointer;color:#999;}
.formBox .withBtn em{color:#33a0b3;font-style: normal;}
.formBox .note{color:#999;line-height: 1;font-size: 12px;padding-left: 5px;margin-top: 8px;}
.formBox li{margin-bottom: 20px;}
.loginCon{padding-top: 39px;}
.loginForm .worksBox{position: absolute;width:600px;text-align: center;}
.loginForm .worksBox{bottom:80px;}
.otherLogin{position: absolute;width:450px;padding-left: 150px;font-size: 12px;line-height: 17px;overflow: hidden;bottom:50px;color:#999;}
.otherLogin span{color:#999;float: left;margin-right: 12px;}
.otherLogin a{display: inline-block;height:17px;margin-right: 30px;background:url(../imgs/ico_link.png) no-repeat;float: left;}
.otherLogin .artronLink{background-position: 0 0;width:17px;}
.otherLogin .sinaLink{background-position: -47px 0;width:20px;}
.otherLogin .wxLink{background-position: -97px;width:20px;}
.otherLogin .qqLink{background-position: -147px;width:17px;}

.priceBox{padding-top: 82px;}
.priceBox .sysError{left:210px;top:275px;}
.priceSel{width:510px;margin:0 auto;}
.priceSel li{float: left;}
.priceSel .one{width:206px;}
.priceSel .two{width:178px;}
.priceSel .fRadio{color:#27282d;font-size: 14px;line-height: 24px;padding-left: 24px;background:url(../imgs/ico_radio.gif) no-repeat 0 5px;display:inline-block;cursor: default;}
.priceSel .checked{background-position: 0 -80px;}
.priceSel .fRadio em{color:#ef0000;}
.priceSel .fRadio span{display: block;}
.priceSel .fRadio input{width:0;height:0;font-size: 0;line-height: 0;border:0;background-color: transparent;}
.vipPrice{margin-top: 26px;}
.priceBox .worksBox{text-align: center;bottom:50px;position: absolute;width:600px;}
.memPrice{width:auto;padding-top: 22px;}
.memPrice ul{padding-left: 140px;}
.memPrice li{width:223px;margin-bottom: 41px;}
.giftSlogn{text-align: center;background: url(../imgs/slogn_gift.gif) no-repeat center 6px;padding-top: 62px;color:#33a0b3;font-size: 18px;font-weight: normal;}
.giftPrice{width:auto;padding-top: 25px;}
.giftPrice ul{padding-left: 140px;}

.uploadForm{padding-top: 62px;padding-left: 150px;}
.uploadForm .formInput{width:auto;}
.uploadForm .formInput .uploadIdInfo{width:98px;height:98px;display:table-cell;text-align: center;vertical-align: middle;position: relative;overflow: hidden;padding:0;}
.uploadForm .uploadIdInfo .uploadPer{position: absolute;width:100%;height:98px; line-height:98px;color:#27282d;padding:0;text-align: center; z-index: 2;left:0;top:0;}
.uploadForm .uploadIdInfo .uploadPer img{max-width: 100%;max-height:100%;}
.uploadForm .uploadIdInfo em{position:absolute;z-index:1;left:0; top:0;width:74px; padding:0 12px;height:98px;display:table-cell;text-align: center;vertical-align: middle;color:#27282d;font-size: 14px;line-height: 24px;}
.uploadForm .uploadIdInfo .alpha{width:100%;height:100%;position: absolute;z-index: 5;left:0;top:0;background-color: #27282d;opacity: .5;filter: Alpha(opacity=50)\9;display: none;}

.uploadForm .upFile{float: left;line-height: 36px;font-size: 12px;margin-top: 56px;}
.uploadForm .upFile a{color:#33a0b3;padding:0 20px;display: inline-block;}
.uploadForm .worksBox{bottom:50px;position: absolute;}
.uploadForm .worksBox .btn{margin-right: 20px;}

.getTags{padding-left: 90px;padding-top: 97px;}
.getTags span{font-size: 14px;color:#999999;padding-left: 24px;background:url(../imgs/ico_radio.gif) no-repeat 0 8px;display:inline-block;margin-right: 140px;cursor: default;}
.getTags .current{background-position: 0 -77px;}
.getCon{padding-left: 90px;}
.getAddress{padding-top: 33px;}
.getForm{padding-top: 40px;}
.getForm li{width:420px;}
.getForm .formInput{width:420px;}
.getForm .formInput .input{width:398px;}
.getForm .getDetail .formInput{width:200px;}
.getForm .getDetail .fr{float: right;}
.getForm .getDetail .formInput .input{width:178px;}
.getBox .worksBox{text-align: center;width:420px;padding-right: 90px;position: absolute;bottom:50px;}

.qrCodeBox{padding:50px 100px 0 100px; text-align: center; font-size:14px; color:#333;}
.qrCodeBox .statusUpdate{margin-bottom: 12px;}
.qrCodeBox .statusUpdate a{ margin-left:8px; color:#33a0b3}
.qrCodeBox .statusUpdate a:hover{ text-decoration:underline}
.qrCodeBox .qrCode{text-align: center;}
.qrCodeBox .codeImg{width: 158px;display: inline-block;vertical-align: top;  }
.qrCodeBox .qrCode img{width: 156px; height: 156px;border:1px solid #f6f6f6;}
.qrCodeBox .qrCode .alipay{display:inline-block; vertical-align: top; width: 156px; height: 156px;border:1px solid #f6f6f6; line-height:156px;}
.qrCodeBox .qrCode .baoCode{width:60px; height: 60px;border:none;}
.qrCodeBox .qrCode p{font-size: 14px;color:#33a0b3;padding-top: 4px;}
.qrCodeBox .sysError{position:static;font-size: 12px;color:#cc3333;height:20px; line-height: 20px; overflow: hidden; margin-bottom:3px; text-align: center; width:auto;}
.qrCodeBox .qrTxt{line-height: 24px;color:#666666;}

.popResult{text-align: center;padding-top: 125px;}
.popResult h3{font-size: 18px;color:#27282d;font-weight: normal;padding:35px 0 12px;}
.popResult p{font-size: 14px;color:#27282d;}
.popResult .countDown{color:#ec0000;}

.regBox{padding-top: 50px;}
.regStep{font-size: 0;text-align: center;}
.regStep .regTags{width:245px;display: inline-block;}
.regStep b{width:245px;display: inline-block;font-size: 14px;color:#27282d;position: relative;background:url("../imgs/regStep.png") no-repeat;padding-top: 27px;text-align: center;font-weight: normal;}
.regStep i{display: block;height:2px;width:110px;background-color: #e5e5e5;position: absolute;top:12px;overflow: hidden;}
.regStep .one i{right:0;}
.regStep .one{background-position: 110px 0;}
.regStep .two{background-position: center -89px;}
.regStep .two i{left:0;}
.regStep .curr{color: #33a0b3;}
.regStep .curr i{background-color: #50c0d4;}
.regStep .curr .two{background-position:center -176px;}

.regForm{padding-top: 36px;}
.regForm .agree{padding-left: 150px;font-size: 14px;color:#27282d;margin-top: -17px;}
.regForm .agree label{background:url(../imgs/ico_checkbox.gif) no-repeat left 9px;padding-left: 24px;display: inline-block;}
.regForm .agree a{color:#33a0b3;}
.regForm .agree a:hover{text-decoration: underline;}
.regForm .agree .fChecked{background-position: 0 -77px;}
.regForm .worksBox{position: absolute;bottom:50px;width:600px;text-align: center;}
.regBox .popResult{padding-top: 42px;}
.sysError{line-height: normal;color:#ec0000;font-size: 14px;width:300px;position: absolute;text-align: left;}
.loginForm .sysError{left:205px;top:90px;}
.regForm .sysError{left:205px;top:123px;}
.uploadForm .sysError{bottom:100px;}
.getForm .sysError,.formArea .sysError{bottom:108px;}
.priceBox .sysError{left:205px;bottom:110px;}

.payBox h2{font-weight: normal;text-align: center;font-size: 18px;color:#5b5b5b;padding:74px 0 50px;}
.payTabs li{width:50%;float: left;text-align: center;}
.payTabs{padding:0 117px;}
.payTabs i{padding:57px 20px 0;display: inline-block;background:url("../imgs/selPay.png") no-repeat center top;color:#232428;font-size: 14px;cursor: pointer;}
.payTabs .payWx{background-position: center 0;}
.payTabs .payAlipay{background-position: center -115px;}
.payTabs .curr .payWx{background-position: center -230px;}
.payTabs .curr .payAlipay{background-position: center -345px;}
.payBox .worksBox{text-align: center;position: absolute;bottom:50px;width:600px;left:30px;}

/*文字类弹出层*/
.popTxt{ width:490px;height:380px;padding:0 20px 70px 50px;position: fixed;z-index: 102;left:50%;margin-left: -280px;top:50%;margin-top: -225px;background-color: #fff;border-radius: 8px 0;box-shadow: 0 0 29px rgba(0,0,0,.22);opacity: 0;filter: Alpha(opacity=0)\9;z-index: -1;}
.popTxt h2{color:#27282d;font-size: 24px;text-align: center;font-weight: normal;padding:45px 0 40px;padding-right: 20px;}
.popTxt .closePop{right:0;top:0;}
.popTxt .slideItem{line-height:30px;font-size: 14px;color:#999999;}
.popTxt .scrollDiv,.popTxt .scrollDiv .scroll{height:250px;}

/*预约表单*/
.borain-timeChoiceMask{z-index: 100;}
.borain-timeChoice{z-index: 999;border: 1px solid #eaeaea;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,.5);}
.borain-timeChoice .choiceBox .choiceDayBox .day .active{border-color: #50c0d4;color: #50c0d4;}
.borain-timeChoice .choiceBox .choiceDayBox div .now{color: #50c0d4;}
.borain-timeChoice .choiceBox .tipBox{color: #50c0d4;}
.borain-timeChoice .choiceBox .tipsError{color:#cc0000;}
.borain-timeChoice .revealBox .nowBox div em{color: #50c0d4;}
.borain-timeChoice .operateBox .submit{color: #50c0d4;}
.borain-timeChoice .operateBox .submit:hover{background-color: #50c0d4;}
.borain-timeChoice .revealBox .timeBox div a:hover{border-color: #50c0d4;}
.borain-timeChoice .choiceBox .yearBox .back{background-position: center;background-repeat: no-repeat;background-image: url("../imgs/prevM.png");}
.borain-timeChoice .choiceBox .yearBox .back:hover{background-image: url("../imgs/prevMH.png");}
.borain-timeChoice .choiceBox .yearBox .forward{background-position: center;background-repeat: no-repeat;background-image: url("../imgs/nextM.png");}
.borain-timeChoice .choiceBox .yearBox .forward:hover{background-image: url("../imgs/nextMH.png");}
.borain-timeChoice .revealBox .timeBox div a{background-repeat: no-repeat;background-position: center;}
.borain-timeChoice .revealBox .timeBox div .add{background-image: url("../imgs/top.png");}
.borain-timeChoice .revealBox .timeBox div .minus{background-image: url("../imgs/bot.png");}
.borain-timeChoice .revealBox .timeBox div .add:hover{background-image: url("../imgs/topH.png")}
.borain-timeChoice .revealBox .timeBox div .minus:hover{background-image: url("../imgs/botH.png")}
.borain-timeChoice .choiceBox .choiceYearBox .yearTitle .btn{background-repeat: no-repeat;background-position: center;}
.borain-timeChoice .choiceBox .choiceYearBox .yearTitle .up{background-image: url("../imgs/up.png");}
.borain-timeChoice .choiceBox .choiceYearBox .yearTitle .up:hover{background-image: url("../imgs/upH.png");}
.borain-timeChoice .choiceBox .choiceYearBox .yearTitle .down{background-image: url("../imgs/down.png");}
.borain-timeChoice .choiceBox .choiceYearBox .yearTitle .down:hover{background-image: url("../imgs/downH.png");}

.ui-datepicker-trigger{position: absolute;right: 10px;top: 10px;width: 14px;height: 14px;cursor:pointer;background: url("../imgs/date.png") no-repeat;}
.applyForm{position: fixed;z-index: 100; left: 50%;top: 50%;margin-left: -400px;margin-top: -310px; width: 740px;padding-left: 90px;padding-right: 10px;background-color: #ffffff;border-radius: 10px 0 10px 0;padding-bottom: 40px;}
.hide{display: none;}
.applyForm h2{font-family: "Microsoft Yahei";font-size: 24px;line-height: 24px;padding-top: 40px;padding-bottom: 40px;color: #27282d;text-align: center;font-weight: normal;}
.applyForm .closePop{right: 0;top: 0;}
.applyForm li{width:auto;float: left;margin-right: 60px;position: relative;margin-bottom: 20px;}
.applyForm .star{color: #cc3333;line-height:36px; position: absolute;left: -15px;top: 3px;font-size: 18px;}
.applyForm .formInput{width:auto;height: 36px;}
.applyForm .formInput .itps{overflow: visible;}
.applyForm .formInput .input{width: 287px;}
.applyForm .formInput .adress{width: 618px;}
.applyForm .formHeight{height: 100px;}
.agreeBox{font-family: "Microsoft Yahei";font-size: 14px;color: #27282d;line-height: 30px;position: relative;top: -18px;}
.checkBox{display: inline-block;padding-left: 20px;background: url("../imgs/ico_checkbox.gif") no-repeat 0 8px;}
.agreeBox .checked{background-position: 0 -78px;}
.agreeMent{display: inline-block;color: #50c0d4;cursor: pointer;}
.submitApply{display: block; width: 140px;height: 36px;background-color: #50c0d4;border-radius: 5px 0 5px 0;text-align: center;font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;letter-spacing: 2px;color: #ffffff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.submitApply:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);color: #ffffff;}
.applyForm .sysError{position: relative;text-align: left;bottom: 0;left: 0;top: -10px;}
.applyForm .formInput .textInput{background-color: transparent;border: 0;padding: 0 10px;width: 656px;height: 88px;font-size: 14px;line-height: 30px;font-family: "Microsoft Yahei";color: #27282d;}
.formInput .fSelect{height: 32px;position: absolute;right: 0;top: 0;width:307px;border: none;}
.formInput .fSelectHover{}
.formInput .fSelect{position: relative;width: 307px;border: none;}
.formInput .fSelect .val{position: relative;padding: 0;height: 34px;width: 309px;}
.formInput .fSelect .input{}
.formInput .fSelect .val a{width: 267px;height: 18px;padding: 8px 10px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 14px;line-height: 18px;color: #27282d;font-family: "Microsoft Yahei";}
.formInput .fSelect .val .drop{position: absolute;right: 10px;top: 10px;}
.formInput .fOption{width: 307px!important;top: 32px;}
.formInput .fOption li{height: 34px;cursor: default;padding:0 7px 0 9px;font-size: 14px;color: #27282d;font-family: "Microsoft Yahei";line-height: 34px;margin: 0;float: none;}
.formInput .hover .fOption {border-color: #50c0d4;}
.formInput .focus .fOption {border-color: #50c0d4;}
.popTxt .scrollDiv,.popTxt .scrollDiv .scroll{height:250px;}

/*面包屑*/
.crumbs{line-height: 74px;color:#27282d;font-size: 12px;}
.crumbs a{color:#999;background:url(../imgs/crumbsArrow.gif) no-repeat right center;padding-right:14px;margin-right:10px;font-size: 12px;}

/*系统弹出*/
.alertPop{z-index: -1; width:300px;height:100px;line-height: 100px;text-align: center;background-color: #fff;box-shadow:0 0px 18px rgba(0,0,0,.13);font-size: 18px;color:#27282d;position: fixed;left:50%;top:50%;margin-left: -150px;margin-top: -50px;opacity: 0;filter: Alpha(opacity=0)\9;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -moz-transform:  translate(0px,20px);
    -ms-transform:  translate(0px,20px);
    -o-transform:  translate(0px,20px);
    transform:  translate(0px,20px);}
.alertPop i{display: inline-block;width:45px;height:45px;background-repeat: no-repeat;background-position: 0 0;margin-right: 30px;vertical-align: middle;}
.alertActive{z-index:100;opacity: 100;filter: Alpha(opacity=100)\9;
    -moz-transform:  translate(0px,0px);
    -ms-transform:  translate(0px,0px);
    -o-transform:  translate(0px,0px);
    transform:  translate(0px,0px);}
.alertOk i{background-image:url(../imgs/alertOk.png);}
.alertError i{background-image:url(../imgs/alertError.png);}

/*回到顶部*/

.fixTop,.colFix{position: fixed;width:50px;left: 50%;bottom:109px;margin-left: 490px;z-index: 4;}
.colFix{bottom:101px;}
.collSubmit{position: relative;}
.collIcon{width:50px;height:50px;display:inline-block;background:#cccccc url("../imgs/ico_pen.png") no-repeat center;}
.hover .collIcon{background-color: #50c0d4;}
.collSubBox{display: none;}
.collSubDiv{position: absolute;width:603px;border:1px solid #18bed0;text-align: center;left:-605px;top:-120px;padding-bottom: 28px;}
.hover .collSubBox{display: block;}
.collSubBox .alpha{display: inline-block;width:100%;height:100%;background-color: #fff;opacity: .95;filter: Alpha(opacity=95)\9;}
.collSubBox p{padding:21px 30px 23px;color:#27282d;line-height: 30px;font-size: 14px;}
.collSubBox .collBtn{display: inline-block;width:140px;height:36px;border-radius: 4px 0 4px 0;line-height: 36px;font-size: 14px;text-align: center;color:#fff;background-color: #50c0d4;
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -ms-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;}
.collSubBox .collBtn:hover{box-shadow: 0 0px 20px rgba(0,0,0,.3);-webkit-box-shadow: 0 0px 20px rgba(0,0,0,.3);}

.collNumber{color: #999999;font-size: 12px;line-height: 22px;text-align: center;}
.fixTop .toTop{display:block;width:50px;height:50px;margin: 1px 0 0;background:#cccccc url(../imgs/toBack.png) no-repeat center;border-radius: 0;display: none;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;}
.fixTop .toTop:hover{background-color: #50c0d4;}

.fixTop .toTop:hover{background-color: #50c0d4;box-shadow: 0 0 0 rgba(255,255,255,0);}
/*复写图形码layer样式*/
#container_layer{z-index:110!important;}
/*会员购买弹出层会员类型判断显示*/
.selectMemberLogin .title ,.selectMemberLogin .tit,.selectMemberLogin .vipItemCtrl {display: none;}
.vipTypeSelectPop .radioFormBox {display: none;}
.vip_up_show .isVipup {display: block;}
.vip_lower_show .isViplower {display: block;}
.vip_lower_show .isViplower  .popSlogn {border:none;}
.vip_gift_show .isVipgift {display: block;}

/*微信分享样式*/
#bdshare_weixin_qrcode_dialog.bd_weixin_popup{border: none;box-shadow: 0 0 30px rgba(0,0,0,.3);}
#bdshare_weixin_qrcode_dialog.bd_weixin_popup .bd_weixin_popup_head{text-align: center;font-size: 14px;font-weight: normal;color: #323232;height: 40px;line-height: 50px;}
#bdshare_weixin_qrcode_dialog.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{width: 20px;height: 20px;font-size: 20px;color: #000000;right: -10px;top: -10px;font-weight: bold;line-height: 20px;}
#bdshare_weixin_qrcode_dialog.bd_weixin_popup .bd_weixin_popup_foot{text-align: center;color: #999999;font-size: 14px;line-height: 24px;}
/*图片加载失败接口定义*/
/*.imgError{*/
    /*background: #eaeaea url("../imgs/default60.png") no-repeat 0 0 !important;*/
/*}*/
.imgError{width: 100px;height: 100px;background: #eaeaea url("../imgs/default60.png") no-repeat 0 0 ;}

.more{
    /*display: none;*/
}

/*瀑布流样式*/
.span3{width:32%;}
#wall{overflow: visible!important;}
#wall img{max-width: 100%;transform: scale(1);transition: transform .3s;}
#wall a:hover img{transform: scale(1.05);}
#wall .img{background: #FFFFFF;box-shadow: 0 0 6px 0 rgba(102,102,102,0.50);border-radius: 10px;display:block;overflow: hidden;}
#wall .wallInfo{padding:22px 9px 22px 10px;}
#wall h3{font-size: 18px;letter-spacing: 1px;color:#27282d;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#wall .item{margin-bottom: 20px;}
#wall p{font-size: 14px;line-height: 24px;color:#999;}

#cells {margin: -10px 0 0 -10px;position: relative;width:1000px;}
#cells .img{background: #FFFFFF;box-shadow: 0 0 6px 0 rgba(102,102,102,0.50);border-radius: 10px;display:block;overflow: hidden;}
#cells .wallInfo{padding:22px 9px 22px 10px;}
#cells h3{font-size: 18px;letter-spacing: 1px;color:#27282d;line-height: 24px;margin-bottom:3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#cells img{max-width: 100%;transform: scale(1);transition: transform .3s;}
#cells a:hover img{transform: scale(1.05);}
#cells p{font-size: 14px;line-height: 19px;color:#666666;}
#cells .grid{width:31%;float:left;margin:10px;}
#cells .imgsBox{background:url("../imgs/loading.gif") no-repeat center center;background-size: 20% 20%;}

/*响应式新增结构样式*/
.wapTopNav{display:none;}
.pcDisplay{display:block;}
.wapDisplay{display:none;}
.selArtist,.wapSelArtist{display:none;}
.weixinImg{position: absolute;z-index: -1;opacity: 0;pointer-events: none;}
/*通知弹层*/
.popNotice{width:500px;position: fixed;left:50%;top:50%;z-index: 10;transform: translate(-50%,-50%)}
.popNotice .closePop{width:36px;height:36px;display:inline-block;position: absolute;right: -18px;top:-24px;background:none;line-height: 0;font-size: 0;z-index: 1;}
.popNotice .popLink{display:block;height:100%;overflow: auto;}
.popNotice .popLink{display:block;height:100%; overflow: auto;}
.popLink::-webkit-scrollbar {
    width: 4px;
}

.popLink::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.popLink::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.popNotice img{width:100%;}
.popLink{padding:25px 28px;background-color: rgba(99,189,206,.8);color:#fff;border-radius: 10px 0 10px 0;}
.popLink h3{font-size: 22px;font-weight: bold;line-height: 1;margin-bottom: 23px;}
.popLink .popDetail{line-height: 28px;font-size: 16px;text-align: justify;}
.popLink .popDetail video{width:100%;}
.popLink .popDetail p {margin-bottom:15px;}
.popLink .popDetail i,.popLink .popDetail em{font-style:italic}
.popLink .popDetail img{max-width: 100%; height: auto!important;}
.popLink .popDetail strong,.popLink .popDetail b{font-weight:bolder}
.popLink .popDetail ul{list-style-type:disc;list-style-position:inside;}
.popLink .popDetail ol{list-style-type:decimal;list-style-position:inside;}
.popLink .popDetail h1{font-size:2em;margin:.67em 0}
.popLink .popDetail h2{font-family:"宋体";font-size:1.5em;margin:.75em 0}
.popLink .popDetail h3{font-size:1.17em;margin:.83em 0}
.popLink .popDetail h4{margin:1.12em 0}
.popLink .popDetail h5{font-size:.83em;margin:1.5em 0}
.popLink .popDetail h6{font-size:.75em;margin:1.67em 0}