/**
* @description: 门票表单页css
* @author: Anonymous
* @update: yinqian (2014-1-7 15: 52: 02)
*/

/* image */
.arrow,
.header .cl_icon,
.header .search_icon { background: url(../../img/common/arrow1017.png) no-repeat 0 -33px; }

/* global */
textarea.ver-error,
input.ver-error,
select.ver-error { background: #F6DDDD; border-color: #B94A48; }

/* structor */
/* header */
.wrapper,
#header { width: 100%; max-width: 640px; margin: 0 auto; background-color: #f5f5f5; position: relative; }
.header { padding: 18px 25px 0px 25px; }
.header h1 { height: 58px; float: left; }
.header h1 img { width: 100%; }
.header .tel-icon{display:inline-block; font-size: 34px; color: #999; }
.header .tel-icon:before{ vertical-align: top; line-height: 0.8; }
.header .search_icon { display: inline-block; width: 35px; height: 35px; background-position: -399px 0; }
.header .line_h { display: inline-block; border-right: 2px solid #cecece; height: 26px; width: 0; margin: 0 10px; position: relative; top: -5px; }
.header .hideSelMoreCity .selMoreCity { display: none; }
.header .sel_city { float: left; margin-top: 22px; margin-left: 15px; position: relative; font-size: 140%; }
.header .sel_city a { color: #ff7800; }
.header .selMoreCity { position: absolute; border-top: 2px solid #bfbfbf; border-bottom: 2px solid #fff; z-index: 999; width: 640px; background-color: #e6e4e4; top: 76px; left: -217px; overflow: hidden; }
.header .man_arrow { display: block; height: 10px; width: 10px; border-top: 2px solid #bfbfbf; border-right: 2px solid #bfbfbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background-color: #e6e4e4; position: absolute; top: -8px; left: 341px; }
.header .city_list { width: 100%; overflow: hidden; height: 100%; padding: 20px; }
.header .city_list dl { width: 100%; }
.header .city_list dt,
.header .city_list dd { float: left; color: #333; line-height: 54px; }
.header .city_list dt { color: #666; width: 15%; text-align: right; white-space: nowrap; }
.header .city_list dd { width: 85%; }
.header .city_list a { padding: 0 30px 0 20px; display: inline-block; }

.arrow { height: 23px; width: 13px; display: inline-block; margin-left: 15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
@-webkit-keyframes 'arrow_cir' { 
    0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
}
@-webkit-keyframes 'arrowback_cir' { 
    0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
    50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
}
@-webkit-keyframes 'selCity' { 
    0% { height: 0; }
    50% { height: 137px; }
    100% { height: 315px; }
}
@-webkit-keyframes 'selCity_back' { 
    0% { height: 315px; opacity: 1; }
    50% { height: 137px; opacity: 1; }
    99% { opacity: 1; }
    100% { height: 0; opacity: 0; }
}

.selCitiHover_back .arrow { -webkit-animation: 'arrowback_cir' 0.2s linear; }
.selCitiHover .arrow { -webkit-transform: rotate(-90deg); -webkit-animation: 'arrow_cir' 0.2s linear; animation: 'arrow_cir' 0.2s linear; }
.selCitiHover .selMoreCity { -webkit-animation: 'selCity' 0.2s linear; display: block; }
.selCitiHover_back .selMoreCity { -webkit-animation: 'selCity_back' 0.2s linear; height: 0; opacity: 0; }

.header .collection { float: right; height: 36px; padding-top: 20px; }
.header .cl_icon { background-position: -437px 0; display: inline-block; height: 35px; width: 37px; }
.header .collection_open .collection-list { display: block; }
.header .collection-list { display: none; position: absolute; right: 16px; margin-top: 20px; width: 94%; z-index: 999; background-color: #f7f7f7; border-radius: 8px; color: #333333; border: 2px solid #cfcfcf; }
.header .collection-list .man_arrow { background-color: #f7f7f7; width: 18px; height: 18px; left: 94%; top: -11px; border-color: #cfcfcf; }
.header .collection-list ul { color: #fd9e4a; font-size: 130%; }
.header .collection-list li { list-style: disc inside none; padding: 20px 25px 10px; border-bottom: 2px solid #cfcfcf; }
.header .collection-list li:last-child { border-bottom: none; }
.header .collection-list .collection-more { text-align: center; padding: 10px 0 20px; }
.header .collection-list .collection-more a { color: #407195; }
.header .collection-empty { font-size: 140%; color: #666; padding: 20px 0 20px 20px; display: none; }
.header .collection-empty p { margin-bottom: 10px; }
.header .collection-empty .cl-gallery-item { float: left; margin-right: 10px; }
.header .collection-empty .cl-gallery-item:last-child { margin-right: 0; }
.header .collection-empty .cl-gallery-item img { width: 180px; height: 130px; border-radius: 8px; }
.header .collection-empty .cl-gallery-item p { width: 180px; max-height: 102px; overflow: hidden; }

/* search */
.search { position: relative; width: 93.75%; }
.search .search_box { width: 100%; position: absolute; z-index: 1000; }
.search .search_box_index { width: 100%; margin-top: 0; }
.search .search_box li { height: 80px; line-height: 80px; border: 1px solid #BFBFBF; margin-top: -1px; background-color: #fff; font-size: 140%; }
.search .search_box #TopDoCookie li:last-child { font-size: 100%; }
.search .search_box #doCookie li:last-child { font-size: 100%; }
.search .search_box_index li { height: 80px; line-height: 80px; border: 1px solid #BFBFBF; border-bottom: none; margin-top: -1px; background-color: #fff; }
.search .search_box_index li:last-child { border-bottom: 2px solid #BFBFBF; }
.search .search_box li a { display: block; padding: 0 20px; color: #666; }
.search .search_box #TopSuggest li a { display: block; padding: 0 20px; color: #666; }
.search .search_box_index li a { font-size: 140%; display: block; padding: 0 20px; color: #666; }
.search .empty_history { display: block; padding: 20px 5%; color: #737373; font-size: 160%; background-color: #e5e5e5; height: 80px; border: 1px solid transparent; border-right: 1px solid #bfbfbf; -webkit-appearance: none; border-radius: 0; }
.search .close_btn { float: right; display: block; padding: 20px 5%; height: 80px; color: #737373; font-size: 160%; background-color: #e5e5e5; border: 1px solid transparent; border-left: 1px solid #bfbfbf; -webkit-appearance: none; border-radius: 0; }

.search_input { border: 2px solid #999; border-radius: 8px; font-size: 160%; width: 90%; padding: 3% 4.75%; margin-top: 20px; }
.search_input input[type="search"] { border-top: 2px solid #7f7f7f; border-bottom: 2px solid #fff; border-radius: 8px; padding: 0; width: 93%; height: 82px; padding: 20px; }
.search_input.default { color: #999; }
.search .search_btn { background: url(../../img/common/search_icon.png) no-repeat right 0; display: block; position: absolute; width: 20%; background-size: contain; right: 0; top: 13px; -webkit-appearance: none; height: 90px; }

/* foot */
.com_foot { margin-top: 40px; }
.com_foot .footer_hide { display: none; }
.com_foot .login_reg { width: 200px; margin: 0 auto; }
.com_foot .login_reg a { display: block; float: left; letter-spacing: 15px; color: #407195; font-size: 140%; }
.com_foot .lr_login { text-align: right; margin-right: 12%; }
.com_foot .lr_reg { text-align: left; }
.com_foot .corp_info { padding: 30px 3.125%; text-align: center; }
.com_foot .left_part { font-size: 120%; color: #999; float: left; }
.com_foot .left_part .ci_touch { margin-right: 8px; }
.com_foot .left_part .ci_pc { margin-left: 8px; }
.com_foot .right_part { font-size: 120%; float: right; color: #999; }
.com_foot .left_part a { color: #407195; }
.com_foot .left_part a.selected { color: #999999; cursor: default; }
.com_foot .right_part { color: #999; text-align: right; }
.com_foot .right_part .corp_name { margin-right: 10px; }
@media (max-width: 379px) { 
.com_foot .right_part .corp_name { margin-right: 5px; }
}

.com_foot .hasLogin { text-align: center; margin-top: 40px; font-size: 140%; }
.com_foot .hasLogin a { color: #407195; }
.com_foot .hasLogin .lr_name { color: #666; cursor: text; }

.search,
.category_table { margin: 0 3.125%; }

.cat_table_name,
.cat_item { border-right: 1px solid #bababa; border-left: 1px solid #bababa; }

.cat_item { border-bottom: none; }

.link_other { margin-top: 40px; padding: 0 3.125%; }
.link_other li { height: 80px; line-height: 80px; color: #666; background-color: #e9e9e9; position: relative; border-right: 2px solid #c2c2c2; border-left: 2px solid #c2c2c2; border-bottom: 2px solid #d8d8d8; font-size: 140%; }
.link_other li .arrow { -webkit-transform: rotate(0deg); transform: rotate(0deg); position: absolute; top: 35%; right: 35px; }
.link_other li a { color: #666; padding: 0 5%; display: block; }

.link_other li.lo_first { border: 2px solid #c2c2c2; border-bottom: 2px solid #d8d8d8; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.link_other li:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: 2px solid #c2c2c2; border-top: none; }
.f_st { font-family: 'arial'; }

.turnpage { font-size: 140%; color: #666; text-align: center; padding-top: 35px; position: relative; background-color: #f5f5f5; padding: 20px 0; }
.turnpage a { color: #407195 !important; position: absolute; }
.turnpage a:first-child { left: 165px; }
.turnpage span { padding: 0 40px !important; }

#back_top { width: 100%; margin: 0 auto; background-color: #f0f0f0; }
.back_top { font-size: 140%; padding: 20px 0 0; text-align: center; float: left; width: 100%; }
.back_top a { color: #407195; }

.backto_top,
.backto_top a { text-align: center; color: #407195; font-size: 120%; margin-top: 30px; }

.ps { clear: both; color: #999; text-align: center; background-color: #f5f5f5; padding: 20px 0; font-size: 120%; }

.frame_back { background-color: #e5e5e5; }
.frame { background-color: #f7f7f7; border-radius: 8px; border: 2px solid #c9c9c9; font-size: 140%; position: relative; margin: 15px 0 10px; padding: 20px; }
.frame_cont { color: #666; margin-left: 18px; }
.word_grey { color: #999; }

/* 
 * 首页产品分类 && 部分产品推荐
 * Update 2013-09-23 
 */
.prd_category { margin-top: 20px; }
.product_recommend { margin-top: 40px; }
.category_title,
.recommend_title { position: relative; }
.category_title { margin-bottom: 45px; font-size: 140%; }
.cat_title_line,
.rec_title_line { height: 14px; border-bottom: 2px solid #d5d3d3; }
.cat_title,
.rec_title { position: absolute; top: -10px; width: 100%; }
.cat_title p,
.rec_title p { width: 240px; margin: 0 auto; text-align: center; background-color: #f5f5f5; }
.rec_title p { width: 150px; }
.category_table { text-align: center; }
.category_table:nth-child(2) { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.category_table:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; margin-bottom: 20px; }
.category_table:nth-child(2) > p:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; border: 1px solid #bababa; border-bottom: none; }
.cat_table_name { font-size: 120%; background-color: #dfdfdf; color: #666; width: 100%; }
.cat_item { position: relative; overflow: auto; border-bottom: 1px solid #dfdfdf; width: 100%; background-color: #fbfbfb; }
.category_table:last-child .cat_item:last-child { border-bottom: 1px solid #bababa; }
.category_table:last-child .cat_item:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; overflow: hidden; }
.cat_item > li { font-size: 135%; width: 25%; float: left; }
.cat_item > li > a { padding: 17px 0; display: inline-block; color: #333; white-space: nowrap; }
.cat_item_content { background-color: #eeeded; opacity: 1; display: block; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; clear: both; }
.cat_item_content p a { color: #407195; font-size: 130%; display: inline-block; margin-bottom: 21px; margin-top: 5px; }
.cat_item_content:nth-of-type(4) .edge { left: 86%; }
.cat_item_content:nth-of-type(3) .edge { left: 61%; }
.cat_item_content:nth-of-type(2) .edge { left: 36%; }
.cat_item_content:nth-of-type(1) .edge { left: 11%; }
.cat_item_content .edge { display: block; position: absolute; width: 20px; height: 20px; background-color: #eeeded; top: 66px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.cat_item_content.hidden { opacity: 0; display: none; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.cat_detail { padding: 0 15px; overflow: auto; }
.cat_detail li { float: left; }
.cat_detail li a { color: #666; }
.cat_detail li,
.cat_detail p { font-size: 130%; background-color: #eeeded; margin: 17px 0; }
.cat_detail li a { padding: 3px 20px; }
.cat_item > .cat_item_selected > a { color: #ff7800; }
.cat_item > .cat_item_selected.cat_item_active > a { color: #fff; }
.cat_item > .cat_item_active { background-color: #ff7800; }
.cat_item > .cat_item_active > a { color: #fff; }
.cat_detail > .cat_item_active a { background-color: #ff7800; color: #fff; border-radius: 8px; }
.cat_divider { display: inline-block; width: 2px; height: 20px; background-color: #c7c7c7; }

/*右上角 搜索|收藏 按钮设置 2013-9-25 */
.search_icon_padding { padding: 48px 10px 20px 28px; }
.cl_icon_padding { padding: 49px 35px 19px 8px; position: absolute; right: 0; top: -10px; }

/* 提示蒙层统一样式 2013-9-30 */
#mask { display: none; position: fixed; margin: 0 auto; max-width: 640px; width: 100%; z-index: 9999; opacity: .73; }
#mask.mask-show { display: block; }
#maskWord { font-size: 24px; color: #fff; padding: 10px; background-color: #333; border-radius: 8px; text-align: center; width: 60%; margin: 0 auto; }

@media(min-width: 379px) and (max-width: 639px) { 
    .cat_detail li a { padding: 3px 15px; }
    .link_other li { height: 60px; line-height: 60px; }
    .cat_title,
    .rec_title { top: -5px; }
    .header .line_h { margin-right: 20px; height: 18px; top: -3px; }
    .header .sel_city { margin-left: 25px; }
    .header .selMoreCity { left: -170px; }
    .search .search_btn { top: 10px; }
    .header .collection-list .man_arrow { left: 92%; }
    .header h1 { width: 120px; }
    .header .city_list a { padding: 0 20px 0 15px; }
    .cat_item_content .edge { top: 57px; }
    .cat_divider { height: 16px; }
}
@media(max-width: 378px) { 
    .arrow,
    .header .cl_icon,
    .header .search_icon { background-image: url(../../img/common/arrow_half.png?v=20130823); }
    .arrow { height: 17px; width: 5px; margin-left: 5px; background-image: url(../../img/common/arrow_half.png?v=20130823) no-repeat 0 0; }
    .header .selMoreCity { left: -130px; }
    .header .sel_city { margin-left: 5px; }
    .header .search_icon { background-position: -200px 0; height: 17px; width: 17px; }
    .header .cl_icon { background-position: -218px 0; height: 17px; width: 21px; }
    .cat_detail li a { padding: 3px 8px; }
    .link_other li { height: 40px; line-height: 40px; }
    .cat_title,
    .rec_title { top: -2px; }
    .cat_item_content .edge { top: 56px; }
    .header .line_h { margin-right: 15px; height: 13px; top: -1px; }
    .search .search_btn { top: 14px; }
    .header .collection-list .man_arrow { left: 91%; }
    .header .collection-list { width: 90%; }
    .header .city_list a { padding: 0 10px 0 5px; }
    .cat_divider { height: 14px; }
    .arrow { background: url(../../img/common/arrow_half.png) no-repeat 0 0; }
    .link_other li .arrow { top: 40%; }
    .com_foot .left_part { float: none; }
}
@media(max-width: 359px) { 
    .header h1 { width: 100px; }
}