.acc_wrap { padding: 0 200px; max-width: 1520px;} .acc_main { border-bottom: 1px solid #e5e5e5;} .acc_contain { margin: 0 auto; width: 1100px;} .acc_con { padding-bottom: 50px;} .acc_header { height: 56px; padding: 22px 0 10px; position: relative;} .acc_header .logo { left: 0;} .acc_foot { width: 100%; margin: 30px 0 0 auto; padding: 35px 0 30px; text-align: center;} .acc_log { min-height: 636px; background: url(../images/log-bg.jpg) no-repeat center top; position: relative;} .acc_rgt { min-height: 636px; background: url(../images/log-bg.jpg) no-repeat center top; position: relative;} .acc_left { position: absolute; width: 410px; top: 45px; right: 18.75%; background-color: #fff;} .acc-nav, .rgt-nav { font-size: 26px; height: 30px; line-height: 30px; padding: 25px 40px 10px; text-align: center;} .acc-info, .rgt-info { height: 44px; line-height: 44px; padding: 10px 0 10px 30px; position: relative;} .acc_rgt_check { padding: 10px 0 10px 30px; line-height: 22px;} .acc_bot_sign { padding: 0 35px 40px 35px;} .acc_bot_sign a, .acc_rgt_check a:hover { color:#f60;} .rgt-info .ipt-tit { display: inline-block; margin-right: 10px; width: 200px; text-align: right; font-family: Verdana, Geneva, sans-serif;} .acc-info input[type="text"], .acc-info input[type="password"], .rgt-info input[type="text"], .rgt-info input[type="password"], .text_input, .set-ipt .ipt-name { margin-right: 16px; border-radius: 5px; height: 42px; line-height: 42px; padding: 0 4px; width: 470px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);} .acc-info input[type="text"] { width: 340px; background: url(../images/log-ico.png) no-repeat 317px 5px;} .acc-info input[type="password"] { width: 340px; background: url(../images/log-ico.png) no-repeat 317px -25px;} .rgt-info input.ipt-name { width: 221px;} .acc-info input.ipt-name { width: 155px; background: none;} .rgt-info input.ipt-code, .fgt-info input.ipt-code { width: 394px;} .acc-info input.msg-code { width: 180px; background: none;} .rgt-info input[type="text"]:focus, .rgt-info input[type="password"]:focus, .text_input:focus, .ord-key:focus, .set-ipt .ipt-name:focus, .tkt-txt:focus { border-color: #fc9d21; box-shadow: inset 0 0 3px rgba(252,157,33,.2);} .rgt-info input.rgt-erro { border-color: #fa012a; box-shadow: inset 0 0 3px rgba(250,1,42,.2);}::-webkit-input-placeholder { color: #a9a9a9;}:-moz-placeholder { color: #a9a9a9;}::-moz-placeholder { color: #a9a9a9;}:-ms-input-placeholder { color: #a9a9a9;} .ctn-rec { display: inline-block; vertical-align: middle; color: #f00; line-height: 44px;} .rgt-info img { margin-right: 16px;} .cbox { margin-right: 4px; width: 12px; height: 12px; -webkit-appearance: checkbox; box-sizing: border-box; vertical-align: text-top;} .rgt-btn { margin-right: 16px; border-radius: 5px; height: 42px; line-height: 42px; padding: 0 4px; width: 470px; background-color: #fb423f; color: #fff; text-align: center; border: 0; cursor: pointer; font-size: 14px;} .rgt-btn:hover { background-color: #f20804;} .acc-info .rgt-btn { width: 350px; margin: 0 auto;} .rgt-msg, .msg-erro, .res-msg, .pass-msg, .pass-erro, .mail-none, .pass-none { position: absolute; display: none; height: 18px; line-height: 18px; color: #f00; left: 45px; bottom: -8px;} .rgt-msg a, .rgd-acc a { color: #0066c0;} .log-fgt a:hover, .rgt-msg a:hover, .rgd-acc a:hover { color: #e71; text-decoration: underline;} .rgt-ltn { left: 295px;} .rgt-show { display: block;} .acc_right { float: right; padding-top: 40px; width: 232px; overflow: hidden;} .acc_sign { padding: 5px 20px 20px 20px; border: 1px solid #ddd;} .acc_sign span { display: block; margin: 8px 0; height: 18px; line-height: 18px;} .acc_tab { margin-top: 20px; padding: 5px 20px 10px 20px; border: 1px solid #ddd; position: relative;} .tab-ico { position: absolute; right: 10px; top: 10px; width: 29px; height: 28px; background: url(../images/acc-ico.png) no-repeat left top;} .acc_tab dl { padding: 10px 0; line-height: 18px;} .acc_tab dl:first-child { border-bottom: 1px solid #ddd;} .acc_tab dt { font-weight: 700;} .acc_tab dd { color: #666; padding-left: 7px; font-size: 11px; background: url(../images/acc-ico.png) no-repeat -98px 8px;} .log-fgt { padding: 5px 40px 35px;} .log-rgt { margin: 40px 40px 20px; padding: 20px 0 30px; position: relative; border-top: 1px solid #e5e5e5;} .log-rgt span { display: block; position: absolute; height: 20px; line-height: 20px; top: -10px; left: 50%; margin-left: -65px; background-color: #fff; padding: 0 5px; color: #767676;} .log_right { width: 390px;} .fgt-con { margin: 80px auto 150px; width: 740px; border: 1px solid #ddd; padding: 10px 15px 20px;} .fgt-nav { color: #152d48; font-size: 18px; font-weight: 700; height: 30px; line-height: 30px; padding: 10px 5px 5px; border-bottom: 1px solid #e5e5e5;} .fgt-des { color: #666; font-family: Verdana, Geneva, sans-serif; padding: 10px 5px; height: 22px; line-height: 22px;} .fgt-form { padding: 10px 0;} .fgt-info { padding-bottom: 30px; position: relative;} .fgt-info .rgt-msg { left: 188px;} .fgt-lbl { float: left; font-weight: bold; width: 125px; height: 44px; line-height: 44px; padding-left: 55px;} .fgt-lbl i { color: #f00;} .fgt-form .text_input { float: left;} .fgt-form img { float: left; margin: 12px 0;} .fgt-info .rgt-btn { width: 400px; margin-left: 180px;} .rgd-info { text-align: center; padding: 80px 0 40px; font-size: 16px; font-weight: 700;} .rgd-info span { display: block; margin: 0 auto; width: 96px; height: 96px; background: url(../images/acc-ico.png) no-repeat -2px -45px;} .rgd-info strong { display: block; margin: 20px 0 5px; font-size: 24px;} .rgd-note { text-align: center; padding-bottom: 40px; font-weight: 700; color: #999; font-size: 16px;} .rgd-note em { color: #f60;} .rgd-btn { margin: 0 auto 50px; width: 250px; height: 40px; line-height: 40px; background-color: #ec7612; border-radius: 5px; text-align: center; font-size: 15px; cursor: pointer;} .rgd-btn a { color: #fff; display: block;} .rgd-btn:hover { background-color: #f90;} .rgd-acc { width: 900px; margin: 0 auto; border-top: 1px solid #e5e5e5; padding: 40px 0 60px; font-size: 13px;} .rgd-acc strong { display: block; padding-bottom: 15px;} .rgd-acc span { margin: 0 10px; color: #666;} .rgd-qst { width: 900px; margin: 0 auto; border-top: 1px solid #e5e5e5; padding: 20px 0 100px; font-size: 13px;} .rgd-qst dt { font-weight: 700; height: 40px; line-height: 40px;} .rgd-qst dd { line-height: 20px;} .rgd-qst em { color: #f60; text-decoration: underline;} .res-send { cursor: pointer;} .my_main { background-color: #f4f4f4; min-width: 1200px; padding: 24px 200px; overflow: hidden;} .my_contain { margin: 0 auto; position: relative; min-width: 1200px;} .my_wrap { float: left; width: 100%;} .my_left { float: left; width: 242px; margin-left: -100%;} .my_list { border-radius: 5px; background-color: #fff; padding: 10px 0 15px; border: 1px solid #e9e9e9; box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 8px rgba(0,0,0,.02);} /*box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 8px rgba(0,0,0,.02);*/.my_list li { padding-left: 25px; margin: 0 16px; margin-bottom: 9px; height: 30px; line-height: 30px; font-size: 14px; position: relative;} .my_list li a { display: block; color: #333;} .my_list .my_nav { font-weight: 700; font-size: 20px; padding: 0 16px 8px 16px; margin: 0 0 15px 0; border-bottom: 1px solid #eee;} .my_list li.my_on a, .my_list li:hover a, .cst_info dd a:hover { color: #f90;} .my_list li .my_ico, .cst_info dd .my_ico, .cst_list .my_ico { display: block; width: 20px; height: 20px; position: absolute; left: -2px; top: 5px; background: url(../images/acc-ico.png) no-repeat;} .my_list li .myico1 { background-position: 2px -155px;} .my_list li.my_on .myico1, .my_list li:hover .myico1 { background-position: 2px -184px;} .my_list li .myico2 { background-position: -25px -152px;} .my_list li.my_on .myico2, .my_list li:hover .myico2 { background-position: -25px -181px;} .my_list li .myico3 { background-position: -50px -155px;} .my_list li.my_on .myico3, .my_list li:hover .myico3 { background-position: -50px -184px;} .my_list li .myico4 { background-position: -80px -152px;} .my_list li.my_on .myico4, .my_list li:hover .myico4 { background-position: -80px -181px;} .my_list li .myico5 { background-position: 0 -213px;} .my_list li.my_on .myico5, .my_list li:hover .myico5 { background-position: 0 -241px;} .my_list li .myico6 { background-position: -27px -213px;} .my_list li.my_on .myico6, .my_list li:hover .myico6 { background-position: -27px -241px;} .my_list li .myico7, .cst_info dd .myico7 { background-position: -52px -212px;} .my_list li.my_on .myico7, .my_list li:hover .myico7, .cst_info dd:hover .myico7 { background-position: -52px -240px;} .cst_info dd .myico8 { background-position: -79px -213px;} .cst_info dd:hover .myico8 { background-position: -79px -239px;} .my_fla { margin: 20px 0 5px; background-color: #fff; border: 1px solid #e9e9e9; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 8px rgba(0,0,0,.02);} .my_fla .left-nav { background: #fff; border-bottom: 1px solid #eee; color: #333;} .ht-list .rcd-off { top: 10px; left: auto; right: 10px;} .my_right { margin-left: 262px; overflow: hidden;} .my_top { border: 1px solid #e9e9e9; height: 296px; box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 8px rgba(0,0,0,.02);} .my_info { height: 154px; padding: 40px 51px 0 51px; background-color: #fff;} .cst_info { float: left; width: 180px; height: 120px; padding-left: 130px; position: relative;} .cst_info dt { font-size: 24px; text-transform: capitalize; height: 40px; margin-top: 5px;} .cst_info dd { padding-left: 25px; height: 30px; line-height: 30px; position: relative;} .cst_info dd .my_ico { top: 4px; left: 0;} .cst_info .acc_img, .acc_img { display: block; padding: 0; margin: 0; position: absolute; left: 0; top: 0; width: 110px; height: 110px;} .acc_img span { display: block; border-radius: 55px; overflow: hidden; border: 1px solid #e8e8e8;} .cst_list { float: right;} .cst_list li { float: left; text-align: center; margin-left: 20px; line-height: 16px; padding-top: 80px; width: 110px; position: relative;} .cst_list .my_ico { width: 70px; height: 70px; left: 20px; top: 0;} .cst_list li .myico9 { background-position: 0 -288px;} .cst_list li .myico10 { background-position: 0 -379px;} .cst_list li .myico11 { background-position: 0 -471px;} .cst_list li .myico12 { background-position: 0 -564px;} .cst_info dd a, .cst_list a { display: block; color: #999;} .cst_list a:hover { color: #f90;} .my_ord { height: 71px; border-top: 1px solid #e9e9e9; background-color: #fafbfc; padding: 15px 40px 15px 20px;} .my_ord li { float: left; height: 71px; text-align: center; width: 16.5%; text-align: center; border-left: 1px solid #ddd;} .my_ord li:first-child { border: 0;} .my_ord a:hover { color: #f60;} .my_ord span { display: block; margin-top: 5px; height: 30px; line-height: 30px; font-size: 20px; font-weight: 700; color: #f60;} .my_like { margin: 20px 0 5px; background-color: #fff; padding: 10px 0; position: relative; border: 1px solid #e9e9e9; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 8px rgba(0,0,0,.02);} .my_like .pro-rmd { margin: 0; padding: 0 20px;} .my_like .pro-rmd span { height: 42px; border-width: 1px; font-weight: normal; color: #333;} .my_slider { position: relative; padding: 0 21px 0 20px;} .my_slider .slidernav { display: none;} .my_slider .prev, .my_slider .next { position: absolute; top: -41px; right: 60px; cursor: pointer; width: 30px; height: 30px; background: #fff url(../images/acc-ico.png) -102px -282px no-repeat; z-index: 10; border: 1px solid #ddd; border-radius: 3px;} .my_slider .next { right: 20px; background-position: -102px -323px;} .my_slider .prev:hover { background-position: -102px -369px;} .my_slider .next:hover { background-position: -102px -411px;} .my_box { height: 290px; width: 100%; overflow: hidden; position: relative;} .my_like .sliderbox { height: 290px; width: 2448px; position: absolute;} .my_box li { float: left; height: 290px; width: 204px;} .my_box .rcd-pri del { display: block; color: #999; font-family: Verdana, Geneva, sans-serif;} .ord-con { padding-bottom: 30px; background-color: #fff; border: 1px solid #e9e9e9; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 8px rgba(0,0,0,.02); overflow: hidden;} .ord-nav { border-bottom: 1px solid #ddd; padding: 4px 20px 0;} .ord-nav li { float: left; padding: 15px 20px 14px; margin-bottom: -1px; position: relative; font-size: 13px; cursor: pointer;} .ord-nav li:before { content: ''; width: 1px; height: 13px; background: #ddd; overflow: hidden; position: absolute; left: 0; bottom: 14px;} .ord-nav li:first-child { padding: 15px 20px 14px 5px;} .ord-nav li:first-child:before { display: none;} .ord-nav a { display: block; color: #333; position: relative;} .ord-nav a:hover, .ord-nav .active a, .ord-nav li span { color: #f60;} .ord-nav li.active i { position: absolute; display: block; width: 100%; height: 2px; left: 0; bottom: -14px; border-bottom: 2px solid #f60;} .ord-search { position: relative; padding: 30px 20px;} .ord-search form { display: inline-block; width: 100%;} .ord-slt, .ord-key { position: relative; display: inline-block; padding: 0 10px; width: 140px; height: 38px; line-height: 38px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; z-index: 1;} .ord-slt { cursor: pointer; color: #666;} .ord-slt .ord-jt { position: absolute; top: 17px; right: 8px; display: block; height: 4px; width: 8px;overflow: hidden;} .ord-jt i { display: block; height: 0px; width: 0px; border: 10px solid; border-color: #000 transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -10px;} .ord-slt-info { display: none; z-index: 10; position: absolute; left: 20px; top: 68px; border: 1px solid #ddd; width: 160px; font-size: 13px; line-height: 30px; background-color: #fff; color: #666;} .ord-slt-info span { display: block; cursor: pointer; padding: 0 10px;} .ord-slt-info span:hover { color: #fff; background: #999;} .ord-fipt { display: inline-block; width: 55%; margin-left: 20px; position: relative;} .ord-key { width: 100%; vertical-align: baseline; padding: 0; text-indent: 10px;} .ord-btn { z-index: 10; display: block; position: absolute; top: 8px; right: 10px; width: 24px; height: 24px; background: url(../images/acc-ico.png) no-repeat -50px 0; cursor: pointer;} .ord-list { padding: 1px 20px 15px; position: relative; overflow: hidden;} .ord-list-nav { background-color: #f7f7f7; height: 46px; line-height: 46px; color: #999; overflow: hidden; border: 1px solid #e9e9e9;} .ord-list-info { border: 1px solid #e9e9e9; margin: 20px 0 40px; position: relative; overflow: hidden;} .ord-line1, .ord-line2 { width: 1px; height: 100%; position: absolute; background-color: #e9e9e9; left: 70%; top: 0; z-index: 1;} .ord-line2 { left: 85%;} .ord-tab-tit { color: #999; height: 30px; line-height: 30px; padding: 5px 10px; position: relative; z-index: 10; background-color: #fefefe;} .ord-tab-tit strong { display: inline-block; margin-right: 10px; color: #555;} .list-row { border-top: 1px solid #e9e9e9; overflow: hidden;} .list-line { float: left; width: 70%;} .line-top { border-top: 1px solid #e9e9e9;} .list-border { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;} .ord-des { float: left; width: 46%; text-align: left;} .ord-des span, .fav-des span, .fdb-dsp em { display: inline-block; margin-left: 100px;} .ord-pri { float: left; width: 13%; text-align: left;} .ord-sta { float: left; width: 15%; text-align: center;} .ord-opr { float: left; width: 11%; text-align: center;} .ord-dsp { float: left; width: 65.7%;} .ord-img { float: left; padding: 10px 0; width: 20%; height: 80px; text-align: center;} .ord-tit { float: left; width: 70%; height: 80px; padding: 10px 7% 0 3%;} .ord-tit a:hover { color: #f60; text-decoration: underline;} .ord-tit span { display: block; margin-top: 10px; color: #656D78;} .ord-tbpri { float: left; width: 18.6%; padding: 10px 0;} .ord-qty { float: left; width: 15.7%; padding: 10px 0; text-align: center; color: #666; line-height: 60px;} .ord-pri .ord-price, .ord-tbpri .ord-price { display: block; line-height: 20px; font-weight: 700; color: #333; font-size: 13px;} .ord-pri del, .ord-tbpri del { display: block; color: #999;} .ord-off { display: block; margin-top: 3px; background-color: #fffaf6; width: 90px; height: 20px; line-height: 20px; text-align: center; border: 1px dashed #ffdfc4; color: #f60; overflow: hidden;} .ord-sta .ord-msg { margin-top: 15px; display: block; color: #900; line-height: 20px; text-align: center;} .ord-sta .track_num { margin-top: 5px; color: #f60; font-weight: 700; cursor: pointer;} .ord-sta .track_num:hover { color: #f90;} .ord-ctk { display: block;} .ord-sta .ord-checkout { display: block; margin: 15px 10px; padding: 6px 0; border-radius: 3px; cursor: pointer; box-shadow: 0 1px 0 rgba(255,255,255,.4) inset; color: #333; background: #f4d078; background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b); background: linear-gradient(to bottom,#f7dfa5,#f0c14b);} .ord-sta .ord-checkout:hover { background: #f1c861; background: -webkit-linear-gradient(top,#f5d78e,#eeb933); background: linear-gradient(to bottom,#f5d78e,#eeb933);} .ord-tit .ord-del { margin-top: 10px; font-size: 11px; color: #025a96; cursor: pointer;} .ord-tit .ord-del:hover { text-decoration: underline; color: #f60;} .ord-tkb { display: inline-block; vertical-align: middle; border: 1px solid #ddd; padding: 0 20px; height: 20px; line-height: 20px; border-radius: 3px; cursor: pointer; color: #001831; margin: 4px;} .track_num em { color: #001831;} .ship-way { margin: 15px auto; width: 110px; padding: 0 10px; height: 24px; line-height: 24px; border: 1px solid #c6c6c6; text-align: left; position: relative; cursor: pointer;} .ship-way::after { display: none; content: ''; width: 100%; height: 4px; background-color: #fff; position: absolute; left: 0; bottom: -3px; z-index: 10;} .ship-way:hover { box-shadow: 2px 2px 2px rgba(0,0,0,.1);} .ship-info { display: none; position: absolute; top: 25px; right: -1px; width: 300px; height: 44px; padding: 5px 20px 5px 15px; border: 1px solid #c6c6c6; background-color: #fff; z-index: 2; box-shadow: 2px 2px 2px rgba(0,0,0,.1);} .ship-info span { display: inline-block; width: 50%; line-height: 22px; color: #333;} .ship-info em { display: block; background: url(../images/acc-ico.png) no-repeat -111px -475px; margin-left: 22px; padding-left: 20px; text-align: left; color: #666;} .ship-way:hover .ship-info, .ship-way:hover::after { display: block;} .ord-blank { margin: 52px auto 42px; width: 60%; min-height: 59px; padding-top: 95px; position: relative; text-align: center;} .ord-blank i, .ship-way i { display: block; position: absolute; left: 50%; margin-left: -62px; top: 0; width: 123px; height: 85px; background: url(../images/acc-ico.png) no-repeat 0 -700px;} .ship-way i { width: 7px; height: 4px; left: auto; margin-left: 0; right: 10px; top: 10px; background-position: -116px -457px;} .ord-blank .tkt-blk { background-position: 0 -805px;} .ord-blank .cpn-blk { background-position: 0 -905px;} .ord-blank .tkt-rvw { height: 90px; background-position: 0 -1490px;} .ord-blank em { display: block; font-size: 18px; font-family: Verdana, Geneva, sans-serif; font-weight: 700; color: #b5b5b5; padding-bottom: 10px;} .ord-blank .cpn-em { font-weight: normal; font-size: 17px;} .ord-blank span, .ord-blank a { color: #f60; text-decoration: underline;} .ord-blank .ord-tkm { color: #666; text-decoration: none;} .ord-blank .ord-cpn { color: #b5b5b5; text-decoration: none;} .ord-blank a { font-weight: 700;} .fav-nav { margin: 10px 0 0; height: 38px; border-bottom: 1px solid #eee; padding-left: 30px;} .fav-nav span { float: left; height: 38px; line-height: 38px; display: block; padding: 0 30px; font-size: 15px; position: relative; border-left: 1px solid #eee; border-top: 1px solid #eee; cursor: pointer;} .fav-nav .fav-last { border-right: 1px solid #eee;} .fav-nav .nav-on { border-top: 2px solid #f60; line-height: 40px; color: #F60; margin-bottom: -1px;} .fav-nav i { display: none;} .nav-on i { display: block; position: absolute; width: 100%; height: 3px; background: #fff; z-index: 100; left: 0; bottom: -1px;} .ord-ban { margin-top: 10px; padding: 15px 0;} .addr-con { margin: 36px 30px; min-height: 230px; border-bottom: 1px dashed #ddd; position: relative;} .addr-add { height: 38px;} .addr-btn { display: inline-block; line-height: 36px; border: 1px solid #ddd; border-radius: 3px; color: #f60; background-color: #f9f9f9; font-size: 13px; box-shadow: 0 0 5px #ddd; padding: 0 20px 0 60px; cursor: pointer; position: relative;} .addr-btn i { position: absolute; width: 20px; height: 20px; top: 7px; left: 23px; background: url(../images/acc-ico.png) no-repeat -103px -505px;} .addr-none { position: absolute; height: 30px; width: 600px; bottom: 20px; left: 50%; margin-left: -300px; text-align: center; font-size: 14px; color: #666;} .addr-book { margin: 20px 0;} .addr-book li { position: relative; padding: 15px 0; display: block; border-bottom: 1px dashed #ddd;} .addr-book li:hover { background-color: #f7f7f7;} .book-nav { padding-left: 10px; line-height: 20px; overflow: hidden;} .book-nav .book-ico { float: left; display: block; width: 13px; height: 20px; background: url(../images/acc-ico.png) no-repeat -110px -544px; margin-right: 10px;} .book-checked .book-ico { background-position: -110px -567px;} .book-name { font-size: 14px; color: #f60;} .book-add { padding-left: 10px; margin-top: 10px; color: #666;} .book-option { position: absolute; top: 27px; right: 5px; height: 25px;} .book-option .book-now { display: inline-block; height: 23px; line-height: 23px; border: 1px dashed #ffdfc4; color: #f60; background-color: #fffaf6; padding: 0 15px; margin-right: 15px; vertical-align: middle; font-family: Verdana, Geneva, sans-serif; font-size: 11px;} .book-option .book-act { display: inline-block; vertical-align: middle; cursor: pointer;} .book-option .book-act:hover { color: #f60; text-decoration: underline;} .book-option del { display: inline-block; width: 1px; height: 11px; margin: 7px 10px; background-color: #aaa; vertical-align: middle;} .addr-cbx { display: none;} .addr-form { overflow: hidden; margin: 20px 0 10px;} .addr-list { padding: 30px 0; border: 1px solid #ddd;} .addr-bd { display: none; padding: 20px 0; border-radius: 5px; position: relative;} .addr-edit { display: block; position: relative;} .rgt-info .hdr-selector { position: absolute; left: 250px; top: 10px; border-radius: 5px; height: 42px; line-height: 42px; width: 268px; border: 1px solid #ccc;} .rgt-info .hdr-selector .country-selector { margin: 6px 0 0 -1px;} .addr-list .rgt-msg, .set-pass .pass-msg, .set-pass .pass-erro { color: #f60; left: 255px; bottom: -9px;} .addr-list .rgt-info { padding: 10px 40px;} .addr-list .rgt-info input.rgt-erro, .set-pass input.rgt-erro { border-color: #f60; box-shadow: inset 0 1px 2px rgba(255,102,0,.1), 0 0 1px 0 rgba(255,102,0,1);} .addr-close { position: absolute; width: 27px; height: 27px; top: 15px; right: 20px; background: url(../images/acc-ico.png) no-repeat -96px -616px; cursor: pointer; z-index: 100; display: block;} .fav-search { text-align: right;} .fav-search .fav-left { text-align: left; display: inline-block; position: relative;} .fav-slt { left: 55px; top: 39px;} .fav-by { display: inline-block; width: 55px; height: 40px; line-height: 40px;} .fav-des { float: left; width: 65.7%;} .fav-sta { float: left; width: 21.3%; text-align: center;} .fav-top { margin: 0; border-top: 1px solid #eee;} .fav-img { float: left; width: 100px;} .fav-tit { float: left; width: 75%;  font-size: 13px; line-height: 18px;} .fav-tit a { display: block; padding: 0 100px 0 20px;} .fav-tit a:hover { color: #f80; text-decoration: underline;} .fav-tit .avi-star { margin: 3px 0 3px 20px; display: block; height: 16px;} .fav-tit .avi-star em { line-height: 16px; color: #888; float: left; font-size: 12px; } .fav-tit .fav-date, .fdb-date { margin-left: 20px; line-height: 16px; color: #bbb; font-size: 12px;} .fav-sta a, .fav-out { display: block; margin: 0 auto 20px; width: 120px; height: 28px; line-height: 28px; color: #fff; background: #f90; border-radius: 3px;} .fav-out { color: #ccc; background: #eee;} .fav-sta a:hover { background-color: #f60;} .fav-remove { display: block; cursor: pointer; color: #999;} .fav-remove:hover { text-decoration: underline;} .ord-blank .fav-ico { background-position: 0 -996px;} .cpn-list { margin-bottom: 30px;} .cpn-list, .cpn-list .addr-close { display: none;} .cpn-show { display: block;} .cpn-list .addr-list { padding: 0; border: none;} .fdb-slt { width: 200px;} .fdb-info { width: 220px;} .fdb-dsp { float: left; width: 60%;} .fdb-dsp .ord-tit { width: 60%;} .fdb-con { float: left; width: 40%; height: 100px; position: relative;} .fdb-con .avi-star { display: block; height: 16px; position: absolute; left: 0; top: 3px;} .fdb-con strong { width: 255px; margin-left: 90px; height: 20px; line-height: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize;} .fdb-content { width: 100%; display: block; max-height: 64px; overflow: hidden; margin: 3px 0 10px 3px; line-height: 16px; color: #666; font-size: 11px;} .fdb-date { display: block; position: absolute; right: 10px; bottom: 0;} .fdb-ban { border-bottom: 1px dashed #ddd; margin-bottom: 10px;} .his-list { padding: 10px 0 40px 30px;} .his-list li { float: left; width: 185px; padding: 20px 15px; height: 275px; margin: 20px 20px 0 0; border: 1px solid #e8e8e8; border-radius: 5px; position: relative;} .his-img { padding: 0 4px 10px; position: relative;} .his-tit { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 3px;} .his-tit a:hover { color: #f60; text-decoration: underline;} .his-pri { padding: 5px 0 0; overflow: hidden;} .his-pri span { float: left; display: block; line-height: 24px; font-size: 14px; color: #f60; font-weight: 700;} .his-pri del { float: right; display: block; line-height: 24px; color: #bbb;} .his-cart { margin-top: 10px; position: relative;} .his-cart .his-add { display: inline-block; text-align: center; height: 28px; line-height: 28px; color: #fff; background-color: #fb9b22; padding: 0 15px; border-radius: 3px; cursor: pointer;} .his-cart .his-add:hover { background-color: #ed7212;} .his-fav { position: absolute; display: block; width: 13px; height: 11px; right: -2px; top: 10px; cursor: pointer;} .his-icon { display: block; width: 13px; height: 11px; background: url(../images/acc-ico.png) no-repeat -113px -19px;} .his-icon:hover { background-position:  -113px -34px;} .his-icon-on .his-icon { background-position:  -113px -49px; -webkit-animation: addfavor .5s ease; animation: addfavor .5s ease;} .set-top { height: 200px; border-bottom: 1px solid #ddd; padding: 40px 0 0 30px; position: relative;} .set_info { float: left; position: relative; width: 500px; height: 110px; padding-left: 130px; } .set_info .set-tit { display: block; line-height: 20px; margin-top: 10px; font-family: Verdana, Geneva, sans-serif; color: #666;} .set-tit em { display: block; color: #333; font-size: 16px;} .set-load { position: absolute; width: 102px; top: 35px; right: 30px; text-align: center;} .set-plus { position: relative; display: block; width: 100px; height: 100px; margin-bottom: 5px; border: 1px dashed #ddd; cursor: pointer; background-color: #f9f9f9;} .set-line1, .set-line2 { position: absolute; top: 50%; left: 50%; width: 3px; height: 64px; margin: -32px 0 0 -1px; background-color: #ddd; -webkit-transition: background-color .2s ease; transition: background-color .2s ease;} .set-line2 { width: 64px; height: 3px; margin: -1px 0 0 -32px;} .set-plus:hover .set-line1, .set-plus:hover .set-line2 { background-color: #888;}#upload_form { display: none;} .set-form { padding: 50px 30px 0; font-family: Verdana, Geneva, sans-serif;} .set-note { line-height: 50px; font-weight: 700; color: #666;} .set-ipt { height: 44px; margin-bottom: 20px;} .set-ipt span { line-height: 44px; display: inline-block; width: 100px;} .set-ipt .ipt-name { width: 300px; vertical-align: baseline;} .set-ipt i { display: inline-block; line-height: 44px; color: #F00;} .rda-tt { line-height: 18px; display: inline-block; width: 100px;} .set-rda { height: 18px; margin-bottom: 20px;} .set-rda label { margin-right: 25px; display: inline-block; cursor: pointer;} .set-box { position: relative; display: inline-block; vertical-align: middle; line-height: 16px;} .set-input { position: absolute; z-index: 1; left: 0; right: 0; margin: 0; width: 18px; height: 18px; opacity: 0; cursor: pointer;} .set-shape { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: 1px solid #ccc; font-size: 14px; color: #fff; border-radius: 50%; cursor: pointer;} .set-check { position: absolute; opacity: 0; left: 0; right: 0; top: -3px; bottom: 0; margin: auto; width: 10px; height: 4px; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; border-left: 2px solid #fff; border-bottom: 2px solid #fff;} .set-text { display: inline-block; vertical-align: middle; margin-left: 6px; color: #333;} .set-input:checked+.set-shape { background-color: #ff8a00; border-color: #ff8a00;} .set-input:checked+.set-shape .set-check { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1;} .set-ipt input.ipt-btn { border: none; background-color: #ff8a00; padding: 0 30px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; border-radius: 5px; margin: 10px 0 0 100px; cursor: pointer;} .set-ipt input.ipt-btn:hover { background-color: #f60;} .set-pass { position: relative;} .set-pass span { text-align: right; width: 300px; margin-right: 10px;} .set-pass input.ipt-btn { margin: 10px 0 0 310px;} .set-pass .pass-msg, .set-pass .pass-erro { bottom: -18px;} .svc-top { height: 114px; background-color: #f5ddbe;} .svc-ico { float: left; margin: 12px 40px 12px 60px;} .svc-ico span { display: block; height: 80px; width: 80px; background-color: #ff5e3e; border: 5px solid #f8b698; border-radius: 50px; position: relative;} .svc-ico i { display: block; position: absolute; width: 33px; height: 34px; left: 50%; top: 50%; margin: -17px 0 0 -16px; background: url(../images/acc-ico.png) no-repeat -94px -1082px;} .svc-tit { float: left; color: #5f4422; padding-top: 24px; font-size: 14px;} .svc-tit span { display: block; font-size: 30px; font-weight: 700; text-transform: uppercase;} .svc-opt { padding: 60px 60px 0;} .svc-opt dl { float: left; width: 50%; height: 200px; margin-bottom: 10px;} .svc-opt dt, .svc-opt dd { padding-left: 90px; width: 300px;} .svc-opt dt { position: relative; font-size: 16px; font-weight: 700;} .svc-opt .svc-img { position: absolute; left: 0; top: 0; width: 80px; height: 80px; background: url(../images/acc-ico.png) no-repeat;} .svc-opt .svc-ic1 { background-position: 0 -1082px;} .svc-opt .svc-ic2 { background-position: 0 -1186px;} .svc-opt .svc-ic3 { background-position: 0 -1381px;} .svc-opt .svc-ic4 { background-position: 0 -1283px;} .svc-opt dd { color: #666; margin-top: 10px; line-height: 16px;} .svc-opt a { display: inline-block; height: 36px; line-height: 36px; border: 1px solid #ddd; background-color: #f5f5f5; border-radius: 3px; padding: 0 15px; color: #333;} .svc-opt .svc-tik a { background-color: #feeacd; border-color: #f1c969;} .tkt-search { position: relative; padding: 30px 0; margin: 0 20px 20px; text-align: right; border-bottom: 1px solid #e8e8e8;} .tkt-search .ord-key { width: 500px; display: inline-block; vertical-align: middle;} .tkt-btn { width: 134px; height: 38px; border: 1px solid #ff8a00; background-color: #ff8a00; text-align: center; color: #fff; font-size: 16px; margin-left: 20px; border-radius: 4px; display: inline-block; vertical-align: middle; cursor: pointer;} .tkt-info { border: 1px solid #e9e9e9; border-top: none; margin: 0 0 40px; position: relative; overflow: hidden;} .tkt-left { float: left; width: 18%; position: relative; text-align: right; font-family: Verdana, Geneva, sans-serif; overflow: hidden;} .tkt-left .tkt-tit, .tkt-right .tkt-obj { display: block; height: 40px; line-height: 40px; padding-right: 20px; color: #666;} .tkt-line { position: absolute; display: block; width: 1px; background-color: #e8e8e8; right: 0; top: 0; height: 100%;} .tkt-right { float: left; width: 82%; height: 40px; line-height: 40px;  font-family: Verdana, Geneva, sans-serif;} .tkt-right .tkt-obj { padding: 0 0 0 20px; color: #666;} .tkt-obj i { margin: 0 10px;} .tkt-bg { background-color: #fafafa;} .tkt-qst { min-height: 60px; padding: 10px 0;} .tkt-qst .tkt-tit { position: absolute; right: 0; top: 50%; height: 100%; margin-top: -20px; color: #333;} .tkt-qst .tkt-obj { line-height: 16px; padding: 5px 100px 5px 20px; color: #333;} .tkt-obj a { text-decoration: underline; margin-right: 15px;} .tkt-obj a:hover { color: #f60;} .tkt-nav { position: relative; padding: 45px 0 0;} .tkt-rs { position: absolute; top: 0; right: 0;} .tkt-rs .tkt-rsbtn { display: inline-block; line-height: 23px; box-shadow: 0 2px 1px rgba(6,0,1,.13); border: 1px solid #aaa; padding: 0 10px 0 27px; border-radius: 3px; font-size: 11px; cursor: pointer; position: relative;} .tkt-rs .tkt-rsbtn i { width: 14px; height: 14px; display: block; background: url(../images/pro-ico.png) no-repeat -78px -185px; position: absolute; left: 8px; top: 6px;} .tkt-form { display: none; border: 1px solid #e8e8e8; border-bottom: none; position: relative; padding: 40px 0 40px 18%;} .tkt-txt { margin: 5px 0 10px; padding: 5px 10px; display: block; width: 600px; height: 200px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px;} .tkt-form .tkt-btn { height: 30px; margin: 0; font-size: 13px; width: 100px;} .tkt-time { text-align: right; line-height: 40px; padding-right: 20px;} .tkt-add-file { display: inline-block; padding: 0 15px; border: 1px dashed #ddd; height: 28px; line-height: 28px; margin-left: 428px; vertical-align: middle; color: #999; cursor: pointer;} .tkt-add-file strong { font-size: 18px; margin-right: 5px; vertical-align: middle; color: #aaa;} .ctn-fm { display: none; width: 604px; margin: 20px 20px 20px 0; padding: 5px 10px 20px; position: relative; border: 1px solid #e8e8e8;} .ctn-fmt { float: left; padding: 10px 0 0 0; width: 100%; line-height: 18px; color: #888;} .ctn-ban { font-size: 14px; font-weight: bold; height: 44px; line-height: 44px; color: #666;} .ctn-fa { float: left; margin: 0 6px; border: 1px dashed #ccc; background-color: #fafafa; padding: 30px 10px; line-height: 16px;} .ctn-fa .add-file, .ctn-fmt .remove-file { float: left; display: block; background: #fff url(../images/cmt/hp-ico.png) no-repeat 6px -209px; border: 1px dashed #dae2ed; width: 31px; height: 31px;} .ctn-fmt .remove-file { margin-left: 10px; height: 23px; background-position: 8px -261px;} .ctn-fa .add-file:hover, .ctn-fmt .remove-file:hover { border-color: #8dc7eb;} .ctn-desc { float: left; padding-left: 10px; width: 90%; color: #888;} .ctn-fmt input { float: left; border: 1px solid #e1e1e1; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); height: 23px;} .cmt-upf { margin-top: 10px;} .cmt-upf p { float: left; padding-bottom: 10px; width: 100%;} .ctn-dash { margin: 20px 130px 20px 110px; height: 30px; border-bottom: 1px solid #dfe5e8;} .ctn-info { margin-top: 50px; padding-left: 90px;} .ctn-min { float: left; width: 500px; margin-bottom: 30px;} .ctn-min input { width: 335px;} .fav_none { display: none;} .acc_sign a, .log-rgt a { height: 30px; line-height: 30px; text-align: center; display: block; color: #333; border-radius: 3px; background: #fff; box-shadow: 0 2px 1px rgba(6,0,1,.13); border: 1px solid #aaa; background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#f0f0f0)); background: -moz-linear-gradient(top,#fff,#f0f0f0); background: -o-linear-gradient(top,#fff,#f0f0f0); background: linear-gradient(to bottom,#fff,#f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0f0f0');} .acc_sign a:hover, .log-rgt a:hover { box-shadow: 0 0 0 #fff; background: #ededed; background: -moz-linear-gradient(top,#f6f6f6,#e5e5e5); background: -webkit-gradient(linear,0 0,0 bottom,from(#f6f6f6),to(#e5e5e5)); background: -o-linear-gradient(top,#f6f6f6,#e5e5e5); background: linear-gradient(to bottom,#f6f6f6,#e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#e5e5e5');} .log-rgt a { border-color: #adb1b8 #a2a6ac #8d9096; font-size: 13px;} .btm-wrap { background-color: #f9f9f9;} 
@media (max-width: 1460px) { .acc_wrap { padding: 0 25px;} .my_main { padding: 24px 25px;} https://www.newvast.com/img/ { padding: 0;} .my_like .sliderbox { width: 2640px;} .my_box li { width: 220px;}}
/***frame**/
.jsd { display: none; min-height: 360px; border: 1px solid #e8e8e8; border-radius: 7px; background: #fff; box-shadow: 1px 1px 3px #aaa; overflow: hidden; position: fixed; width: 900px; left: 50%; top: 50%; z-index: 2000; margin-left: -340px; margin-top: -175px; padding: 0 3px 1px 0; -webkit-transform: translateZ(0); -webkit-animation: zoomIn 0.2s; animation: zoomIn 0.2s;} .acc_ord_dialog { margin-top: -200px;}
@-webkit-keyframes zoomIn {	
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
}
@keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
}
#trackIframe { border: 1px solid rgb(224, 224, 224); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 1px 0px; margin-top: -56px; min-width: 260px; max-height: 330px;} .jscs { background-color: #fff; width: 100%; height: 30px; position: relative; z-index: 1300;} .jscs em { position: absolute; right: 8px; top: 8px; cursor: pointer; display: block; width: 16px; height: 16px; background: url(../images/pro-ico.png) no-repeat; background-position: -38px -183px; z-index: 1510;} .jsd-ban { height: 76px; padding: 0 12px; overflow: hidden; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;} .jsd-bl, .jsd-br, .jsd-bl i, .jsd-tkinfo li { background: url(../images/tk-ico.png) no-repeat; font-family: Verdana, Geneva, sans-serif;} .jsd-bl { float: left; height: 40px; width: 340px; padding: 18px 0 18px 52px; border-right: 1px solid #e0e0e0; background-position: 0 18px; position: relative;} .jsd-bl i { display: block; width: 40px; height: 40px; position: absolute; left: 0; top: 18px; background-position: 0 -241px;} .jsd-bl span { display: block; line-height: 20px; color: #555;} .jsd-bl .jsd-tkn { font-size: 14px; color: #212121;} .jsd-br { float: left; height: 76px; width: 420px; padding: 0 0 0 50px; background-position: 20px -80px;} .jsd-br span { display: block; color: #333; line-height: 38px; font-size: 14px;} .jsd-tkb { padding: 5px 10px; height: 30px; line-height: 30px; font-size: 14px; color: #757575;} .jsd-tkinfo { padding: 0 20px 10px; max-height: 180px; overflow-x: hidden; overflow-y: auto; margin-bottom: 20px;} .jsd-tkinfo::-webkit-scrollbar { width: 9px; height: 9px;} .jsd-tkinfo::-webkit-scrollbar-corner { background: #4c3939;} .jsd-tkinfo::-webkit-scrollbar-thumb { background: #aaa; border-radius: 5px;} .jsd-tkinfo::-webkit-scrollbar-track { display: none;} .jsd-tkinfo:-webkit-scrollbar-track-piece { background: #e7e7e7;} .jsd-tkinfo li { padding: 4px 0 4px 40px; height: 24px; line-height: 22px; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #666; background-position: 10px -175px; position: relative;} .jsd-tkinfo li:first-child { background-position: 10px -202px; color: #000; text-shadow: 1px 0px 1px rgba(0,0,0,.9);} .jsd-tkinfo li span { margin-right: 30px;} .jsd-tkinfo li i { display: block; position: absolute; width: 1px; height: 14px; background-color: #ddd; left: 16px; top: 24px;} .loadtrack { z-index: 1500; margin: 0 auto; width: 360px; height: 360px; background: rgba(255,255,255,.3) url(../images/loading.gif) center center no-repeat; overflow: hidden;}
/*******/