/* scroll */
*::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

*::-webkit-scrollbar-track {
	background: #eee;
}

*::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 5px;
}

*::-webkit-scrollbar-thumb:hover {
	background: #888;
}
body{
    color: #333333;
    /* background: #f0f2f6; */
}
a{
    text-decoration: none;
}
.head{
    background: #ffffff;
    height: 48px;
    line-height: 48px;
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid rgba(228, 228, 228, 1);
}
.head a.back{
    height: 48px;
    width: 48px;
    float: left;
    background: url(/msite/images/icon/dark/helpback.png)no-repeat center center;
    background-size: 24px 24px;
    margin-right: 6px;
    margin-left: 6px;
}
ul.help-tab{
    height: 30px;
    line-height: 30px;
    position: fixed;
    top: 58px;
    left: 0px;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    display: grid;
    grid-auto-flow: column; 
    padding-left: 20px;
}
ul.help-tab::-webkit-scrollbar {
	/*width: 0px;
	height: 0px;*/
    display: none;
}

ul.help-tab li{
    height: 30px;
    display: inline-block;
    padding-right: 18px;
    padding-left: 18px;
    grid-column: span 1;
    margin-right: 20px;
    background: #ffffff;
    border-radius: 50px;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}
ul.help-tab li.on{
    color: #FF6600;
    background-color: #eafbff;
}
.help-box{
    position: absolute;
    width: 100%;
    top: 98px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px;
    overflow-y: auto;
    padding-top: 5px;
    background: #f0f2f6;
}
.help-box h2{
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    color: #000000;
}
.content{
    font-size: 13px;
    line-height: 18px;
}
.content p{
    padding-bottom: 10px;
}
.content p label{ font-size:13px;}
.content p label input{ position:relative; top:2px;}
.gignIn .content p{
    padding-bottom: 15px;
}
.gignIn .on-b{
    line-height: 20px;
    color: #000000;
}

/*举报页面*/
.report-abuse{
    margin: -2px;
    padding:8px 20px 8px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: rgb(0 0 0 / 27%) 0px 0px 3px;
}
.report-abuse label input{
	margin-right: 3px;
}
.report-abuse-textarea{
	width: 100%;
	height: 60px;
	outline: none;
	padding: 5px;
	box-sizing:border-box;
	border-radius: 6px;
	border: 1px solid rgba(201, 201, 201, 1);
}
.help-bottoms{
	height: 40px;
	margin: 20px 0px;
}
.help-bottoms .button{
	line-height: 40px;
	width: 90px;
    height: 40px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(201, 201, 201, 1);
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
}
.help-bottoms .bluebutton{
	width: 120px;
	border: none;
	background-color: rgba(0, 102, 204, 1);
	color: #FFFFFF;
	margin-right: 10px;
}
/*举报页面end*/

.help_header_box{ width:auto; height:48px; line-height:48px; margin:0; padding:0 0 0 60px; font-size:16px; color:#333; font-weight:bold; position:absolute; left:0; top:0; right:0; z-index:2; border-bottom:1px solid #E4E4E4; background-color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.help_header_box .s_ico{ display:block; width:45px; height:45px; margin:0; padding:0; position:absolute; left:10px; top:0; background:url(../images/arrow_left.png) center center no-repeat; background-size:24px 24px;}

.customer_tab_list_box{ width:auto; height:40px; margin:0; padding:0 0 0 15px; position:absolute; left:0; top:55px; right:0; overflow-y:hidden; overflow-x:auto;}
.customer_tab_list_box .div_list{ display:block; width:auto; height:30px; margin:0; padding:0;}
.customer_tab_list_box .div_list:after{content:"";display:block;height:0;clear:both;} 
.customer_tab_list_box .div_list a{ float:left; display:block; width:auto; height:30px; line-height:30px; margin:0 0 0 15px; padding:0 20px; font-size:13px; color:#333; font-weight:bold; background-color:#fff; text-decoration:none; -webkit-border-radius:15px; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.customer_tab_list_box .div_list a:nth-of-type(1){ margin:0;}
.customer_tab_list_box .div_list a.on{ color:#FF6600; background-color:#E8FBFF;}
.customer_tab_list_box::-webkit-scrollbar{ width:4px; height:4px;}
.customer_tab_list_box::-webkit-scrollbar-track{ background:none;}
.customer_tab_list_box::-webkit-scrollbar-thumb{ background:none; -webkit-border-radius:4px; border-radius:4px;}
.customer_tab_list_box::-webkit-scrollbar-thumb:hover{ background:none;}
.customer_faqs_box{ width:auto; height:auto; margin:0; padding:0 0 20px 20; position:absolute; left:0; top:95px; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto;}
.customer_faqs_box .div_tit {
    width: auto;
    height: auto;
    line-height: 20px;
    margin: 20px 20px 0 20px;
    padding: 0;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.customer_faqs_box .div_text {
    width: auto;
    height: auto;
    line-height: 18px;
    margin: 10px 20px 0 20px;
    padding: 0;
    font-size: 13px;
    color: #333;
}
.customer_faqs_box .div_item_con {
    width: auto;
    height: auto;
    margin: 10px 20px 0 20px;
    padding: 20px 20px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0px 0px 3px 1px #ccc;
    box-shadow: 0px 0px 3px 1px #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.customer_faqs_box .qa_list{
    font-size: 14px;
}
.customer_faqs_box .qa_list img{
    vertical-align: middle;
}
 .customer_faqs_box .qa_list li{
     margin-bottom: 20px
 }
.customer_faqs_box .qa_list .num{
    display: block;
    float: left;
    margin-right: 5px;
}
 .customer_faqs_box .qa_list li > a{
     margin: 10px 0 0 20px;
     display: block;
     font-weight:100!important;
     color: #007CD3;
 }
 .customer_faqs_box .qa_list li div a{ 
     font-weight:100!important;
     color: #007CD3;
 }
.customer_faqs_box .qa_list li div{
    padding-left: 20px;
    margin: 10px 0 ;
    display: none;
}
.customer_faqs_box .qa_list li.show_more >div{
    display: block!important;
}
.customer_faqs_box .need_help .txt {
    margin: 10px 0;
    font-size: 14px;
}
.customer_faqs_box .need_help .btn {
    display: block;
    width: 165px;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    left: 35px;
    top: 50%;
    background-color: #0161C7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.customer_list_box{ width:auto; height:auto; margin:0; padding:0 0 20px 0; position:absolute; left:0; top:95px; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto;}
.customer_list_box::-webkit-scrollbar{ width:4px; height:4px;}
.customer_list_box::-webkit-scrollbar-track{ background:none;}
.customer_list_box::-webkit-scrollbar-thumb{ background:#999; -webkit-border-radius:4px; border-radius:4px;}
.customer_list_box::-webkit-scrollbar-thumb:hover{ background:#888;}
.customer_list_box .div_tit_con{ width:auto; height:26px; line-height:26px; margin:15px 20px 0 20px; padding:0; position:relative;}
.customer_list_box .div_tit_con .s_tit{ font-size:14px; color:#333; font-weight:bold;}
.customer_list_box .div_tit_con .div_tickets_c{ width:125px; height:26px; margin:0; padding:0; position:absolute; right:0; top:0;}
.customer_list_box .div_tit_con .div_tickets_c .tickets_c{ width:auto; height:26px; line-height:24px; margin:0; padding:0 0 0 10px; border:1px solid #C9C9C9; background-color:#fff; -webkit-border-radius:13px; border-radius:13px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;}
.customer_list_box .div_tit_con .div_tickets_c .tickets_c .span01{ font-size:14px; color:#333;}
.customer_list_box .div_tit_con .div_tickets_c .tickets_c .arrow_b_ico{ display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; right:5px; top:3px; background:url(../images/icon/dark/arrow_bottom.png) center center no-repeat; background-size:14px 9px; opacity:0.4;}
.customer_list_box .div_tit_con .div_tickets_c .tickets_c .arrow_t_ico{ display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; right:5px; top:3px; background:url(../images/icon/dark/arrow_top.png) center center no-repeat; background-size:14px 9px; opacity:0.4;}
.customer_list_box .div_tit_con .div_tickets_c .div_tickets_pop_box{ width:auto; height:auto; margin:0; padding:0; position:absolute; left:0; top:30px; right:0; z-index:3; background-color:#fff; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 3px 1px #ccc; box-shadow:0px 0px 3px 1px #ccc; -webkit-box-sizing:border-box; box-sizing:border-box;}
.customer_list_box .div_tit_con .div_tickets_c .div_tickets_pop_box .ul_list{ display:block; width:auto; height:auto; margin:0; padding:0;}
.customer_list_box .div_tit_con .div_tickets_c .div_tickets_pop_box .ul_list li{ display:block; width:auto; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; color:#333; text-align:center; border-bottom:1px solid #E4E4E4;}
.customer_list_box .div_tit_con .div_tickets_c .div_tickets_pop_box .ul_list li:nth-of-type(3){ border-bottom:none;}
.customer_list_box .div_tit_con .div_tickets_c .div_tickets_pop_box .ul_list li:hover{ background-color:#F0F2F6;}
.customer_list_box .div_tit_con .div_tickets_c .div_tickets_pop_box .ul_list li:active{ background-color:#F0F2F6;}
.customer_list_box .div_list_con{ width:auto; height:auto; margin:10px 20px 0 20px; padding:0; background-color:#fff; position:relative; -webkit-box-shadow:0px 0px 3px 1px #ccc; box-shadow:0px 0px 3px 1px #ccc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.customer_list_box .div_list_con .ul_list{ display:block; width:auto; height:auto; margin:0; padding:0;}
.customer_list_box .div_list_con .ul_list li{ display:block; width:auto; height:85px; margin:0; padding:0; border-top:1px solid #D7D7D7; position:relative; overflow: hidden;}
.customer_list_box .div_list_con .ul_list li:nth-of-type(1){ border:0 none;}
.customer_list_box .div_list_con .ul_list li .date{ width:auto; height:auto; margin:0; padding:0; position:absolute; left:10px; top:20px; font-size:13px; color:#999;}
.customer_list_box .div_list_con .ul_list li .status{ width:auto; height:auto; margin:0; padding:0; position:absolute; right:10px; top:20px; font-size:13px; color:#999;}
.customer_list_box .div_list_con .ul_list li .text{ width:auto; height:auto; margin:0; padding:0; padding:0px 10px; margin-top:45px;}
.customer_list_box .div_list_con .ul_list li .text .a_link{ display:inline-block; width:auto; max-width:calc(100% - 88px); height:auto; margin:0; padding:0; font-size:13px; color:#333; font-weight:normal; text-decoration:underline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.customer_list_box .div_list_con .ul_list li .text .s_unread{ font-size:13px; color:red; font-style:italic;margin-left: 4px;}
.customer_list_box .div_list_empty_con{ width:auto; height:auto; margin:10px 20px 0 20px; padding:45px 0; font-size:13px; color:#333; text-align:center; background-color:#fff; position:relative; -webkit-box-shadow:0px 0px 3px 1px #ccc; box-shadow:0px 0px 3px 1px #ccc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.customer_list_box .text01{ width:auto; height:auto; line-height:16px; margin:30px 20px 0 20px; padding:0; font-size:12px; color:#666; font-weight:bold;}
.customer_list_box .text02{ width:auto; height:auto; line-height:16px; margin:0 20px 0 20px; padding:0; font-size:12px; color:#666;}
.customer_list_box .text02 .a_link{ color:#666; text-decoration:underline; font-weight:normal;}

#customerInfo,#customerSubmit,#ticketReply,#help{ z-index:3;background-color: #F0F2F6;}
.ticket_detail_box{ width:auto; height:auto; margin:0; padding:0 0 20px 0; position:absolute; left:0; top:45px; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto;}
.ticket_detail_box::-webkit-scrollbar{ width:4px; height:4px;}
.ticket_detail_box::-webkit-scrollbar-track{ background:none;}
.ticket_detail_box::-webkit-scrollbar-thumb{ background:#999; -webkit-border-radius:4px; border-radius:4px;}
.ticket_detail_box::-webkit-scrollbar-thumb:hover{ background:#888;}
.ticket_detail_box .ticket_detail_header_con{ width:auto; height:auto; margin:0; padding:0 0 20px 0; border-bottom:1px solid #D7D7D7; overflow:hidden;}
.ticket_detail_box .feedback_box {padding: 0 20px;}
.ticket_detail_box .ticket_detail_header_con .text01{ width:auto; height:auto; line-height:18px; margin:20px 20px 10px 20px; padding:0; font-size:14px; color:#333; font-weight:bold;}
.ticket_detail_box .ticket_detail_header_con .text_box{display: flex; justify-content: space-between;}
.ticket_detail_box .ticket_detail_header_con .text02{ width:auto; height:auto; line-height:18px; margin:0 20px 0 20px; padding:0; font-size:13px; color:#666;}
.ticket_detail_box .ticket_detail_header_con .div_btn_c{ width:auto; height:auto; margin:20px 20px 0 20px; padding:0;}
.ticket_detail_box .ticket_detail_header_con .div_btn_c .a_btn_o{ display:inline-block; width:auto; height:40px; line-height:40px; margin:0; padding:0 20px; font-size:14px; color:#333; font-weight:bold; text-align:center; text-decoration:none; background-color:#fff; border:1px solid #C9C9C9; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ticket_detail_box .ticket_detail_header_con .div_btn_c .a_btn_t{ display:inline-block; width:auto; height:40px; line-height:40px; margin:0 0 0 10px; padding:0 20px; font-size:14px; color:#333; font-weight:bold; text-align:center; text-decoration:none; background-color:#fff; border:1px solid #C9C9C9; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ticket_detail_box .ticket_detail_item_con{ width:auto; height:auto; margin:25px 20px 0 20px; padding:0;}
.ticket_detail_box .ticket_detail_item_con .tit{ width:auto; height:auto; line-height:16px; margin:0; padding:0; font-size:12px; color:#333; font-weight:bold;}
.ticket_detail_box .ticket_detail_item_con .date{ width:auto; height:auto; line-height:16px; margin:10px 0 0 0; padding:0; font-size:12px; color:#333;}
.ticket_detail_box .ticket_detail_item_con .div_item_con{ width:auto; height:auto; margin:10px 0 0 0; padding:15px 15px; background-color:#fff; position:relative; -webkit-box-shadow:0px 0px 3px 1px #ccc; box-shadow:0px 0px 3px 1px #ccc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .p01{ width:auto; height:auto; line-height:16px; margin:0; padding:0; font-size:13px; color:#333;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .p02{ width:auto; height:auto; line-height:16px; margin:20px 0 0 0; padding:0; font-size:13px; color:#333;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .p03{ width:auto; height:auto; line-height:16px; margin:20px 0 30px 0; padding:0; font-size:13px; color:#333;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .img01{ display:block; width:100%; height:auto; margin:10px 0 0 0; padding:0;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .img01:nth-of-type(1){ margin:0;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .pdf{font-size: 13px; display: flex; align-items: center; margin: 18px 0px;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .pdf img{width: 20px;}
.ticket_detail_box .ticket_detail_item_con .div_item_con .pdf a.link{font-weight: 400; color: #333; text-decoration: underline; margin: 0 6px;}

.ticket_detail_box .ticket_detail_item_closed_con{ width:auto; height:auto; margin:25px 20px 0 20px; padding:0;}
.ticket_detail_box .ticket_detail_item_closed_con .div_item_con{ width:auto; height:auto; margin:0; padding:30px 20px; font-size:14px; color:#333; font-weight:bold; background-color:#fff; position:relative; -webkit-box-shadow:0px 0px 3px 1px #ccc; box-shadow:0px 0px 3px 1px #ccc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}

.ticket_detail_photo_preview_box{ width:auto; height:auto; margin:0; padding:0; background-color:rgba(0,0,0,1); position:absolute; left:0; top:0; right:0; bottom:0; z-index:99; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ticket_detail_photo_preview_box .close_btn{ display:block; width:32px; height:32px; margin:0; padding:0; background:#fff url(../images/ic_close_grey.png) center center no-repeat; background-size:22px 22px; position:absolute; right:10px; top:15px; z-index:9; -webkit-border-radius:32px; border-radius:32px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ticket_detail_photo_preview_box .a_link_slide{ display:block; width:auto; height:auto; margin:0; padding:0; position:absolute; left:0; top:55px; right:0; bottom:55px; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ticket_detail_photo_preview_box .a_link_slide .img01{ display:block; width:100%; height:auto; margin:0; padding:0; position:absolute;}

.ticket_submit_box{ width:auto; height:auto; margin:0px; padding:0 0px 20px; position:absolute; left:0; top:95px; right:0; bottom:0; ebkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto;}
#ticket_submit_box{padding: 0 20px;}
.ticket_submit_box img{vertical-align: middle;}
.ticket_submit_box::-webkit-scrollbar{ width:4px; height:4px;}
.ticket_submit_box::-webkit-scrollbar-track{ background:none;}
.ticket_submit_box::-webkit-scrollbar-thumb{ background:#999; -webkit-border-radius:4px; border-radius:4px;}
.ticket_submit_box h3.div_title{ font-size: 14px; }
.ticket_submit_box .div_desc{ font-size: 13px; margin-top: 12px;}
.ticket_submit_box .card_view{padding: 20px 20px 32px 20px;   background: #fff; border-radius: 6px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.267);font-size: 13px;margin-top: 10px;}
.ticket_submit_box .card_view>h3{
    font-size: 14px;
    margin-bottom: 18px;
}
.ticket_submit_box .radio_category {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}

.ticket_submit_box .radio_category:after{
    display: block;
    content: '';
    clear: both;
    width: 100%;
}

.ticket_submit_box .radio_category .radio{
    margin-right: 0;
    line-height: 28px;
    width: 50%;
    display: flex;
    align-items: center;
    line-height: normal;
    margin-bottom: 10px;
}

.ticket_submit_box .radio_category .radio input,.ticket_submit_box .radio_category .radio label{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.ticket_submit_box .radio_category .radio label{
    font-size: 13px;
    margin: 0 0 0 4px;
}

.ticket_submit_box #continueBtn{ display: inline-block; width: 170px; height: 40px; line-height: 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px; background: #0066CC; color: #fff; text-align: center; font-size: 14px; border-radius: 6px;font-weight: 700;}

.ticket_submit_box a{font-weight: 400;}
.ticket_submit_box .card_view>ul{margin-bottom: 10px;}
.ticket_submit_box .card_view>ul li{margin-bottom:20px; list-style: decimal; margin-left: 20px; padding-left: 6px;}
.ticket_submit_box .card_view>ul li::marker{font-weight: 700;}
.ticket_submit_box .card_view>ul li:last-child{margin-bottom: 0;}
.ticket_submit_box .card_view>ul li a{color: #007CD3; font-weight: normal;}
.ticket_submit_box .card_view>ul li>div{ display: none; margin-top: 6px;}
.ticket_submit_box .card_view>ul li.show_more>div{ display: block;}
.ticket_submit_box .card_view .feedback_form{ margin-top: 20px; border-radius: 6px;  background: #F0F2F6; padding: 20px 20px;}
.ticket_submit_box .card_view .feedback_form h3{font-size: 13px;}
.ticket_submit_box .card_view .radio_select{ padding-bottom: 12px; display: flex; align-items: center;margin-top: 20px; }
.ticket_submit_box .card_view .radio_select .radio{ line-height: 30px; display: flex; margin-right: 30px;align-items:center;}

.ticket_submit_box .card_view .radio_select .radio label{margin: 0; padding-left: 4px;font-size: 13px; line-height: normal;}
.ticket_submit_box .feedback_form .btn{display: inline-block; width: 170px; height: 40px; line-height: 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px; background: #0066CC; color: #fff; text-align: center; font-size: 14px; border-radius: 6px;font-weight: 700;}
.ticket_submit_box .feedback_box .feedback_form .form_box{padding: 20px 0px 0px; font-size: 14px;}
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item { margin-bottom: 14px; }
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-label{width: 100%; font-weight: 700; margin-bottom: 4px; padding-top: 4px;}
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-con {position: relative;}
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-con input,.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-con textarea{ display: block; background: #FFF; border: 1px solid #bbb; border-radius: 4px; transition: all 0.3s; -webkit-transition: all 0.3s; width: 100%; outline: none; padding: 6px 6px; box-sizing: border-box; font-size: 14px;}
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-con textarea::placeholder{font-style: italic;}
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-con input{ height: 42px; line-height: 42px; }
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-con select { height: 42px; line-height: 42px; background: #FFF; border: 1px solid #bbb; border-radius: 4px; transition: all 0.3s; -webkit-transition: all 0.3s; width: 100%; outline: none; padding: 0 6px; box-sizing: border-box; }
.ticket_submit_box .feedback_box .feedback_form .form_box .bottom_text{font-size: 12px; text-align: right; color: #666;position: absolute;bottom: -18px; width: 100%; height: 18px; line-height: 18px;}
.ticket_submit_box .feedback_box .feedback_form .form_box .bottom_text span{color: #FF0000;}
.ticket_submit_box .feedback_box .feedback_form .form_box .error_box {color: #FF6600;font-size: 13px;}
.ticket_submit_box .feedback_box .feedback_form .form_box label.error {color: #FF6600;font-size: 13px; height: 18px; line-height: 18px; margin-bottom: 0;}
.ticket_submit_box .feedback_box .feedback_form .form_box textarea.error {border: 1px solid #FF6600;}
.ticket_submit_box .feedback_box .feedback_form .form_box .error_tips {display: none;color: #FF6600; font-size: 13px; height: 18px; line-height: 18px;}
.ticket_submit_box .form_box label.error {color: #FF6600;font-size: 13px;}
.ticket_submit_box .feedback_box .feedback_form .form_box .error_item { border: 1px solid #FF6600;}
.ticket_submit_box .feedback_box .feedback_form .form_box .form-item .form-con >.error{border: 1px solid #FF6600}
.ticket_submit_box .file_choose{display: none;}
.ticket_submit_box #subject-error{position: absolute;left: 0;bottom: -18px;}
.ticket_submit_box #message-error{}
.ticket_submit_box .error_box.message-error #message-error{position: absolute;left: 0;bottom: -18px;}
.ticket_submit_box .attach_file{/*position: absolute;*/left: 0;bottom: -18px;font-size: 12px; }
.ticket_submit_box .bottom_action{text-align: center; border-top: 1px solid #D7D7D7; padding-top: 10px; margin: 40px -20px 0px}
.ticket_submit_box .bottom_action .btn{ width: 45%;max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; box-sizing: border-box;font-weight: 700;}
.ticket_submit_box .bottom_action a{width: 160px;}
.ticket_submit_box .file_choose{margin-top: 18px; display: flex; align-items: center;/*position: absolute;*/}
.ticket_submit_box .file_choose input{height: auto!important; line-height: normal!important;border: 0!important; display: inline-block!important; font-size: 13px; color: #333;background: none !important; width: auto!important; padding: 0!important;}
.ticket_submit_box .file_choose a{ display: inline-block; font-size: 13px; text-decoration: underline;}
.ticket_submit_box .file_choose label{color: #333; font-size: 13px; margin-bottom: 0;margin-right: 8px; word-break:break-word;}
.ticket_submit_box .file_choose label .choose{background: #efefef; border: 1px solid #999999;  display: inline-block; height: 25px; line-height: 25px; padding: 0 6px; text-decoration: none;color: #333; }
.ticket_submit_box #photofile,.ticket_submit_box #photofileReply{display: none;}

/* select */
.form-item .select_item { position: relative; height: 42px; line-height: 42px; background: inherit; background-color: rgba(255, 255, 255, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(201, 201, 201, 1); border-radius: 4px; width: 100%; text-indent: 10px; outline: none }
.form-item .select_item span { }
.form-item .select_item .select_icon { position: absolute; width: 14px; height: 100%; top: 0px; right: 8px; background: url(/msite/images/icon/dark/arrow_bottom.png) no-repeat right center; opacity: 0.6 }
.form-item .select_item .select_option { width: 100%; height: auto; max-height: 214px; position: absolute; right: 0px; top: 42px; z-index: 3; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; box-shadow: 0px 10px 20px rgb(0 0 0 / 50%); -webkit-box-shadow: 0px 10px 20px rgb(0 0 0 / 50%) }
.form-item .select_item .select_option .option_li { border-bottom: 1px solid #E4E4E4; text-indent: 0; text-align: center; height: 40px; line-height: 40px }
.form-item .select_item .select_option .option_li:last-child { border-bottom: 0 }
.form-item .select_item.open .select_option { display: block }


@media screen and (max-width:380px) {
    .ticket_submit_box .radio_category .radio{width: 100%;}
}

@media screen and (max-width:375px) {
	.ticket_submit_box .feedback_box .feedback_form .form_box .error_box{ font-size:12px;}
	.ticket_submit_box .feedback_box .feedback_form .form_box label.error{ font-size:12px;}
}

.div_header_box{ width:auto; height:45px; line-height:45px; margin:0; padding:0 0 0 60px; font-size:16px; color:#333; font-weight:bold; position:absolute; left:0; top:0; right:0; z-index:2; border-bottom:1px solid #E4E4E4; background-color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.div_header_box .s_ico{ display:block; width:45px; height:45px; margin:0; padding:0; position:absolute; left:10px; top:0; background:url(../images/arrow_left.png) center center no-repeat; background-size:24px 24px;}

.confirm_email_box{ width:auto; height:auto; margin:0; padding:0 0 20px 0; position:absolute; left:0; top:45px; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto;}
.confirm_email_box::-webkit-scrollbar{ width:4px; height:4px;}
.confirm_email_box::-webkit-scrollbar-track{ background:none;}
.confirm_email_box::-webkit-scrollbar-thumb{ background:#999; -webkit-border-radius:4px; border-radius:4px;}
.confirm_email_box::-webkit-scrollbar-thumb:hover{ background:#888;}
.confirm_email_box .text01{ width:auto; height:auto; line-height:20px; margin:30px 25px 0 25px; padding:0; font-size:14px; color:#333; font-weight:bold;}
.confirm_email_box .text{ width:auto; height:auto; line-height:20px; margin:20px 25px 0 25px; padding:0; font-size:14px; color:#333; font-weight:bold;}
.confirm_email_box .div_email_c{ width:auto; height:42px; line-height:42px; margin:3px 25px 0 25px; padding:0; border:1px solid #C9C9C9; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; overflow:hidden;}
.confirm_email_box .div_email_c .inp{ display:block; width:auto; height:auto; margin:0; padding:0 0 0 10px; font-size:14px; color:#333; border:0 none; outline:none; position:absolute; left:0; top:0; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
.confirm_email_box .div_code_c{ width:auto; height:42px; line-height:42px; margin:3px 25px 0 25px; padding:0; border:1px solid #C9C9C9; background-color:#fff; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; overflow:hidden;}
.confirm_email_box .div_code_c .inp{ display:block; width:auto; height:auto; margin:0; padding:0 0 0 10px; font-size:14px; color:#333; border:0 none; outline:none; position:absolute; left:0; top:0; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
.confirm_email_box .error_border{ border:1px solid #FF6A24;}
.confirm_email_box .error_tip_c{ width:auto; height:auto; margin:3px 25px 0 25px; padding:0; font-size:13px; color:#FF6A24;}
.confirm_email_box .a_btn{ display:block; width:auto; height:44px; line-height:44px; margin:30px 25px 0 25px; padding:0; font-size:14px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; background-color:#0066cc; -webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3); -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
.confirm_email_box .gou_ico{ display:block; width:40px; height:40px; margin:0 auto; margin-top:30px; padding:0; background:url(../images/gou_ico.png) center center no-repeat; background-size:40px 40px;}
.confirm_email_box .text02{ width:auto; height:auto; line-height:20px; margin:20px 25px 0 25px; padding:0; font-size:14px; color:#333; font-weight:bold; text-align:center;}
.confirm_email_box .text03{ width:auto; height:auto; line-height:20px; margin:20px 25px 0 25px; padding:0; font-size:14px; color:#333; text-align:center;}
.confirm_email_box .a_btn_link{ display:block; width:220px; height:40px; line-height:40px; margin:0 auto; margin-top:20px; padding:0; font-size:14px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; background-color:#0066cc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
.confirm_email_box .gth_ico{ display:block; width:40px; height:40px; margin:0 auto; margin-top:30px; padding:0; background:url(../images/icon_import.png) center center no-repeat; background-size:40px 40px;}
.confirm_email_box .text04{ width:auto; height:auto; line-height:20px; margin:20px 25px 0 25px; padding:0; font-size:14px; color:#333; text-align:center;}

.password_reset_box{ width:auto; height:auto; margin:0; padding:0 0 20px 0; position:absolute; left:0; top:45px; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto;}
.password_reset_box::-webkit-scrollbar{ width:4px; height:4px;}
.password_reset_box::-webkit-scrollbar-track{ background:none;}
.password_reset_box::-webkit-scrollbar-thumb{ background:#999; -webkit-border-radius:4px; border-radius:4px;}
.password_reset_box::-webkit-scrollbar-thumb:hover{ background:#888;}
.password_reset_box .text01{ width:auto; height:auto; line-height:20px; margin:30px 25px 0 25px; padding:0; font-size:14px; color:#333; font-weight:bold;}
.password_reset_box .text{ width:auto; height:auto; line-height:20px; margin:20px 25px 0 25px; padding:0; font-size:14px; color:#333; font-weight:bold;}
.password_reset_box .div_email_c{ width:auto; height:42px; line-height:42px; margin:3px 25px 0 25px; padding:0; border:1px solid #C9C9C9; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; overflow:hidden;}
.password_reset_box .div_email_c .inp{ display:block; width:auto; height:auto; margin:0; padding:0 0 0 10px; font-size:14px; color:#333; border:0 none; outline:none; position:absolute; left:0; top:0; right:0; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
.password_reset_box .div_password_c{ width:auto; height:42px; line-height:42px; margin:3px 25px 0 25px; padding:0; border:1px solid #C9C9C9; background-color:#fff; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; overflow:hidden;}
.password_reset_box .div_password_c .inp{ display:block; width:auto; height:auto; margin:0; padding:0 0 0 10px; font-size:14px; color:#333; border:0 none; outline:none; position:absolute; left:0; top:0; right:50px; bottom:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
.password_reset_box .div_password_c .pw_c_ico{ display:block; width:32px; height:32px; margin:-16px 0 0 0; padding:0; position:absolute; right:5px; top:50%; background:url(../images/icon/dark/glass-pwd-icon.png) center center no-repeat; background-size:32px 32px;}
.password_reset_box .div_password_c .pw_o_ico{ display:block; width:32px; height:32px; margin:-16px 0 0 0; padding:0; position:absolute; right:5px; top:50%; background:url(../images/icon/dark/eye-pwd-icon.png) center center no-repeat; background-size:28px 28px;}
.password_reset_box .error_border{ border:1px solid #FF6A24;}
.password_reset_box .error_tip_c{ width:auto; height:auto; margin:3px 25px 0 25px; padding:0; font-size:13px; color:#FF6A24;}
.password_reset_box .a_btn{ display:block; width:auto; height:44px; line-height:44px; margin:30px 25px 0 25px; padding:0; font-size:14px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; background-color:#0066cc; -webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3); -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
.password_reset_box .gou_ico{ display:block; width:40px; height:40px; margin:0 auto; margin-top:30px; padding:0; background:url(../images/gou_ico.png) center center no-repeat; background-size:40px 40px;}
.password_reset_box .text02{ width:auto; height:auto; line-height:20px; margin:20px 25px 0 25px; padding:0; font-size:14px; color:#333; font-weight:bold; text-align:center;}
.password_reset_box .a_btn_link{ display:block; width:175px; height:40px; line-height:40px; margin:0 auto; margin-top:20px; padding:0; font-size:14px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; background-color:#0066cc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
.password_reset_box .gth_ico{ display:block; width:40px; height:40px; margin:0 auto; margin-top:30px; padding:0; background:url(../images/icon_import.png) center center no-repeat; background-size:40px 40px;}
.password_reset_box .text03{ width:auto; height:auto; line-height:20px; margin:20px 25px 0 25px; padding:0; font-size:14px; color:#333; text-align:center;}